/* Original Bonjour Nawa four-scene artwork, ported from the approved r5
 * shared/motion.css. Selectors/keyframes scoped to this new dialog only. */
#nawa-visual-dialog .bn-scene{--bn-cobalt:#2254dc;--bn-navy:#14294b;--bn-coral:#ee6862;--bn-white:#fffdf8;position:relative;isolation:isolate;width:100%;aspect-ratio:1.22;min-height:230px;overflow:hidden;perspective:900px;color:var(--bn-navy);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
#nawa-visual-dialog .bn-scene *{box-sizing:border-box}
#nawa-visual-dialog .bn-halo{position:absolute;width:78%;aspect-ratio:1;left:11%;top:0;border-radius:50%;background:#ffffff2b}
#nawa-visual-dialog .bn-ground{position:absolute;left:8%;right:8%;bottom:11%;height:11%;border-radius:50%;background:#14294b13;filter:blur(12px)}
#nawa-visual-dialog .bn-thread{position:absolute;width:65%;height:40%;left:18%;top:29%;border:2px solid #2254dc21;border-radius:50%;transform:rotate(-18deg)}
#nawa-visual-dialog .bn-thread:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--bn-coral);right:9%;top:4%}
#nawa-visual-dialog .bn-person{position:absolute;width:14%;height:36%;bottom:15%;left:12%;transform:rotate(-4deg);transform-origin:bottom center;z-index:2}
#nawa-visual-dialog .bn-person.bn-person-right{left:auto;right:12%;transform:rotate(4deg)}
#nawa-visual-dialog .bn-person:before{content:"";position:absolute;width:47%;aspect-ratio:1;left:26%;top:0;border-radius:45% 45% 42% 42%;background:#a76b4c;box-shadow:inset 0 7px #3e302c}
#nawa-visual-dialog .bn-person:after{content:"";position:absolute;width:83%;height:69%;left:8%;bottom:0;border-radius:43% 43% 17% 17%;background:var(--bn-cobalt);box-shadow:inset -9px 0 #0000000c}
#nawa-visual-dialog .bn-person-right:before{background:#deb59b;box-shadow:inset 0 7px #5f392b}
#nawa-visual-dialog .bn-person-right:after{background:var(--bn-coral);box-shadow:inset 9px 0 #00000009}
#nawa-visual-dialog .bn-arm{position:absolute;width:72%;height:14%;left:53%;top:49%;border-radius:15px;background:var(--bn-cobalt);transform:rotate(-38deg);transform-origin:left center;z-index:2}
#nawa-visual-dialog .bn-person-right .bn-arm{left:auto;right:53%;background:var(--bn-coral);transform:rotate(38deg);transform-origin:right center}
#nawa-visual-dialog .bn-speech{position:absolute;top:17%;left:8%;padding:12px 18px;border-radius:22px 22px 22px 4px;background:var(--bn-white);color:var(--bn-cobalt);box-shadow:0 12px 25px #14294b12;font-size:clamp(16px,4.8cqi,23px);line-height:1.2;font-weight:650;letter-spacing:-.5px;transform:rotate(-8deg);z-index:4}
#nawa-visual-dialog .bn-speech.bn-speech-eg{left:auto;right:8%;top:32%;background:var(--bn-coral);color:#fff;border-radius:22px 22px 4px 22px;font-family:Tahoma,Arial,sans-serif;transform:rotate(7deg)}
#nawa-visual-dialog .bn-book{position:absolute;left:30%;top:37%;width:40%;height:32%;transform:rotateX(25deg) rotateZ(-9deg);transform-style:preserve-3d;z-index:3}
#nawa-visual-dialog .bn-book:after{content:"";position:absolute;left:49%;top:0;width:3px;height:100%;background:#c2ac8b;box-shadow:1px 0 2px #fff;z-index:6}
#nawa-visual-dialog .bn-cover{position:absolute;top:8%;width:51%;height:99%;background:var(--bn-cobalt);box-shadow:0 8px 17px #14294b21;border-radius:5px 2px 6px 6px;transform-origin:right center;transform:rotateY(13deg);translate:0 0 -2px;z-index:1}
#nawa-visual-dialog .bn-cover.bn-right{left:49%;transform-origin:left center;transform:rotateY(-13deg);border-radius:2px 5px 6px 6px;background:#1645b7}
#nawa-visual-dialog .bn-page{position:absolute;left:2%;width:48%;height:94%;top:0;background:linear-gradient(100deg,#fffdf8,#f2e6d2);border-radius:6px 2px 2px 7px;transform-origin:right center;transform:rotateY(13deg);box-shadow:0 3px #e5d7bf,0 6px #f9f0df;translate:0 0 3px;z-index:4}
#nawa-visual-dialog .bn-page.bn-right{left:50%;transform-origin:left center;transform:rotateY(-13deg);border-radius:2px 6px 7px 2px;background:linear-gradient(80deg,#e7d6bb,#fffdf8)}
#nawa-visual-dialog .bn-page:before{content:"";position:absolute;left:15%;right:15%;top:24%;height:2px;background:#c5b59d;box-shadow:0 12px #c5b59d,0 24px #c5b59d,0 36px #c5b59d;opacity:.55}
#nawa-visual-dialog .bn-flap{position:absolute;left:50%;top:0;width:48%;height:94%;background:#fffdf8;border-radius:2px 6px 7px 2px;transform-origin:left center;opacity:0;z-index:7}
#nawa-visual-dialog .bn-bookmark{position:absolute;left:59%;top:75%;width:9%;height:44%;background:var(--bn-coral);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);transform:rotate(-5deg);z-index:9}
#nawa-visual-dialog .bn-word-row{position:absolute;left:5%;right:5%;top:27%;display:flex;direction:ltr;justify-content:center;gap:7px;z-index:6;transform:rotate(-3deg)}
#nawa-visual-dialog .bn-word{position:relative;background:var(--bn-white);padding:12px 11px;border-radius:11px;box-shadow:0 9px 20px #14294b15;font-size:clamp(17px,5.3cqi,25px);line-height:1.1;letter-spacing:-.6px;font-weight:650;white-space:nowrap}
#nawa-visual-dialog .bn-word.bn-verb{color:var(--bn-cobalt)}
#nawa-visual-dialog .bn-word.bn-verb:after{content:"";position:absolute;left:10px;right:10px;bottom:5px;height:3px;border-radius:3px;background:var(--bn-coral);transform-origin:left center}
#nawa-visual-dialog .bn-meaning{position:absolute;left:20%;right:20%;top:53%;padding:11px 14px;border-radius:13px;background:#e9efff;color:#1645b7;font-family:Tahoma,Arial,sans-serif;direction:rtl;text-align:center;font-size:18px;box-shadow:0 7px 17px #14294b10;z-index:7;transform:rotate(2deg)}
#nawa-visual-dialog .bn-scene[data-bn-scene=language] .bn-book{left:24%;width:52%;top:46%;height:35%;transform:rotateX(35deg) rotateZ(-5deg)}
#nawa-visual-dialog .bn-scene[data-bn-scene=language] .bn-meaning{top:68%;left:26%;right:13%;font-size:17px}
#nawa-visual-dialog .bn-desk{position:absolute;left:8%;right:8%;bottom:16%;height:6%;border-radius:8px;background:#d8c9b5;box-shadow:0 12px #b9a993}
#nawa-visual-dialog .bn-guide{position:absolute;left:20%;top:17%;width:56%;height:59%;background:var(--bn-white);border-radius:14px;transform:rotate(-8deg);box-shadow:0 8px #e1d8c8,0 20px 35px #14294b25;z-index:2}
#nawa-visual-dialog .bn-guide:before{content:"";position:absolute;left:0;top:0;bottom:0;width:11%;background:var(--bn-cobalt);border-radius:14px 0 0 14px}
#nawa-visual-dialog .bn-guide-title{position:absolute;left:21%;top:12%;font-size:clamp(14px,4cqi,19px);font-weight:650;letter-spacing:-.5px;color:var(--bn-navy)}
#nawa-visual-dialog .bn-guide-lines{position:absolute;left:21%;right:15%;top:35%;height:3px;background:#c8d4e8;box-shadow:0 12px #c8d4e8,0 24px #c8d4e8}
#nawa-visual-dialog .bn-question-card{position:absolute;left:35%;right:7%;top:37%;background:var(--bn-cobalt);border-radius:14px;padding:16px 13px;box-shadow:0 15px 25px #122d6330;transform:rotate(7deg);z-index:5}
#nawa-visual-dialog .bn-question-title{display:block;color:#fff;font-size:clamp(14px,4.8cqi,21px);line-height:1.15;letter-spacing:-.5px;font-weight:600}
#nawa-visual-dialog .bn-choice-lines{display:grid;gap:7px;margin-top:13px}
#nawa-visual-dialog .bn-choice-line{display:flex;gap:8px;align-items:center}
#nawa-visual-dialog .bn-choice-line:before{content:"";width:10px;height:10px;border:1.5px solid #c7d9ff;border-radius:50%;flex-shrink:0}
#nawa-visual-dialog .bn-choice-line:after{content:"";height:5px;border-radius:4px;background:#adc5ff;width:70%}
#nawa-visual-dialog .bn-choice-line:nth-child(2):after{width:52%}
#nawa-visual-dialog .bn-choice-line:nth-child(3):after{width:62%}
#nawa-visual-dialog .bn-source-tag{position:absolute;left:11%;bottom:12%;border-radius:12px;padding:10px 15px;background:var(--bn-coral);color:#fff;font-size:14px;font-weight:600;z-index:6;transform:rotate(-4deg);box-shadow:0 9px 18px #14294b18}
#nawa-visual-dialog .bn-finished-book{position:absolute;left:24%;top:22%;width:51%;height:57%;background:var(--bn-cobalt);border-radius:16px 25px 25px 16px;box-shadow:inset 10px 0 #123eab,0 18px 27px #14294b27;transform:rotate(-11deg);z-index:3}
#nawa-visual-dialog .bn-finished-book:after{content:"";position:absolute;bottom:-5px;left:11px;right:0;height:11px;border-radius:1px 0 13px 3px;background:repeating-linear-gradient(0deg,#f1e5d1 0 2px,#fff8eb 2px 4px);z-index:-1}
#nawa-visual-dialog .bn-seal{position:absolute;width:47%;aspect-ratio:1;left:28%;top:25%;border-radius:50%;display:grid;place-items:center;background:var(--bn-white);box-shadow:0 10px 25px #12337138;color:var(--bn-cobalt)}
#nawa-visual-dialog .bn-seal svg{width:68%;height:68%;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#nawa-visual-dialog .bn-ribbon{position:absolute;width:7px;height:18px;left:50%;top:45%;background:var(--bn-coral);border-radius:4px;transform:translate(calc(var(--bn-x)*1px),calc(var(--bn-y)*1px)) rotate(calc(var(--bn-r)*1deg));z-index:4}
#nawa-visual-dialog .bn-ribbon:nth-of-type(3n){background:var(--bn-cobalt)}
#nawa-visual-dialog .bn-ribbon:nth-of-type(3n+1){background:#fffdf8}
#nawa-visual-dialog .bn-running .bn-person{animation:nwv-meet-left 2400ms cubic-bezier(.2,.85,.25,1) both}
#nawa-visual-dialog .bn-running .bn-person-right{animation-name:nwv-meet-right}
#nawa-visual-dialog .bn-running .bn-person .bn-arm{animation:nwv-wave 1700ms ease-in-out both}
#nawa-visual-dialog .bn-running .bn-person-right .bn-arm{animation-name:nwv-wave-right;animation-delay:140ms}
#nawa-visual-dialog .bn-running .bn-speech{animation:nwv-conversation 2300ms cubic-bezier(.2,.8,.25,1) both}
#nawa-visual-dialog .bn-running .bn-speech-eg{animation-name:nwv-conversation-eg;animation-delay:180ms}
#nawa-visual-dialog .bn-running .bn-book .bn-cover:not(.bn-right),#nawa-visual-dialog .bn-running .bn-book .bn-page:not(.bn-right){animation:nwv-open-left 2000ms cubic-bezier(.2,.8,.25,1) both}
#nawa-visual-dialog .bn-running .bn-book .bn-cover.bn-right,#nawa-visual-dialog .bn-running .bn-book .bn-page.bn-right{animation:nwv-open-right 2000ms cubic-bezier(.2,.8,.25,1) both}
#nawa-visual-dialog .bn-running .bn-flap{animation:nwv-page-turn 2400ms ease-in-out both}
#nawa-visual-dialog .bn-running .bn-flap.bn-flap-second{animation-delay:180ms}
#nawa-visual-dialog .bn-running .bn-word{animation:nwv-word-place 2200ms cubic-bezier(.2,.8,.25,1) both}
#nawa-visual-dialog .bn-running .bn-word:nth-child(2){animation-delay:120ms}
#nawa-visual-dialog .bn-running .bn-word:nth-child(3){animation-delay:240ms}
#nawa-visual-dialog .bn-running .bn-word.bn-verb:after{animation:nwv-underline 2100ms ease-out both}
#nawa-visual-dialog .bn-running .bn-meaning{animation:nwv-meaning-reveal 2500ms ease-out both}
#nawa-visual-dialog .bn-running .bn-guide{animation:nwv-guide-open 2300ms cubic-bezier(.2,.8,.25,1) both}
#nawa-visual-dialog .bn-running .bn-question-card{animation:nwv-question-rise 2400ms cubic-bezier(.2,.8,.25,1) both}
#nawa-visual-dialog .bn-running .bn-choice-line{animation:nwv-choice-show 2200ms ease-out both}
#nawa-visual-dialog .bn-running .bn-choice-line:nth-child(2){animation-delay:90ms}
#nawa-visual-dialog .bn-running .bn-choice-line:nth-child(3){animation-delay:180ms}
#nawa-visual-dialog .bn-running .bn-source-tag{animation:nwv-source-show 2500ms cubic-bezier(.2,.8,.25,1) both}
#nawa-visual-dialog .bn-running .bn-finished-book{animation:nwv-book-finish 2200ms cubic-bezier(.2,.8,.25,1) both}
#nawa-visual-dialog .bn-running .bn-seal{animation:nwv-seal-show 2400ms cubic-bezier(.2,.8,.25,1) both}
#nawa-visual-dialog .bn-running .bn-ribbon{animation:nwv-ribbon-scatter 2500ms cubic-bezier(.12,.75,.25,1) both}
@keyframes nwv-meet-left{0%{opacity:0;translate:-50px 15px;rotate:-12deg}40%,100%{opacity:1;translate:0 0;rotate:0deg}}
@keyframes nwv-meet-right{0%{opacity:0;translate:50px 15px;rotate:12deg}40%,100%{opacity:1;translate:0 0;rotate:0deg}}
@keyframes nwv-wave{0%,25%,100%{rotate:0deg}45%{rotate:-18deg}65%{rotate:4deg}}
@keyframes nwv-wave-right{0%,25%,100%{rotate:0deg}45%{rotate:18deg}65%{rotate:-4deg}}
@keyframes nwv-conversation{0%,10%{opacity:0;translate:36px 60px;scale:.7}45%,100%{opacity:1;translate:0 0;scale:1}}
@keyframes nwv-conversation-eg{0%,18%{opacity:0;translate:-36px 40px;scale:.7}55%,100%{opacity:1;translate:0 0;scale:1}}
@keyframes nwv-open-left{0%,8%{transform:rotateY(82deg)}55%,100%{transform:rotateY(13deg)}}
@keyframes nwv-open-right{0%,8%{transform:rotateY(-82deg)}55%,100%{transform:rotateY(-13deg)}}
@keyframes nwv-page-turn{0%,30%{opacity:0;transform:rotateY(0deg)}35%{opacity:1;transform:rotateY(-15deg)}68%{opacity:1;transform:rotateY(-155deg)}80%,100%{opacity:0;transform:rotateY(-170deg)}}
@keyframes nwv-word-place{0%,5%{opacity:0;translate:-40px -40px;rotate:-12deg}50%,100%{opacity:1;translate:0 0;rotate:0deg}}
@keyframes nwv-underline{0%,45%{scale:0 1}78%,100%{scale:1 1}}
@keyframes nwv-meaning-reveal{0%,45%{opacity:0;translate:0 -15px;scale:.9}78%,100%{opacity:1;translate:0 0;scale:1}}
@keyframes nwv-guide-open{0%{opacity:0;translate:-40px 45px;rotate:-12deg}50%,100%{opacity:1;translate:0 0;rotate:0deg}}
@keyframes nwv-question-rise{0%,15%{opacity:0;translate:0 55px;scale:.75}60%,100%{opacity:1;translate:0 0;scale:1}}
@keyframes nwv-choice-show{0%,36%{opacity:0;translate:25px 0}78%,100%{opacity:1;translate:0 0}}
@keyframes nwv-source-show{0%,45%{opacity:0;translate:-30px 15px;rotate:-10deg}80%,100%{opacity:1;translate:0 0;rotate:0deg}}
@keyframes nwv-book-finish{0%{opacity:0;translate:0 50px;rotate:-14deg;scale:.8}65%,100%{opacity:1;translate:0 0;rotate:0deg;scale:1}}
@keyframes nwv-seal-show{0%,30%{opacity:0;scale:.4;rotate:30deg}70%,100%{opacity:1;scale:1;rotate:0deg}}
@keyframes nwv-ribbon-scatter{0%,28%{opacity:0;translate:0 0;transform:translate(0,0) rotate(0deg)}40%{opacity:1}100%{opacity:.9;transform:translate(calc(var(--bn-x)*1px),calc(var(--bn-y)*1px)) rotate(calc(var(--bn-r)*1deg))}}