@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2)format("woff2"),url(/assets/dm-sans-latin-400-normal-BwCSEQnW.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2)format("woff2"),url(/assets/dm-sans-latin-500-normal-Dr3UlScf.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2)format("woff2"),url(/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/dm-sans-latin-700-normal-DvUfVpUG.woff2)format("woff2"),url(/assets/dm-sans-latin-700-normal-CUSSCpQX.woff)format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:800;src:url(/assets/dm-sans-latin-800-normal-C2H8778U.woff2)format("woff2"),url(/assets/dm-sans-latin-800-normal-BwbkPQqB.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/playfair-display-latin-700-normal-CuDiGg7c.woff2)format("woff2"),url(/assets/playfair-display-latin-700-normal-Bc_1Q1cG.woff)format("woff")}@font-face{font-family:Playfair Display;font-style:italic;font-display:swap;font-weight:700;src:url(/assets/playfair-display-latin-700-italic-CB566L-e.woff2)format("woff2"),url(/assets/playfair-display-latin-700-italic-DgrU7w_p.woff)format("woff")}#root{flex-direction:column;flex:1;height:100dvh;display:flex;overflow:hidden}#app-shell,#main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}#app-shell.no-header #main-content{padding-top:0}:root{--ink:#0f172a;--cream:#f2f4f8;--accent:#2563eb;--accent-text:#2563eb;--accent-cta:#2563eb;--gold:#f5c400;--muted:#5b6478;--border:#e3e7ef;--bubble-ai:#f0f2f7;--bubble-user:#2563eb;--card:#fff;--bg:#fff;--header-bg:#131f3b;--scene:#131f3b;--scene-text:#c9d4ee;--heading:"DM Sans",sans-serif;--success:#2e7d32;--danger:#c62828;--luma-a:#60a5fa;--luma-b:#1d4ed8;--luma-c:#1e3a8a;--luma-part:#93c5fdd9;--luma-glow:#3b82f699;--luma-glow2:#2563eb4d;--luma-h1:#0a1a4a;--luma-h2:#1d4ed8;--luma-border:#1d4ed840}body.dark{--ink:#f1f5ff;--cream:#18254a;--accent:#4d7fff;--accent-text:#8fb8ff;--accent-cta:#2563eb;--muted:#9fb0d4;--border:#2a3a63;--bubble-ai:#1d2d55;--bubble-user:#2563eb;--card:#16224a;--bg:#0e1730;--header-bg:#0b1328;--scene:#1d2d55}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--ink);flex-direction:column;height:100dvh;font-family:DM Sans,sans-serif;transition:background .3s,color .3s;display:flex;overflow:hidden}#back-bar{height:calc(56px + env(safe-area-inset-top,0px));background:var(--header-bg);z-index:95;border-bottom:1px solid #ffffff1a;align-items:center;padding:0 14px;display:none;position:fixed;top:0;left:0;right:0;padding-top:env(safe-area-inset-top,0px)!important}.back-bar-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;padding:0;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;display:flex}.back-bar-btn:hover{color:var(--gold)}@media (width<=540px){.back-bar-btn{font-size:.85rem}}header{background:var(--header-bg);color:#fff;padding:max(10px,env(safe-area-inset-top)) 20px 10px;border-bottom:2px solid #f5c40066;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;min-height:52px;display:flex}.header-left{flex-shrink:1;align-items:center;gap:10px;min-width:0;display:flex;overflow:hidden}.logo{letter-spacing:-.5px;white-space:nowrap;text-overflow:ellipsis;font-family:Playfair Display,serif;font-size:2.2rem;font-weight:700;line-height:1.1;overflow:hidden}.logo span{color:var(--gold);font-style:italic}.tagline{color:#8090b0;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.header-right{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex}.xp-bar-wrap{flex-shrink:0;align-items:center;gap:6px;display:flex}.xp-label{color:var(--gold);white-space:nowrap;font-size:.7rem;font-weight:600}.xp-track{background:#1e3060;border-radius:3px;flex-shrink:0;width:60px;height:5px;overflow:hidden}.xp-fill{background:var(--gold);border-radius:3px;height:100%;transition:width .5s}.level-chip{background:var(--gold);color:#0a1a3a;white-space:nowrap;border-radius:10px;flex-shrink:0;padding:3px 7px;font-size:.75rem;font-weight:700}.dark-btn:hover{border-color:var(--gold);color:var(--gold)}.profile-btn{cursor:pointer;background:0 0;border:none;padding:3px;font-size:1.2rem;transition:transform .2s}.profile-btn:hover{transform:scale(1.15)}@media (width<=600px){.xp-bar-wrap{display:flex}.xp-track{display:none}.xp-label{font-size:.65rem}.logo{font-size:1.8rem}.tagline{display:none}header{padding:max(9px,env(safe-area-inset-top)) 14px 9px;min-height:48px}.dash-greeting{font-size:1.05rem}.dash-sub{font-size:.78rem}.dash-top{margin-bottom:16px}.dash-hero-btn{border-radius:14px;gap:12px;padding:16px}.dash-hero-btn>span:first-child{font-size:1.4rem}.dash-mode-row{gap:12px;padding:14px 16px}.dmr-icon{width:30px;font-size:1.2rem}.dmr-label{font-size:.88rem}.dmr-sub{font-size:.74rem}.dash-section-toggle{padding:12px 16px;font-size:.82rem}.dash-add-btn{padding:12px 16px}.lang-card{border-radius:14px;gap:10px;padding:13px 14px}.lang-flag{font-size:1.6rem}.lang-name{font-size:.92rem}.bubble{max-width:90%;padding:10px 14px 12px;font-size:.9rem}.session-info{max-width:calc(100% - 44px);overflow:hidden}.tag{border-radius:5px;padding:2px 6px;font-size:.78rem}.input-area{padding:8px 16px max(12px,env(safe-area-inset-bottom))}#user-input{padding:10px 14px;font-size:.95rem}.bub-btn{padding:4px 8px;font-size:.78rem}.plus-btn{width:42px;height:42px;font-size:1.2rem}.send-btn{border-radius:50%;width:44px;height:44px}.mic-btn{width:56px;height:56px;font-size:1.1rem}.modal-box{border-radius:20px 20px 0 0;padding:20px 18px 28px}.summary-stats{gap:8px}.sum-val{font-size:1.4rem}.sum-lbl{font-size:.78rem}.fib-card{border-radius:16px;padding:20px 16px}.fib-options{grid-template-columns:1fr 1fr;gap:8px}.fib-option{border-radius:10px;padding:11px 8px;font-size:.83rem}.vq-card{padding:20px 16px}.levels-grid,.scenes-grid{grid-template-columns:1fr}.media-vibe-grid{grid-template-columns:1fr 1fr}.media-vibe-btn{padding:11px 10px;font-size:.8rem}.dialect-example-row{grid-template-columns:1fr 14px 1fr;gap:4px;padding:9px 10px}.dialect-ex-standard,.dialect-ex-local{font-size:.79rem}.ob-lang-grid{gap:8px}.ob-lang-btn{border-radius:12px;padding:14px 6px;font-size:.79rem}.ob-lang-btn span{font-size:1.5rem}.onboard-new{padding:16px 14px}.onboard-question{font-size:1.4rem}.welcome-new-logo{font-size:3rem}.welcome-new-emoji{margin-top:24px;font-size:4rem}.welcome-new-bottom{padding:24px 20px max(40px,calc(env(safe-area-inset-bottom,0px) + 16px))}.profile-new{padding:16px}.profile-new-step{font-size:1.35rem}.spirit-fab{bottom:14px;right:12px}.spirit-orb{width:46px;height:46px}.chatbot-panel{width:calc(100vw - 16px);bottom:70px;right:8px}#screen-fill-blank,#screen-srs,#screen-sentence-builder,#screen-listening,#screen-vocab-quiz,#screen-quiz,#screen-dialect-decoder,#screen-media{padding:18px 14px 60px}#screen-setup,#screen-wordprep{padding:12px 14px 24px}#screen-topics,#screen-scenes,#screen-history,#screen-friends,#screen-progress,#screen-settings,#screen-levels,#screen-journey{padding:18px 14px 44px}.history-wrap,.friends-wrap,.settings-wrap,.news-wrap,.fib-wrap{padding:16px 14px 32px}.wordprep-card{padding:9px 11px}.wpc-target{font-size:.92rem}.wordprep-exchange{padding:8px 10px}.pronun-word-card{padding:10px 12px}.pwc-word{font-size:1rem}.pwc-syllables{font-size:.9rem}.level-plain-btn{gap:10px;padding:13px 14px}.lpb-emoji{width:30px;font-size:1.4rem}.lpb-title{font-size:.88rem}.lpb-sub{font-size:.74rem}.chat-tip{max-width:calc(100vw - 80px);left:48px}.chat-tip-bubble{left:auto;right:8px}.chat-tip-top{right:8px}}.journey-stage{margin-bottom:0}.journey-stage-label{border-top:1px solid var(--border);margin-top:8px;padding:32px 20px 16px;display:block}.journey-stage-label:first-of-type{border-top:none;padding-top:0}.journey-stage-label-sub{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:4px;font-size:.75rem;font-weight:700;display:block}.journey-stage-label-title{letter-spacing:-.02em;letter-spacing:-.3px;color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:1.4rem;font-weight:700;display:block}.journey-node-row{justify-content:center;align-items:center;height:76px;margin:0;padding:0;display:flex;position:relative}.journey-connector{background:var(--border);border-radius:2px;width:3px;height:36px;margin:0 auto;transition:background .4s}.journey-connector.done{background:var(--accent)}.journey-node{cursor:pointer;border:3px solid var(--border);background:var(--card);border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;transition:transform .15s,box-shadow .2s;display:flex;position:relative;box-shadow:0 2px 8px #0a1a3a14}.journey-node:hover:not(.locked){transform:scale(1.06);box-shadow:0 6px 20px #1a56db2e}.journey-node:active:not(.locked){transform:scale(.94)}.journey-node.done{background:var(--accent);border-color:var(--accent-text);box-shadow:0 4px 16px #1a56db4d}.journey-node.done .journey-node-icon{filter:brightness(10)}.journey-node.current{border-color:var(--accent-text);background:var(--card);border-width:3px;animation:2.2s ease-in-out infinite journeyPulse}.journey-node.locked{opacity:1;cursor:not-allowed;box-shadow:none;background:var(--cream);border-color:var(--border);border-style:dashed}body.dark .journey-node.locked{background:#ffffff0a}.journey-node.locked .journey-node-icon{opacity:.35}.journey-node.native-node:not(.done):not(.locked){border-color:#7c3aed}.journey-node.native-node.current{border-color:#7c3aed;animation:2.2s ease-in-out infinite journeyPulseNative}.journey-node.advanced-node:not(.done):not(.locked){border-color:#fca5a5}.journey-node.advanced-node.current{border-color:#dc2626;animation:2.2s ease-in-out infinite journeyPulseAdv}.journey-node.intermediate-node:not(.done):not(.locked){border-color:#fde68a}.journey-node.intermediate-node.current{border-color:#d97706;animation:2.2s ease-in-out infinite journeyPulseInt}@keyframes journeyPulseAdv{0%,to{box-shadow:0 0 0 5px #dc26261a}50%{box-shadow:0 0 0 10px #dc26260d}}@keyframes journeyPulseInt{0%,to{box-shadow:0 0 0 5px #d977061a}50%{box-shadow:0 0 0 10px #d977060d}}@keyframes journeyPulseNative{0%,to{box-shadow:0 0 0 5px #7c3aed1f}50%{box-shadow:0 0 0 10px #7c3aed0f}}.journey-node-icon{font-size:1.5rem;line-height:1}.journey-node-check{color:#fff;border:2.5px solid var(--bg);background:#22c55e;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.72rem;font-weight:700;display:flex;position:absolute;top:-5px;right:-5px}.journey-node-info{width:140px;max-width:140px;position:absolute;top:50%;transform:translateY(-50%)}.journey-node-info.left{text-align:right;padding-right:4px;right:calc(50% + 40px)}.journey-node-info.right{text-align:left;padding-left:4px;left:calc(50% + 40px)}.journey-node-title{color:var(--ink);overflow-wrap:break-word;word-break:break-word;margin-bottom:2px;font-size:.76rem;font-weight:700;line-height:1.3}.journey-node-xp{color:var(--muted);font-size:.78rem;font-weight:500}.journey-node.current .journey-node-title{color:var(--accent-text)}.journey-milestone{cursor:pointer;background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border-radius:18px;align-items:center;gap:14px;margin:8px 16px;padding:16px 18px;transition:transform .15s,box-shadow .2s;display:flex}.journey-milestone:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b40}.journey-milestone.locked{opacity:.38;cursor:not-allowed;filter:grayscale(.8)}.journey-milestone.locked:hover{box-shadow:none;transform:none}.journey-milestone-icon{flex-shrink:0;font-size:2rem}.journey-milestone-text{flex:1}.journey-milestone-title{color:#92400e;letter-spacing:.01em;font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:800}.journey-milestone-sub{color:#a16207;margin-top:3px;font-size:.76rem}.journey-native-card{cursor:pointer;background:linear-gradient(135deg,#0f0520,#1e0a40);border:1.5px solid #4c1d95;border-radius:18px;margin:8px 16px 32px;padding:22px 20px;transition:transform .15s,box-shadow .2s;position:relative;overflow:hidden}.journey-native-title{letter-spacing:-.02em;color:#ede9fe;margin-bottom:6px;font-family:DM Sans,sans-serif;font-size:1.15rem;font-weight:700}.journey-native-sub{color:#a78bfa;font-size:.82rem;line-height:1.5}#screen-welcome{background:var(--header-bg);padding:0}.welcome-new{flex-direction:column;height:100%;min-height:100dvh;display:flex}.welcome-new-top{padding:max(40px,calc(env(safe-area-inset-top,0px) + 20px)) 24px 20px;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.welcome-new-logo{color:#fff;letter-spacing:-1px;font-family:Playfair Display,serif;font-size:3.5rem;font-weight:700}.welcome-new-logo span{color:var(--gold);font-style:italic}.welcome-new-tagline{color:#ffffffb3;letter-spacing:.02em;margin-top:8px;font-size:1.1rem}.welcome-new-emoji{margin-top:32px;font-size:5rem;animation:3s ease-in-out infinite floatEmoji}@keyframes floatEmoji{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.welcome-new-bottom{padding:32px 24px max(48px,calc(env(safe-area-inset-bottom,0px) + 20px));flex-direction:column;align-items:center;gap:14px;display:flex}.welcome-new-cta{background:var(--gold);color:#0a1a3a;cursor:pointer;letter-spacing:.02em;border:none;border-radius:16px;width:100%;max-width:400px;padding:17px;font-family:DM Sans,sans-serif;font-size:1.05rem;font-weight:700;transition:all .2s}.welcome-new-cta:hover{background:#e0b000;transform:translateY(-1px)}.welcome-new-cta:active{transform:scale(.97)}.welcome-new-cta:disabled{opacity:.45;cursor:default;transform:none}.welcome-new-cta:disabled:hover{background:var(--gold);transform:none}.welcome-new-returning{color:#ffffff80;text-align:center;font-size:.82rem}.profile-new{flex-direction:column;align-items:center;width:100%;max-width:400px;padding:20px;display:flex}.profile-new-step{letter-spacing:-.02em;color:var(--ink);text-align:center;margin-bottom:24px;font-family:DM Sans,sans-serif;font-size:1.6rem;font-weight:700}.profile-new-input{border:none;border-bottom:2px solid var(--border);width:100%;color:var(--ink);text-align:center;background:0 0;border-radius:0;outline:none;padding:12px 4px;font-family:DM Sans,sans-serif;font-size:16px;transition:border-color .2s}.profile-new-input:focus{border-color:var(--accent-text)}.onboard-new{flex-direction:column;align-items:center;width:100%;max-width:480px;padding:20px 16px;display:flex}.onboard-step-label{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:16px;font-size:.72rem;font-weight:700}.onboard-question{letter-spacing:-.02em;color:var(--ink);text-align:center;margin-bottom:6px;font-family:DM Sans,sans-serif;font-size:1.6rem;font-weight:700}.onboard-sub{color:var(--muted);text-align:center;margin-bottom:24px;font-size:.85rem}.ob-lang-grid{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;margin-bottom:8px;display:grid}.ob-lang-btn{background:var(--card);border:2px solid var(--border);cursor:pointer;color:var(--ink);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.ob-lang-btn span{font-size:1.6rem}.ob-lang-btn:hover{border-color:var(--accent-text)}.ob-lang-btn.selected{border-color:var(--accent-text);color:var(--accent-text);background:#eef2ff}body.dark .ob-lang-btn.selected{background:#1a2540}.ob-goal-grid{gap:10px;width:100%;display:flex}.ob-goal-btn{background:var(--card);border:2px solid var(--border);cursor:pointer;color:var(--ink);border-radius:12px;flex:1;padding:13px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s}.ob-goal-btn.selected{border-color:var(--accent-text);color:var(--accent-text);background:#eef2ff}body.dark .ob-goal-btn.selected{background:#1a2540}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}body{-webkit-font-smoothing:antialiased;overflow-x:hidden}button,select,input,textarea{touch-action:manipulation}button{cursor:pointer}.btn-primary{border-radius:14px;min-height:50px;font-size:1rem}.welcome-new-cta{border-radius:16px;min-height:54px}.fib-next-btn{border-radius:14px;min-height:50px}.fib-submit-btn{min-height:50px}.dash-mode-row{min-height:52px}.dash-hero-btn{min-height:56px}.ob-lang-btn{min-height:72px}.dash-mode-row,.dash-hero-btn,.ob-lang-btn,.fib-option,.fib-next-btn{transition:all .15s}.screen{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;display:none;overflow-y:auto}.screen.active{display:flex}.center-screen{justify-content:flex-start;align-items:center;padding:28px 16px}.statusbar-shield{height:env(safe-area-inset-top,0px);background:var(--bg);z-index:120;pointer-events:none;position:fixed;top:0;left:0;right:0}:is(body:has(#screen-pressure) .statusbar-shield,body:has(#screen-fluency) .statusbar-shield){background:var(--im-bg)}body:has(#screen-welcome) .statusbar-shield{background:var(--header-bg)}#screen-onboarding{padding-top:max(28px,calc(env(safe-area-inset-top,0px) + 8px))}.screen.active:not(#screen-chat):not(#screen-intro):after{content:"";flex:0 0 env(safe-area-inset-bottom,0px);display:block}.card{background:var(--card);border:1.5px solid var(--border);border-radius:20px;width:100%;padding:32px;box-shadow:0 6px 40px #0a1a3a14}.card h2{letter-spacing:-.02em;margin-bottom:5px;font-family:DM Sans,sans-serif;font-size:1.55rem;font-weight:800}.card .sub{color:var(--muted);margin-bottom:24px;font-size:.86rem}.form-group{flex-direction:column;gap:5px;margin-bottom:15px;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.72rem;font-weight:600}select,input[type=text],input[type=time]{border:1.5px solid var(--border);background:var(--cream);color:var(--ink);border-radius:10px;outline:none;width:100%;padding:10px 13px;font-family:DM Sans,sans-serif;font-size:.93rem;transition:border-color .2s}select:focus,input:focus{border-color:var(--accent-text)}body.dark select,body.dark input{background:#1a2540}.btn-primary{background:var(--accent);color:#fff;cursor:pointer;letter-spacing:.04em;border:none;border-radius:10px;width:100%;margin-top:5px;padding:13px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;transition:background .2s,transform .1s}.btn-primary:hover{background:#1444b8}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-back{border:1.5px solid var(--border);min-height:36px;color:var(--muted);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;margin-bottom:18px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:.8rem;transition:all .2s}.btn-back:hover{color:var(--accent-text);border-color:var(--accent-text)}#screen-welcome{text-align:center;justify-content:center;align-items:center;padding:36px 16px}.welcome-wrap{width:100%;max-width:500px}.welcome-logo{letter-spacing:-1px;margin-bottom:5px;font-family:Playfair Display,serif;font-size:3rem}.welcome-logo span{color:var(--gold);font-style:italic}.welcome-tagline{letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-bottom:28px;font-size:.78rem}.welcome-card{background:var(--card);border:1.5px solid var(--border);border-radius:22px;margin-bottom:20px;padding:32px 28px;box-shadow:0 8px 48px #0a1a3a1a}.welcome-greeting{letter-spacing:-.02em;margin-bottom:9px;font-family:DM Sans,sans-serif;font-size:1.45rem;font-weight:800;line-height:1.3}.welcome-sub{color:var(--muted);margin-bottom:24px;font-size:.88rem;line-height:1.65}.welcome-features{text-align:left;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:24px;display:grid}.wf{background:var(--cream);border-radius:11px;align-items:flex-start;gap:9px;padding:12px 13px;display:flex}.wf .wi{flex-shrink:0;margin-top:1px;font-size:1.2rem}.wf .wt{color:var(--ink);font-size:.78rem;line-height:1.4}.wf .wt strong{margin-bottom:2px;font-size:.8rem;display:block}.welcome-returning{color:var(--muted);margin-top:10px;font-size:.81rem}.welcome-returning a{color:var(--accent-text);cursor:pointer;text-decoration:underline}@media (width<=480px){.welcome-features{grid-template-columns:1fr}.welcome-logo{font-size:2.3rem}}.install-banner{color:#fff;background:linear-gradient(135deg,#0a1a3a,#1a3a6a);border:1px solid #f5c4004d;border-radius:14px;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;display:none}.install-banner.visible{display:flex}.install-icon{flex-shrink:0;font-size:1.6rem}.install-text{flex:1}.install-text strong{color:var(--gold);margin-bottom:2px;font-size:.85rem;display:block}.install-text p{color:#a0b8d0;font-size:.76rem;line-height:1.4}.btn-install{background:var(--gold);color:#0a1a3a;cursor:pointer;white-space:nowrap;border:none;border-radius:9px;flex-shrink:0;padding:8px 13px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:700}.btn-install:hover{background:#e0b000}.install-dismiss{color:#fff6;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:3px;font-size:.95rem}.tour-overlay{z-index:300;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a1a3ab3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.tour-card{background:var(--card);border-radius:24px 24px 0 0;width:100%;max-width:540px;padding:28px 28px 36px;animation:.3s slideUp;box-shadow:0 -8px 40px #0a1a3a33}.tour-step-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-text);margin-bottom:8px;font-size:.7rem;font-weight:700}.tour-card h3{letter-spacing:-.02em;margin-bottom:8px;font-family:DM Sans,sans-serif;font-size:1.3rem;font-weight:800}.tour-card p{color:var(--muted);margin-bottom:20px;font-size:.88rem;line-height:1.6}.tour-dots{gap:6px;margin-bottom:20px;display:flex}.tour-dot{background:var(--border);border-radius:50%;width:7px;height:7px;transition:background .2s}.tour-dot.active{background:var(--accent)}.tour-actions{gap:10px;display:flex}.btn-tour-skip{border:1.5px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:.85rem}.btn-tour-next{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9px;flex:1;padding:12px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600}.tour-icon{margin-bottom:12px;font-size:2.8rem}#screen-profile{padding:28px 16px}.av-opt{border:2.5px solid var(--border);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.5rem;transition:all .2s;display:flex}.av-opt:hover{transform:scale(1.1)}.av-opt.selected{border-color:var(--accent-text);box-shadow:0 0 0 3px #1a56db26}.avatar-pick{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.profile-stats{grid-template-columns:1fr 1fr 1fr;gap:10px;margin:16px 0;display:grid}.stat-box{background:var(--cream);border:1.5px solid var(--border);text-align:center;border-radius:12px;padding:12px 8px}.stat-val{color:var(--accent-text);font-size:1.3rem;font-weight:700}.stat-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:.78rem}.badges-grid{flex-wrap:wrap;gap:8px;margin-top:7px;display:flex}.badge-item{background:var(--cream);border:1.5px solid var(--border);border-radius:9px;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;display:flex}.badge-item.locked{opacity:.35;filter:grayscale()}.summary-section{margin-top:14px}.summary-section h4{text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin-bottom:8px;font-size:.76rem;font-weight:600}.notif-time-input{border:1.5px solid var(--border);background:var(--cream);color:var(--ink);border-radius:10px;outline:none;width:100%;padding:10px 13px;font-family:DM Sans,sans-serif;font-size:.93rem}#screen-friends{align-items:center;padding:28px 16px 40px}.friends-wrap{width:100%;max-width:540px;padding:20px 16px 40px}.friends-tabs,.culture-tabs{border-bottom:2px solid var(--border);margin-bottom:18px;display:flex}.f-tab{text-align:center;cursor:pointer;color:var(--muted);border-bottom:3px solid #0000;flex:1;margin-bottom:-2px;padding:9px;font-size:.83rem;font-weight:600;transition:all .2s}.f-tab.active{color:var(--accent-text);border-bottom-color:var(--accent-text)}.add-friend-row{gap:8px;margin-bottom:16px;display:flex}.add-friend-row input{border:1.5px solid var(--border);background:var(--cream);color:var(--ink);border-radius:10px;outline:none;flex:1;padding:10px 13px;font-family:DM Sans,sans-serif;font-size:.9rem}.add-friend-row input:focus{border-color:var(--accent-text)}body.dark .add-friend-row input{background:#1a2540}.btn-add{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600}.friend-card{background:var(--card);border:1.5px solid var(--border);border-radius:14px;align-items:center;gap:12px;margin-bottom:9px;padding:14px 16px;display:flex}.friend-avatar{background:var(--cream);border:2px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.5rem;display:flex}.friend-info{flex:1;min-width:0}.friend-name{margin-bottom:2px;font-size:.93rem;font-weight:600}.friend-meta{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:.76rem;display:flex}.friend-badges{gap:3px;margin-top:4px;display:flex}.btn-remove{border:1px solid var(--border);cursor:pointer;color:var(--muted);background:0 0;border-radius:7px;padding:3px 8px;font-family:DM Sans,sans-serif;font-size:.8rem}.btn-remove:hover{color:var(--danger);border-color:var(--danger)}.lb-row{background:var(--card);border:1.5px solid var(--border);border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:11px 14px;display:flex}.lb-row.me{border-color:var(--accent-text);background:#eef2ff}body.dark .lb-row.me{background:#1a2850}.lb-rank{text-align:center;flex-shrink:0;width:26px;font-size:1rem;font-weight:700}.lb-rank.gold{color:var(--gold)}.lb-rank.silver{color:#9e9e9e}.lb-rank.bronze{color:#cd7f32}.lb-avatar{flex-shrink:0;font-size:1.2rem}.lb-name{flex:1;font-size:.9rem;font-weight:500}.lb-xp{color:var(--accent-text);white-space:nowrap;font-size:.82rem;font-weight:700}.publish-banner{color:#fff;background:linear-gradient(135deg,#0a1a3a,#1a56db);border-radius:12px;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;display:flex}.pb-text{flex:1;font-size:.83rem;line-height:1.5}.pb-text strong{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:2px;font-size:.75rem;display:block}.btn-publish{background:var(--gold);color:#0a1a3a;cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:7px 12px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:700}.empty-friends{text-align:center;color:var(--muted);padding:30px 16px;font-size:.85rem;line-height:1.6}.empty-friends .big-icon{margin-bottom:8px;font-size:2.2rem}#screen-setup{align-items:center;padding:16px 16px 32px}.lang-card{background:var(--card);border:2px solid var(--border);cursor:pointer;border-radius:16px;align-items:center;gap:14px;min-width:0;padding:18px 20px;transition:all .2s;display:flex;position:relative;overflow:hidden}.lang-card.active{border-color:var(--accent-text);background:linear-gradient(135deg,var(--card),#1a56db0f)}.lang-card:hover{border-color:var(--accent-text);transform:translateY(-1px);box-shadow:0 6px 24px #1a56db1f}.lang-flag{flex-shrink:0;font-size:1.9rem}.lang-info{flex:1;min-width:0}.lang-name{margin-bottom:2px;font-size:.95rem;font-weight:600}.lang-stats{gap:10px;margin-top:5px;display:flex}.lang-stat{color:var(--muted);font-size:.72rem}.lang-stat strong{color:var(--ink);font-weight:600}.lang-progress-bar{background:var(--border);border-radius:3px;height:4px;margin-top:6px;overflow:hidden}.lang-progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .5s}.lang-remove{cursor:pointer;color:var(--border);background:0 0;border:none;padding:3px;font-size:.8rem;position:absolute;top:10px;right:12px}.lang-remove:hover{color:var(--danger)}.lang-card-empty{border:2px dashed var(--border);text-align:center;color:var(--muted);border-radius:16px;padding:24px;font-size:.86rem}.add-lang-form{background:var(--card);border:1.5px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:20px}#screen-levels{align-items:center;padding:16px 16px 32px}.levels-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:13px;width:100%;max-width:860px;display:grid}.level-card{background:var(--card);border:2px solid var(--border);cursor:pointer;border-radius:15px;padding:20px 18px;transition:all .2s;position:relative;overflow:hidden}.level-card:hover{border-color:var(--accent-text);transform:translateY(-2px);box-shadow:0 6px 28px #1a56db1f}.level-badge{text-transform:uppercase;letter-spacing:.1em;border-radius:18px;align-items:center;gap:5px;margin-bottom:10px;padding:3px 9px;font-size:.78rem;font-weight:700;display:inline-flex}.badge-beginner{color:#2e7d32;background:#e8f5e9}.badge-intermediate{color:#f57f17;background:#fff8e1}.badge-advanced{color:#c62828;background:#fce4ec}.badge-native{color:var(--gold);background:#0a1a3a}.level-card h3{letter-spacing:-.02em;margin-bottom:5px;font-family:DM Sans,sans-serif;font-size:1.05rem;font-weight:800}.level-card .level-desc{color:var(--muted);margin-bottom:11px;font-size:.79rem;line-height:1.5}.scenario-tags{flex-wrap:wrap;gap:4px;display:flex}.s-tag{background:var(--cream);border:1px solid var(--border);color:var(--ink);border-radius:5px;padding:2px 7px;font-size:.78rem}.level-arrow{color:var(--border);font-size:.95rem;transition:all .2s;position:absolute;top:18px;right:16px}.level-card:hover .level-arrow{color:var(--accent-text);transform:translate(3px)}#screen-scenarios{align-items:center;padding:16px 16px 32px}.scenarios-header{text-align:center;max-width:560px;margin-bottom:20px}.scenarios-header h2{letter-spacing:-.02em;margin-bottom:5px;font-family:DM Sans,sans-serif;font-size:1.4rem;font-weight:800}.scenarios-header p{color:var(--muted);font-size:.85rem}.scenarios-list{flex-direction:column;gap:7px;width:100%;max-width:520px;display:flex}.scenario-item{background:var(--card);border:2px solid var(--border);cursor:pointer;color:var(--ink);border-radius:13px;align-items:center;gap:13px;padding:14px 16px;transition:all .18s;display:flex}.scenario-item:hover{border-color:var(--accent-text);transform:translate(3px);box-shadow:0 4px 20px #1a56db1a}.scenario-item.daily-challenge{border-color:var(--gold);background:linear-gradient(135deg,#fffbe6,var(--card))}.scenario-icon{background:var(--cream);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;display:flex}.scenario-text h4{margin-bottom:2px;font-size:.92rem;font-weight:500}.scenario-text p{color:var(--muted);font-size:.77rem}.daily-badge{background:var(--gold);color:#0a1a3a;border-radius:9px;margin-left:5px;padding:2px 7px;font-size:.66rem;font-weight:700}#screen-topics{align-items:center;padding:28px 16px 44px}.news-wrap{width:100%;max-width:600px;padding:20px 16px 40px}.news-input-area{background:var(--card);border:1.5px solid var(--border);border-radius:16px;margin-bottom:16px;padding:22px}.news-input-area h3{letter-spacing:-.02em;margin-bottom:6px;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:800}.news-input-area p{color:var(--muted);margin-bottom:14px;font-size:.84rem;line-height:1.5}.news-textarea{border:1.5px solid var(--border);background:var(--cream);width:100%;color:var(--ink);resize:vertical;border-radius:10px;outline:none;min-height:80px;padding:11px 13px;font-family:DM Sans,sans-serif;font-size:.93rem;transition:border-color .2s}.news-textarea:focus{border-color:var(--accent-text)}body.dark .news-textarea{background:#1a2540}.news-examples{flex-direction:column;gap:8px;display:flex}.news-example{background:var(--cream);border:1.5px solid var(--border);cursor:pointer;border-radius:11px;padding:11px 14px;font-size:.83rem;line-height:1.5;transition:all .18s}.news-example:hover{border-color:var(--accent-text);background:#eef2ff}.news-example .ne-label{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-text);margin-bottom:3px;font-size:.78rem;font-weight:700}#screen-scenes{align-items:center;padding:16px 16px 32px}.scenes-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;width:100%;max-width:760px;display:grid}.scene-card{background:var(--card);border:2px solid var(--border);cursor:pointer;border-radius:14px;padding:18px 16px;transition:all .2s}.scene-card:hover{border-color:var(--accent-text);transform:translateY(-2px);box-shadow:0 5px 22px #1a56db1f}.scene-icon{margin-bottom:10px;font-size:1.8rem}.scene-card h4{letter-spacing:-.02em;margin-bottom:5px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:800}.scene-card p{color:var(--muted);font-size:.78rem;line-height:1.5}.scene-mood{border-radius:10px;margin-top:8px;padding:3px 8px;font-size:.78rem;font-weight:700;display:inline-block}.mood-tense{color:#c62828;background:#fce4ec}.mood-warm{color:#2e7d32;background:#e8f5e9}.mood-awkward{color:#f57f17;background:#fff8e1}.mood-exciting{color:#1a56db;background:#e8f0fe}.mood-serious{color:var(--gold);background:#0a1a3a}#screen-history{align-items:center;padding:28px 16px 44px}.history-wrap{width:100%;max-width:600px;padding:20px 16px 40px}.history-item{background:var(--card);border:1.5px solid var(--border);cursor:pointer;border-radius:14px;margin-bottom:10px;padding:15px 18px;transition:all .2s}.history-item:hover{border-color:var(--accent-text);box-shadow:0 4px 18px #1a56db1a}.history-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.history-title{font-size:.93rem;font-weight:600}.history-meta{color:var(--muted);flex-wrap:wrap;gap:10px;font-size:.75rem;display:flex}.history-preview{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:6px;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.history-badges{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.h-badge{background:var(--cream);border:1px solid var(--border);border-radius:6px;padding:2px 8px;font-size:.78rem}#screen-chat{width:100%;padding:0;position:relative}#screen-chat.active{flex-direction:column;flex:1;overflow:hidden}.chat-inner{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.session-bar{padding:max(10px,env(safe-area-inset-top)) 16px 8px;border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.session-info{flex-wrap:nowrap;flex:1;align-items:center;gap:5px;min-width:0;display:flex;overflow:hidden}.tag{color:var(--ink);letter-spacing:.03em;white-space:nowrap;background:#0a1a3a14;border:1px solid #0a1a3a26;border-radius:20px;padding:4px 10px;font-size:.75rem;font-weight:700}.tag.yellow{color:#92400e;background:#fef3c7;border-color:#fcd34d}.tag.green{color:#065f46;background:#d1fae5;border-color:#6ee7b7}.tag.blue{background:var(--accent);color:#fff;border-color:var(--accent-text)}body.dark .tag{color:#ffffffe6;background:#ffffff1a;border-color:#ffffff26}body.dark .tag.yellow{color:#f5c400;background:#f5c40033;border-color:#f5c4004d}body.dark .tag.green{color:#34d399;background:#34d39926;border-color:#34d39940}.chat-menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;gap:4px;padding:6px 4px;display:flex}.chat-menu-btn span{background:var(--muted);border-radius:2px;width:18px;height:2px;transition:background .2s;display:block}.chat-menu-btn:hover span{background:var(--accent)}.icon-btn{border:1.5px solid var(--border);color:var(--muted);cursor:pointer;letter-spacing:2px;background:0 0;border-radius:8px;padding:4px 11px;font-size:1rem;transition:all .2s}.icon-btn:hover{border-color:var(--accent-text);color:var(--accent-text)}.session-menu{background:var(--card);border:1px solid var(--border);z-index:50;border-radius:16px;min-width:210px;padding:6px;animation:.18s fadeUp;position:absolute;top:54px;right:16px;box-shadow:0 12px 40px #0a1a3a26}.menu-item{cursor:pointer;width:100%;color:var(--ink);text-align:left;background:0 0;border:none;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:.88rem;transition:background .15s;display:flex}.menu-item:hover{background:var(--cream)}.menu-danger{color:#dc2626}.menu-danger:hover{background:#fef2f2}.menu-divider{background:var(--border);height:1px;margin:4px 8px}.toggle-track{background:var(--border);border-radius:10px;flex-shrink:0;width:32px;height:18px;transition:background .25s;position:relative}.toggle-track.active{background:var(--accent)}.toggle-thumb{background:#fff;border-radius:50%;width:12px;height:12px;transition:left .25s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #00000040}.toggle-track.active .toggle-thumb{left:17px}.challenge-banner{color:#fff;background:linear-gradient(135deg,#0a1a3a,#1a56db);border-radius:14px;flex-shrink:0;align-items:center;gap:10px;margin:0 16px 6px;padding:11px 14px;font-size:.84rem;line-height:1.45;display:flex}.ch-icon{flex-shrink:0;font-size:1.2rem}.challenge-banner strong{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:2px;font-size:.78rem;display:block}.voice-mode-bar{background:#0f0520;border-radius:16px;flex-shrink:0;align-items:center;gap:12px;margin:0 16px 6px;padding:12px 16px;display:none}.voice-mode-bar.active{display:flex}.voice-orb{cursor:pointer;background:linear-gradient(135deg,#7c3aed,#a855f7);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;transition:transform .2s;display:flex;box-shadow:0 0 20px #a855f766}.voice-orb.listening{animation:1s infinite orbPulse}.voice-orb.speaking{animation:.5s infinite alternate orbSpeak}@keyframes orbPulse{0%,to{transform:scale(1);box-shadow:0 0 20px #a855f766}50%{transform:scale(1.08);box-shadow:0 0 30px #a855f7b3}}@keyframes orbSpeak{0%{transform:scale(1)}to{transform:scale(1.1)}}.voice-status{flex:1;min-width:0}.voice-status-text{color:#d8b4fe;font-size:.82rem;font-weight:500}.voice-transcript{color:#9ca3af;margin-top:2px;font-size:.75rem;font-style:italic}.voice-stop-btn{color:#ffffffb3;cursor:pointer;white-space:nowrap;background:#ffffff14;border:1px solid #ffffff26;border-radius:8px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:.78rem}.voice-stop-btn:hover{background:#ffffff26}#messages{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex-direction:column;flex:1;gap:16px;min-height:0;padding:16px 16px 8px;display:flex;overflow-y:auto}.msg{align-items:flex-end;gap:8px;animation:.24s fadeUp;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.msg.user{flex-direction:row-reverse}.avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:1rem;display:flex}.avatar.ai{background:var(--ink);color:#fff}.avatar.user{background:var(--accent);color:#fff}.bubble{word-break:break-word;border-radius:22px;max-width:80%;padding:13px 17px;font-size:1.02rem;line-height:1.65}.msg.ai .bubble{color:#111;background:#f1f1f5;border:none;border-bottom-left-radius:6px}body.dark .msg.ai .bubble{color:#e8eaf0;background:#1e2130}.msg.user .bubble{background:var(--accent);color:#fff;border-bottom-right-radius:6px}.bubble-actions{flex-wrap:wrap;gap:4px;margin-top:8px;display:flex}.bub-btn{cursor:pointer;color:var(--muted);background:#0a1a3a08;border:1.5px solid #0a1a3a1a;border-radius:20px;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:600;transition:all .15s}body.dark .bub-btn{color:#ffffff73;background:#ffffff0a;border-color:#ffffff1a}.bub-btn:hover{border-color:var(--accent-text);color:var(--accent-text);background:#1a56db0d}.loop-btn.looping{color:#f97316;background:#f9731614;border-color:#f97316;animation:1.5s infinite loopPulse}@keyframes loopPulse{0%,to{opacity:1}50%{opacity:.6}}.input-area{padding:12px 16px;padding-bottom:max(20px,env(safe-area-inset-bottom));border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:0;display:flex}.input-row{align-items:flex-end;gap:8px;display:flex}.plus-btn{background:var(--cream);border:1.5px solid var(--border);width:46px;height:46px;color:var(--muted);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;font-weight:300;line-height:1;transition:all .2s;display:flex}.plus-btn:hover,.plus-btn.open{border-color:var(--accent-text);color:var(--accent-text)}.plus-btn.open{background:var(--accent);color:#fff;border-color:var(--accent-text)}#user-input{resize:none;background:var(--card);border:1.5px solid var(--border);min-height:46px;max-height:120px;color:var(--ink);border-radius:24px;outline:none;flex:1;padding:12px 18px;font-family:DM Sans,sans-serif;font-size:1rem;line-height:1.5;transition:border-color .2s}#user-input:focus{border-color:var(--accent-text)}#user-input::placeholder{color:var(--muted)}.mic-btn{background:var(--gold);cursor:pointer;color:#0a1a3a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.2rem;transition:all .2s;display:flex;box-shadow:0 2px 14px #f5c40073}.mic-btn:hover{transform:scale(1.05);box-shadow:0 4px 18px #f5c40099}.mic-btn.listening{animation:1s infinite micPulse;box-shadow:0 4px 20px #dc262666;background:#dc2626!important}@keyframes micPulse{0%,to{box-shadow:0 0 #ef44444d}50%{box-shadow:0 0 0 8px #ef444400}}.send-btn{background:var(--accent);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:46px;height:46px;transition:all .2s;display:flex}.send-btn:hover{background:#1444b8;transform:scale(1.05)}.send-btn:active{transform:scale(.96)}.send-btn svg{fill:#fff;width:18px;height:18px}.actions-popover{background:var(--card);border:1px solid var(--border);z-index:50;border-radius:18px;min-width:230px;max-height:72vh;padding:6px;animation:.18s fadeUp;position:absolute;bottom:80px;left:16px;overflow-y:auto;box-shadow:0 16px 48px #0a1a3a2e}.actions-group-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);padding:8px 14px 3px;font-size:.78rem;font-weight:700}.action-item{cursor:pointer;width:100%;color:var(--ink);text-align:left;background:0 0;border:none;border-radius:10px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:.88rem;transition:background .15s;display:block}.action-item:hover{background:var(--cream)}.mission-card{background:var(--card);border:1.5px solid var(--border);border-radius:16px;padding:14px 16px;transition:all .2s}.mission-card.mission-done{background:var(--cream);border-color:var(--accent-text);opacity:.75}.mission-header{align-items:center;gap:12px;display:flex}.mission-icon{flex-shrink:0;font-size:1.4rem}.mission-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:2px;font-size:.75rem;font-weight:700}.mission-task{color:var(--ink);font-size:.9rem;font-weight:600}.mission-xp{background:var(--gold);color:#0a1a3a;border-radius:20px;flex-shrink:0;margin-left:auto;padding:4px 10px;font-size:.72rem;font-weight:700}.mission-check{color:#fff;background:#2e7d32;border-radius:20px;flex-shrink:0;margin-left:auto;padding:4px 10px;font-size:.78rem;font-weight:700}.scenario-done .scenario-icon{color:#2e7d32}.scenario-locked{opacity:.45;cursor:default!important}.scenario-check-badge{color:#065f46;background:#d1fae5;border-radius:10px;flex-shrink:0;margin-left:auto;padding:3px 8px;font-size:.75rem;font-weight:700}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes confettiFall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.xp-pop{background:var(--gold);color:#0a1a3a;pointer-events:none;opacity:1;z-index:60;letter-spacing:.03em;border-radius:20px;padding:5px 12px;font-size:.78rem;font-weight:800;position:absolute;bottom:90px;right:20px;transform:translateY(0)}.xp-pop-fly{animation:1.1s cubic-bezier(.22,1,.36,1) forwards xpFly}@keyframes xpFly{0%{opacity:1;transform:translateY(0)scale(1)}40%{opacity:1;transform:translateY(-32px)scale(1.1)}to{opacity:0;transform:translateY(-60px)scale(.9)}}.stream-cursor{background:var(--accent);vertical-align:text-bottom;width:2px;height:1.1em;margin-left:2px;animation:.7s step-end infinite cursorBlink;display:inline-block}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.ai-hero-btn:active{transform:scale(.95)}.plus-btn:active,.send-btn:active,.mic-btn:active{transform:scale(.92)}.structured-option:active{transform:scale(.97)}.dash-hero-btn:active{transform:scale(.98)}.dash-mode-row:active{transform:scale(.99)}.level-plain-btn:active{transform:scale(.98)}.scenario-item:active{transform:scale(.99)}.ai-hero-card{animation:.3s cubic-bezier(.22,1,.36,1) cardEntrance}@keyframes cardEntrance{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.msg.user{animation:.25s cubic-bezier(.22,1,.36,1) userEntrance}@keyframes userEntrance{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes correctFlash{0%{background:var(--cream)}40%{background:#d1fae5}to{background:var(--cream)}}.correct-flash{animation:.6s correctFlash}@keyframes wrongShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.wrong-shake{animation:.4s wrongShake}.screen.active{animation:.22s screenIn}@keyframes screenIn{0%{opacity:0}to{opacity:1}}.ai-hero-card{background:var(--card);border:1px solid var(--border);border-top:2.5px solid var(--accent);border-radius:18px;margin:8px 0 4px;padding:20px 16px 14px;animation:.28s fadeUp;position:relative;box-shadow:0 2px 16px #0a1a3a14}body.dark .ai-hero-card{box-shadow:none;border-color:#ffffff14;border-top-color:var(--accent-text);background:#1a1f2e}.ai-hero-text{color:var(--ink);margin-bottom:12px;font-size:1.05rem;font-weight:400;line-height:1.68}.tap-word{cursor:pointer;color:var(--accent-text);transition:background .12s}.tap-word:hover,.tap-word:active{background:#1a56db14;border-radius:3px}.word-popup{z-index:90;background:var(--card);border:1px solid var(--border);border-top:2px solid var(--accent);border-radius:14px;min-width:170px;max-width:240px;padding:14px 16px 12px;animation:.18s fadeUp;position:fixed;box-shadow:0 12px 40px #0a1a3a33}.word-popup-word{color:var(--accent-text);letter-spacing:-.02em;margin-bottom:2px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:800}.word-popup-meaning{color:var(--muted);min-height:16px;margin-bottom:10px;font-size:.8rem;line-height:1.45}.word-popup-actions{gap:6px;display:flex}.word-popup-btn{border:1.5px solid var(--border);background:var(--cream);cursor:pointer;color:var(--ink);border-radius:8px;flex:1;padding:6px 8px;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:600}.word-popup-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent-text)}.ai-hero-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;padding-top:10px;display:flex}body.dark .ai-hero-actions{border-top-color:#ffffff12}.opening-goal{background:#1a56db17;border:1.5px solid #1a56db38;border-radius:10px;flex-direction:column;gap:3px;margin-bottom:10px;padding:10px 13px;display:flex}.opening-goal-label{text-transform:uppercase;letter-spacing:.12em;color:var(--accent-text);margin-bottom:2px;font-size:.63rem;font-weight:700}.opening-goal-text{font-size:.88rem;font-weight:500;line-height:1.5}.opening-phrase{background:#ffffff0a;border:1.5px solid #ffffff21;border-radius:10px;margin-bottom:10px;padding:11px 13px}.opening-phrase-label{text-transform:uppercase;letter-spacing:.12em;color:#f59e0b;margin-bottom:6px;font-size:.63rem;font-weight:700}.opening-phrase-target{margin-bottom:4px;font-size:1rem;font-weight:600;line-height:1.4}.opening-phrase-meaning{opacity:.55;font-size:.78rem;font-style:italic}.ai-hero-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;letter-spacing:.01em;background:0 0;border-radius:20px;align-items:center;gap:4px;padding:5px 13px;font-family:DM Sans,sans-serif;font-size:.73rem;font-weight:600;transition:all .15s;display:inline-flex}.ai-hero-btn:hover{background:var(--cream);color:var(--ink)}.ai-hero-btn.play-btn{background:var(--accent);color:#fff;border-color:var(--accent-text);padding:6px 16px}.ai-hero-btn.play-btn:hover{opacity:.88}.ai-hero-btn.loop-btn.looping{color:#f97316;background:#f973161a;border-color:#f973164d;animation:1.5s infinite loopPulse}.ai-hero-translation{color:var(--muted);border-top:1px solid var(--border);margin-top:8px;padding-top:10px;font-size:.82rem;font-style:italic;line-height:1.55}.msg-translation{color:var(--muted);border-top:1px solid #0a1a3a14;margin-top:5px;padding-top:5px;font-size:.78rem;font-style:italic}body.dark .msg-translation{border-top-color:#ffffff14}.grammar-note{border-left:2px solid var(--accent);color:var(--accent-text);background:#1a56db0d;border-radius:0 8px 8px 0;margin-top:8px;padding:8px 12px;font-size:.78rem;line-height:1.5}body.dark .grammar-note{background:#1a56db1f}.typing{background:#f1f1f5;border-radius:22px 22px 22px 6px;align-items:center;gap:5px;width:fit-content;padding:14px 18px;display:flex}.typing span{background:#9ca3af;border-radius:50%;width:7px;height:7px;animation:1.3s infinite bounce}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}@keyframes bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-6px)}}.key-phrase-bar{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding-top:10px;display:flex}body.dark .key-phrase-bar{border-top-color:#ffffff12}.kp-chip{color:var(--accent-text);cursor:pointer;opacity:.8;background:0 0;border:1px solid #1a56db33;border-radius:20px;padding:3px 11px;font-size:.73rem;font-weight:500;transition:all .15s}.kp-chip:hover{opacity:1;border-color:var(--accent-text);background:#1a56db0f}body.dark .kp-chip{color:#6387f5cc;border-color:#6387f540}.shadow-prompt{border-left:3px solid var(--accent);color:var(--accent-text);margin-top:8px;padding:6px 12px;font-size:.8rem;line-height:1.5}.shadow-prompt strong{text-transform:uppercase;letter-spacing:.09em;opacity:.7;margin-bottom:4px;font-size:.78rem;display:block}.chat-tip{color:#fff;z-index:60;opacity:0;pointer-events:none;background:#0a1a3a;border-radius:12px;max-width:240px;padding:11px 36px 11px 14px;transition:all .3s;position:absolute;bottom:80px;left:56px;transform:translateY(6px);box-shadow:0 4px 20px #0000004d}.chat-tip.show{opacity:1;pointer-events:auto;transform:translateY(0)}.chat-tip-bubble{bottom:100px;left:auto;right:13px}.chat-tip-top{inset:52px 13px auto auto}.chat-tip-content strong{margin-bottom:3px;font-size:.82rem;font-weight:600;display:block}.chat-tip-content span{color:#ffffffb3;font-size:.74rem}.chat-tip-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:2px;font-size:.75rem;line-height:1;position:absolute;top:8px;right:8px}.chat-tip-arrow-left{border-top:7px solid #0a1a3a;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;bottom:-7px;left:16px}.chat-tip-arrow-right{border-bottom:7px solid #0a1a3a;border-left:7px solid #0000;border-right:7px solid #0000;width:0;height:0;position:absolute;top:-7px;right:16px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a1a3a80;justify-content:center;align-items:flex-end;display:none;position:fixed;inset:0}.modal-overlay.open{display:flex}.modal-box{background:var(--card);border-radius:22px 22px 0 0;width:100%;max-width:680px;max-height:82vh;padding:24px 24px 32px;animation:.28s slideUp;overflow-y:auto;box-shadow:0 -8px 40px #0a1a3a2e}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.modal-header h3{letter-spacing:-.02em;font-family:DM Sans,sans-serif;font-size:1.1rem;font-weight:800}.modal-close{border:1.5px solid var(--border);cursor:pointer;width:30px;height:30px;color:var(--muted);background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;transition:all .2s;display:flex}.modal-close:hover{border-color:var(--accent-text);color:var(--accent-text)}.original-text{background:var(--cream);color:var(--ink);border-left:3px solid var(--accent);border-radius:9px;margin-bottom:16px;padding:10px 14px;font-size:.94rem;line-height:1.6}.vocab-list{flex-direction:column;gap:8px;max-height:48vh;display:flex;overflow-y:auto}.vocab-item{background:var(--cream);border:1.5px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 13px;display:flex}.vocab-word{font-size:.92rem;font-weight:600}.vocab-meaning{color:var(--muted);font-size:.79rem}.vocab-del{cursor:pointer;color:var(--muted);background:0 0;border:none;font-size:.95rem;transition:color .2s}.vocab-del:hover{color:var(--danger)}.empty-state{text-align:center;color:var(--muted);padding:26px;font-size:.85rem}.summary-stats{grid-template-columns:1fr 1fr 1fr;gap:10px;margin:14px 0;display:grid}.sum-box{background:var(--cream);border:1.5px solid var(--border);text-align:center;border-radius:12px;padding:12px 8px}.sum-val{color:var(--accent-text);font-size:1.4rem;font-weight:700}.sum-lbl{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:2px;font-size:.78rem}.xp-earned{color:#fff;text-align:center;background:linear-gradient(135deg,#0a1a3a,#1a56db);border-radius:12px;margin-top:14px;padding:12px 16px}.xp-earned .big{color:var(--gold);font-size:1.7rem;font-weight:700}#screen-fill-blank{align-items:center;padding:28px 16px 60px}.fib-wrap{width:100%;max-width:560px;padding:20px 16px 40px}.fib-card{background:var(--card);border:2px solid var(--border);border-radius:20px;width:100%;margin-bottom:16px;padding:28px 24px}.fib-progress{gap:5px;margin-bottom:20px;display:flex}.fib-progress-dot{background:var(--border);border-radius:3px;flex:1;height:5px;transition:background .3s}.fib-progress-dot.done{background:var(--accent)}.fib-progress-dot.correct{background:#2e7d32}.fib-progress-dot.wrong{background:var(--danger)}.fib-counter{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-text);margin-bottom:12px;font-size:.72rem;font-weight:700}.fib-sentence{color:var(--ink);margin-bottom:10px;font-size:1.2rem;font-weight:500;line-height:1.7}.fib-blank{border-bottom:3px solid var(--accent);min-width:90px;color:var(--accent-text);text-align:center;vertical-align:middle;padding:0 6px;font-weight:700;display:inline-block}.fib-blank.correct{color:#2e7d32;border-color:#2e7d32;animation:.45s cubic-bezier(.22,1,.36,1) fibCorrect}.fib-blank.wrong{border-color:var(--danger);color:var(--danger);animation:.4s fibWrong}.fib-translation{color:var(--muted);margin-bottom:20px;font-size:.82rem;font-style:italic}.fib-options{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px;display:grid}.fib-option{background:var(--cream);border:2px solid var(--border);cursor:pointer;color:var(--ink);text-align:center;border-radius:12px;padding:12px 14px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:500;transition:all .2s}.fib-option:hover{border-color:var(--accent-text);color:var(--accent-text)}.fib-option.selected{border-color:var(--accent-text);color:var(--accent-text);background:#eef2ff}.fib-option.correct{color:#2e7d32;background:#e8f5e9;border-color:#2e7d32;animation:.45s cubic-bezier(.22,1,.36,1) fibCorrect}.fib-option.wrong{border-color:var(--danger);color:var(--danger);background:#fce8e8;animation:.4s fibWrong}.fib-option.reveal{color:#2e7d32;background:#e8f5e9;border-color:#2e7d32}.fib-option:disabled{cursor:default}.fib-type-area{gap:10px;margin-bottom:16px;display:flex}.fib-type-input{border:2px solid var(--border);background:var(--cream);color:var(--ink);border-radius:12px;outline:none;flex:1;padding:12px 16px;font-family:DM Sans,sans-serif;font-size:1rem;transition:border-color .2s}.fib-type-input:focus{border-color:var(--accent-text)}.fib-type-input.correct{color:#1b4d1f;-webkit-text-fill-color:#1b4d1f;opacity:1;background:#e8f5e9;border-color:#2e7d32;animation:.45s cubic-bezier(.22,1,.36,1) fibCorrect}.fib-type-input.wrong{border-color:var(--danger);color:#7f1d1d;-webkit-text-fill-color:#7f1d1d;opacity:1;background:#fce8e8;animation:.4s fibWrong}.fib-submit-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:12px;padding:12px 20px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;transition:all .2s}.fib-submit-btn:hover{opacity:.85}.fib-feedback{border-radius:10px;margin-bottom:14px;padding:10px 14px;font-size:.85rem;line-height:1.5}.fib-feedback.correct{color:#2e7d32;background:#e8f5e9;border:1px solid #c8e6c9}.fib-feedback.wrong{color:#c62828;background:#fce8e8;border:1px solid #ffcdd2}.fib-next-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:13px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s}.fib-next-btn:hover{opacity:.88}.fib-loading{text-align:center;color:var(--muted);padding:48px 0}.fib-loading-dot{background:var(--accent);border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite fibPulse;display:inline-block}.fib-loading-dot:nth-child(2){animation-delay:.2s}.fib-loading-dot:nth-child(3){animation-delay:.4s}@keyframes fibPulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}@keyframes fibCorrect{0%{transform:scale(1)}35%{transform:scale(1.15)}65%{transform:scale(.97)}to{transform:scale(1)}}@keyframes fibWrong{0%,to{transform:translate(0)}20%{transform:translate(-7px)}40%{transform:translate(7px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.fib-score-card{color:#fff;text-align:center;background:linear-gradient(135deg,#0a1a3a,#1a56db);border-radius:20px;padding:32px 24px}.fib-score-big{color:var(--gold);margin:10px 0;font-size:3rem;font-weight:700}.fib-missed{background:var(--cream);border:1.5px solid var(--border);text-align:left;border-radius:12px;margin-bottom:10px;padding:14px 16px}.fib-missed-sentence{color:var(--ink);margin-bottom:4px;font-size:.88rem}.fib-missed-answer{color:#2e7d32;font-size:.82rem;font-weight:600}#screen-vocab-quiz{align-items:center;padding:28px 16px 48px}.vq-card{background:var(--card);border:2px solid var(--border);border-radius:20px;width:100%;max-width:520px;padding:28px 24px}.vq-prompt{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-text);margin-bottom:10px;font-size:.72rem;font-weight:700}.vq-word{letter-spacing:-.02em;text-align:center;color:var(--ink);margin:16px 0;font-family:DM Sans,sans-serif;font-size:1.8rem;font-weight:800}.vq-input{border:2px solid var(--border);background:var(--cream);width:100%;color:var(--ink);text-align:center;border-radius:12px;outline:none;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:1rem;transition:border-color .2s}.vq-input:focus{border-color:var(--accent-text)}.vq-input.correct{background:#ecfdf5;border-color:#059669;animation:.45s cubic-bezier(.22,1,.36,1) fibCorrect}.vq-input.wrong{background:#fef2f2;border-color:#dc2626;animation:.4s fibWrong}.vq-feedback{text-align:center;min-height:22px;margin-top:12px;font-size:.9rem}.vq-feedback.correct{color:#059669;font-weight:600}.vq-feedback.wrong{color:#dc2626}.vq-score{color:var(--muted);justify-content:space-between;margin-bottom:16px;font-size:.78rem;display:flex}.vq-empty{text-align:center;color:var(--muted);padding:40px 20px}.vq-empty .big{margin-bottom:10px;font-size:2.5rem}#screen-quiz{align-items:center;padding:28px 16px 48px}.quiz-wrap{width:100%;max-width:580px}.quiz-card{background:var(--card);border:2px solid var(--border);border-radius:20px;margin-bottom:14px;padding:28px 24px}.quiz-meta{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.quiz-counter{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:.75rem;font-weight:600}.quiz-progress-bar{background:var(--border);border-radius:3px;flex:1;height:5px;margin-left:12px;overflow:hidden}.quiz-progress-fill{background:var(--accent);border-radius:3px;height:100%;transition:width .4s}.quiz-category{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-text);margin-bottom:10px;font-size:.7rem;font-weight:700}.quiz-question{letter-spacing:-.02em;color:var(--ink);margin-bottom:22px;font-family:DM Sans,sans-serif;font-size:1.2rem;font-weight:800;line-height:1.4}.quiz-options{flex-direction:column;gap:10px;display:flex}.quiz-option{border:2px solid var(--border);cursor:pointer;color:var(--ink);background:var(--cream);text-align:left;border-radius:12px;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:.93rem;transition:all .2s}.quiz-option:hover:not(.disabled){border-color:var(--accent-text);color:var(--accent-text);background:#eef2ff}.quiz-option.correct{color:#059669;background:#ecfdf5;border-color:#059669;font-weight:600;animation:.45s cubic-bezier(.22,1,.36,1) fibCorrect}.quiz-option.wrong{color:#dc2626;background:#fef2f2;border-color:#dc2626;animation:.4s fibWrong}.quiz-option.disabled{cursor:default;opacity:.7}body.dark .quiz-option.correct{background:#052e16}body.dark .quiz-option.wrong{background:#2a0a0a}.quiz-explanation{background:var(--cream);border-left:3px solid var(--gold);color:var(--ink);border-radius:0 10px 10px 0;margin-top:14px;padding:13px 15px;font-size:.84rem;line-height:1.6;animation:.3s fadeUp}.quiz-next-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:11px;width:100%;margin-top:14px;padding:12px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;transition:background .2s}.quiz-next-btn:hover{background:#1444b8}.quiz-score-card{color:#fff;text-align:center;background:linear-gradient(135deg,#0a1a3a,#1a56db);border-radius:20px;padding:32px 24px}.quiz-score-card .score-big{color:var(--gold);margin:10px 0;font-size:3rem;font-weight:700}.quiz-score-badge{background:#ffffff26;border-radius:20px;margin-top:10px;padding:5px 14px;font-size:.8rem;display:inline-block}#screen-settings{align-items:center;padding:28px 16px 60px}.settings-wrap{width:100%;max-width:520px;padding:20px 16px 40px}.settings-wrap h2{letter-spacing:-.02em;margin-bottom:4px;font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:800}.settings-wrap .sub{color:var(--muted);margin-bottom:22px;font-size:.84rem}.settings-section{margin-bottom:22px}.settings-section-label{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:9px;padding-left:2px;font-size:.72rem;font-weight:700}.settings-card{background:var(--card);border:1.5px solid var(--border);border-radius:16px;overflow:hidden}.settings-row{justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;transition:background .15s;display:flex}.settings-row:not(:last-child){border-bottom:1px solid var(--border)}.settings-row.clickable{cursor:pointer}.settings-row.clickable:hover{background:var(--cream)}.settings-row-left{align-items:center;gap:12px;display:flex}.settings-row-icon{text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.settings-row-text strong{color:var(--ink);font-size:.9rem;display:block}.settings-row-text span{color:var(--muted);font-size:.77rem}.settings-row-right{color:var(--muted);flex-shrink:0;align-items:center;gap:8px;font-size:.82rem;display:flex}.settings-chevron{color:var(--border);font-size:.85rem}.settings-danger strong{color:var(--danger)!important}.toast{bottom:calc(22px + env(safe-area-inset-bottom,0px));color:#fff;z-index:200;opacity:0;pointer-events:none;white-space:nowrap;background:#0a1a3a;border-radius:18px;padding:9px 18px;font-size:.8rem;transition:transform .3s,opacity .3s;position:fixed;left:50%;transform:translate(-50%)translateY(60px)}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}.dash-continue-card{background:linear-gradient(135deg,var(--card),#f0f4ff);border:2px solid var(--accent);cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:15px 18px;transition:all .2s;display:flex}.dash-continue-card:hover{transform:translateY(-1px);box-shadow:0 4px 16px #1a56db26}body.dark .dash-continue-card{background:linear-gradient(135deg,#1a2540,#1e2d55)}.dcc-icon{flex-shrink:0;font-size:1.6rem}.dcc-text{flex:1;min-width:0}.dcc-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent-text);margin-bottom:2px;font-size:.78rem;font-weight:700}.dcc-title{color:var(--ink);font-size:.92rem;font-weight:700}.dcc-sub{color:var(--muted);margin-top:2px;font-size:.74rem;font-weight:600}.dash-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.dash-greeting{letter-spacing:-.02em;color:var(--ink);font-family:DM Sans,sans-serif;font-size:1.4rem;font-weight:800;line-height:1.2}.dash-sub{color:var(--muted);margin-top:3px;font-size:.82rem}.dash-hero-btn{background:var(--accent);color:#fff;cursor:pointer;text-align:left;border:none;border-radius:16px;align-items:center;gap:14px;width:100%;margin-bottom:8px;padding:15px 18px;font-family:DM Sans,sans-serif;transition:all .2s;display:flex}.dash-hero-btn:hover{background:#1444b8;transform:translateY(-1px)}.dash-mode-list{background:var(--card);border:1.5px solid var(--border);border-radius:14px;margin-bottom:12px;overflow:hidden}.dash-mode-row{border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;background:0 0;align-items:center;gap:14px;width:100%;padding:15px 18px;font-family:DM Sans,sans-serif;transition:background .15s;display:flex}.dash-mode-row:last-child{border-bottom:none}.dash-mode-row:hover{background:var(--cream)}body.dark .dash-mode-row:hover{background:#1e2d50}.dmr-icon{text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:32px;display:flex}.dash-hero-btn svg{color:#fff!important}.dmr-icon svg{color:var(--accent-text)}.dmr-text{flex:1;min-width:0}.dmr-label{color:var(--ink);font-size:.9rem;font-weight:600}.dmr-sub{color:var(--muted);margin-top:2px;font-size:.75rem}.dmr-arrow{color:var(--muted);flex-shrink:0;font-size:1.1rem}.dash-section-toggle{background:var(--cream);border:1.5px solid var(--border);cursor:pointer;width:100%;color:var(--muted);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:13px 18px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.dash-section-toggle:hover{color:var(--ink);border-color:var(--accent-text)}.dash-add-btn{border:1.5px dashed var(--border);color:var(--muted);cursor:pointer;text-align:left;background:0 0;border-radius:12px;width:100%;padding:13px 18px;font-family:DM Sans,sans-serif;font-size:.85rem;transition:all .2s}.dash-add-btn:hover{border-color:var(--accent-text);color:var(--accent-text)}.connections-card{color:#fff;background:linear-gradient(135deg,#0a1a3a,#1a3a6a);border-radius:16px;margin-bottom:14px;padding:16px 18px}.connections-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.connections-header h3{letter-spacing:-.02em;color:#fff;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:800}.connection-row{background:#ffffff14;border-radius:11px;margin-bottom:8px;padding:12px 14px}.connection-label{text-transform:uppercase;letter-spacing:.1em;color:var(--gold);margin-bottom:7px;font-size:.78rem;font-weight:700}.connection-langs{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.conn-lang{background:#ffffff1f;border-radius:8px;align-items:center;gap:5px;padding:5px 10px;display:flex}.conn-lang .cl-flag{font-size:1rem}.conn-lang .cl-word{color:#fff;font-size:.9rem;font-weight:600}.conn-arrow{color:#fff6;font-size:.85rem}.connection-note{color:#ffffffa6;margin-top:7px;font-size:.78rem;line-height:1.45}#screen-dialect-decoder{align-items:center;padding:28px 16px 60px}.dialect-feature-card{background:var(--card);border:1.5px solid var(--border);border-radius:16px;margin-bottom:14px;padding:20px}.dialect-feature-header{align-items:center;gap:10px;margin-bottom:10px;display:flex}.dialect-feature-icon{flex-shrink:0;font-size:1.4rem}.dialect-feature-title{color:var(--ink);font-size:1rem;font-weight:700}.dialect-feature-rule{color:var(--muted);margin-bottom:14px;font-size:.84rem;line-height:1.6}.dialect-examples{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.dialect-example-row{background:var(--cream);border-radius:10px;grid-template-columns:1fr 16px 1fr;align-items:center;gap:6px;padding:10px 12px;display:grid}.dialect-ex-standard,.dialect-ex-local{font-size:.85rem}.dialect-ex-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:2px;font-size:.78rem;display:block}.dialect-ex-local strong{color:var(--accent-text)}.dialect-arrow{text-align:center;color:var(--muted);font-size:.9rem}.dialect-ex-meaning{color:var(--muted);border-top:1px solid var(--border);grid-column:1/-1;margin-top:4px;padding-top:2px;font-size:.75rem}.dialect-note{color:#7a5c00;background:#fffbe6;border:1px solid #f5c40050;border-radius:9px;padding:10px 13px;font-size:.82rem;line-height:1.55}body.dark .dialect-note{color:#f5c400;background:#2a2200;border-color:#6a5000}.wordprep-card{background:var(--card);border:1.5px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.wpc-target{color:var(--accent-text);font-size:.95rem;font-weight:700}.wpc-info{flex:1;min-width:0}.wpc-english{color:var(--ink);font-size:.82rem}.wpc-pronunciation{color:var(--muted);margin-bottom:1px;font-size:.72rem;font-style:italic}.wpc-play{background:var(--cream);border:1.5px solid var(--border);cursor:pointer;color:var(--ink);white-space:nowrap;border-radius:8px;flex-shrink:0;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:.75rem;transition:all .18s}.wpc-play:hover{border-color:var(--accent-text);color:var(--accent-text)}.wordprep-exchange{background:var(--cream);border-radius:10px;margin-bottom:6px;padding:8px 12px}.wpe-speaker{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:3px;font-size:.75rem;font-weight:700}.wpe-line{color:var(--ink);margin-bottom:3px;font-size:.88rem;font-weight:600}.wpe-translation{color:var(--muted);font-size:.76rem;font-style:italic}.level-plain-btn{background:var(--card);border:1.5px solid var(--border);cursor:pointer;text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:13px 16px;font-family:DM Sans,sans-serif;transition:all .18s;display:flex}.level-plain-btn:hover{border-color:var(--accent-text);transform:translate(3px)}.lpb-emoji{text-align:center;flex-shrink:0;justify-content:center;align-items:center;width:36px;display:flex}.lpb-text{flex:1;min-width:0}.lpb-title{color:var(--ink);margin-bottom:3px;font-size:.95rem;font-weight:600}.lpb-sub{color:var(--muted);font-size:.78rem;line-height:1.4}.lpb-arrow{color:var(--muted);flex-shrink:0;font-size:1.2rem}.spirit-fab{bottom:calc(24px + env(safe-area-inset-bottom,0px));cursor:pointer;z-index:180;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;padding:0;transition:opacity .25s,transform .25s;display:flex;position:fixed;right:22px}.spirit-fab.hidden{opacity:0;pointer-events:none;transform:scale(.7)}.spirit-orb{background:radial-gradient(circle at 38% 36%,var(--luma-a),var(--luma-b) 55%,var(--luma-c));width:54px;height:54px;box-shadow:0 0 18px 4px var(--luma-glow),0 0 40px 8px var(--luma-glow2);border-radius:50%;justify-content:center;align-items:center;transition:transform .2s;animation:3.5s ease-in-out infinite spiritFloat,2.8s ease-in-out infinite alternate spiritGlow;display:flex}.spirit-fab:hover .spirit-orb{transform:scale(1.12)}@keyframes spiritFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes spiritGlow{0%{box-shadow:0 0 16px 4px var(--luma-glow),0 0 36px 8px var(--luma-glow2)}to{box-shadow:0 0 26px 8px var(--luma-a),0 0 52px 16px var(--luma-glow)}}.chatbot-panel{bottom:calc(90px + env(safe-area-inset-bottom,0px));background:var(--card);border:1.5px solid var(--luma-border);width:330px;max-height:500px;box-shadow:0 12px 48px var(--luma-glow2);z-index:179;border-radius:22px;flex-direction:column;display:flex;position:fixed;right:18px;overflow:hidden}.chatbot-header{background:linear-gradient(135deg,var(--luma-h1),var(--luma-h2));flex-shrink:0;align-items:center;gap:11px;padding:14px 15px;display:flex}.chatbot-header-info{flex:1}.chatbot-header-info strong{color:#fff;font-size:.9rem;display:block}.chatbot-header-info span{color:#ffffffa6;font-size:.78rem}.chatbot-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1rem}.chatbot-messages{flex-direction:column;flex:1;gap:9px;min-height:120px;padding:13px;display:flex;overflow-y:auto}.cb-msg{align-items:flex-end;gap:7px;display:flex}.cb-msg.user{flex-direction:row-reverse}.cb-bubble{border-radius:14px;max-width:84%;padding:8px 12px;font-size:.83rem;line-height:1.55}.cb-msg.bot .cb-bubble{background:var(--cream);border:1.5px solid var(--luma-border);color:var(--ink);border-bottom-left-radius:4px}.cb-msg.user .cb-bubble{background:linear-gradient(135deg,var(--luma-b),var(--luma-c));color:#fff;border-bottom-right-radius:4px}.chatbot-input-row{border-top:1.5px solid var(--luma-border);flex-shrink:0;gap:7px;padding:9px 11px;display:flex}.chatbot-input-row input{border:1.5px solid var(--luma-border);background:var(--cream);color:var(--ink);border-radius:9px;outline:none;flex:1;padding:7px 11px;font-family:DM Sans,sans-serif;font-size:16px}.cb-send{background:linear-gradient(135deg,var(--luma-b),var(--luma-c));cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.cb-send svg{fill:#fff;width:14px;height:14px}@keyframes journeyPulse{0%,to{box-shadow:0 0 0 5px #1a56db1f,0 2px 8px #0a1a3a14}50%{box-shadow:0 0 0 10px #1a56db0f,0 2px 8px #0a1a3a14}}.journey-native-card:before{content:"";pointer-events:none;background:radial-gradient(at 70%,#8b5cf626,#0000 70%);position:absolute;inset:0}.journey-native-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #6d28d94d}:root{--im-bg:#0a1a3a;--im-bg2:#0f2251;--im-card:#ffffff0f;--im-border:#ffffff1f;--im-text:#fff;--im-text2:#ffffffa6;--im-text3:#fff6;--im-text4:#ffffff40;--im-accent:#4d7fff;--im-danger:#ef444433;--im-danger-border:#ef44444d;--im-danger-text:#f87171}body:not(.dark){--im-bg:#f0f4ff;--im-bg2:#e4eaff;--im-card:#fff;--im-border:#1a56db26;--im-text:#0a1a3a;--im-text2:#334575;--im-text3:#6b7fa8;--im-text4:#a0aec0;--im-accent:#1a56db;--im-danger:#dc26260f;--im-danger-border:#dc262633;--im-danger-text:#dc2626}.intro-slide{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;padding:clamp(32px,6vh,64px) clamp(20px,6vw,48px) clamp(80px,12vh,120px);transition:opacity .4s;display:flex;position:absolute;inset:0;overflow-y:auto}.intro-slide.active{opacity:1;pointer-events:auto}.intro-slide-inner{text-align:center;width:100%;max-width:480px;margin:0 auto}.intro-emoji{margin-bottom:clamp(12px,2vh,24px);font-size:clamp(2.2rem,6vw,3.2rem);display:block}.intro-title{letter-spacing:-.02em;color:var(--im-text);margin-bottom:clamp(10px,2vh,18px);font-family:DM Sans,sans-serif;font-size:clamp(1.2rem,4vw,1.7rem);font-weight:700;line-height:1.3}.intro-body{color:var(--im-text2);max-width:380px;margin-bottom:clamp(14px,2.5vh,22px);margin-left:auto;margin-right:auto;font-size:clamp(.82rem,2.5vw,.95rem);line-height:1.7}.intro-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--im-text2);background:var(--im-card);border:1px solid var(--im-border);border-radius:20px;margin-bottom:clamp(16px,3vh,32px);padding:5px 14px;font-size:.78rem;font-weight:700;display:inline-block}.intro-cta{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;max-width:340px;margin:8px auto 0;padding:15px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;display:block}.intro-dots{bottom:max(28px,env(safe-area-inset-bottom,0px) + 20px);gap:8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.intro-dot{background:var(--im-text3);border-radius:50%;width:8px;height:8px;transition:all .3s}.intro-dot.active{background:var(--im-text);border-radius:4px;width:24px}.intro-skip{top:max(16px,env(safe-area-inset-top,0px) + 12px);color:var(--im-text3);cursor:pointer;background:0 0;border:none;justify-content:flex-end;align-items:center;min-width:44px;min-height:44px;padding:8px;font-family:DM Sans,sans-serif;font-size:.82rem;display:flex;position:absolute;right:20px}#screen-pressure{justify-content:center;align-items:center}.pm-diff-btn{background:var(--im-card);border:1px solid var(--im-border);color:var(--im-text3);cursor:pointer;text-align:center;border-radius:10px;flex:1;padding:10px 6px;font-family:DM Sans,sans-serif;font-size:.75rem;font-weight:600;line-height:1.4;transition:all .15s}.pm-diff-btn.active{border-color:var(--im-accent);color:var(--im-text);background:#1a56db33}.pm-scenario-option{background:var(--im-card);border:1px solid var(--im-border);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.pm-scenario-option:hover{border-color:var(--im-accent)}.pm-scenario-option.selected{border-color:var(--im-accent);background:#1a56db33;box-shadow:0 0 0 3px #1a56db26}.pm-sc-icon{flex-shrink:0;font-size:1.4rem}.pm-sc-title{color:var(--im-text);font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:600}.pm-stat-card{background:var(--im-card);border:1px solid var(--im-border);text-align:center;border-radius:12px;padding:14px}.pm-stat-val{color:var(--im-text);font-size:1.4rem;font-weight:700}.pm-stat-label{color:var(--im-text3);text-transform:uppercase;letter-spacing:.08em;margin-top:3px;font-size:.75rem}@keyframes pm-pulse{0%,to{box-shadow:0 0 0 8px #ef444414}50%{box-shadow:0 0 0 16px #ef444408}}.structured-option{background:var(--card);border:2px solid var(--border);cursor:pointer;color:var(--ink);text-align:center;border-radius:12px;padding:13px 18px;font-family:DM Sans,sans-serif;font-size:1rem;transition:all .18s}.structured-option:hover{border-color:var(--accent-text);color:var(--accent-text)}.structured-option.correct{color:#065f46;background:#d1fae5;border-color:#059669;animation:.45s cubic-bezier(.22,1,.36,1) fibCorrect}.structured-option.wrong{color:#991b1b;background:#fee2e2;border-color:#dc2626;animation:.4s fibWrong}.structured-feedback{text-align:center;border-radius:12px;margin-bottom:8px;padding:14px 18px;font-size:.9rem;line-height:1.55}.structured-feedback.correct{color:#065f46;background:#d1fae5;border:1.5px solid #6ee7b7}.structured-feedback.wrong{color:#991b1b;background:#fee2e2;border:1.5px solid #fca5a5}@media (width>=600px){.screen{align-items:center}header>div{max-width:800px}#screen-setup>div{width:100%;max-width:680px}#screen-chat{align-items:stretch}.chat-inner{width:100%;max-width:680px;margin:0 auto}.scenarios-list{width:100%;max-width:640px}#screen-wordprep{padding:20px 20px 40px}#wordprep-cards{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}#screen-structured>div{width:100%;max-width:520px}#screen-journey>div{width:100%;max-width:500px}.fib-wrap,.news-wrap,.friends-wrap,.history-wrap{width:100%;max-width:580px}.settings-wrap,.quiz-wrap{max-width:600px}.modal-box{max-width:500px}#screen-levels>div{width:100%;max-width:480px}}@media (width>=900px){header{padding:12px 40px}header>div{max-width:960px}#screen-setup>div,.chat-inner{max-width:820px}#messages{padding:20px 16px 12px}.ai-hero-card{padding:20px 22px 16px}.bubble{max-width:500px}.scenarios-list{max-width:820px}#screen-wordprep>div{width:90%;max-width:1000px}#screen-wordprep{align-items:flex-start;padding:24px 48px 48px}#screen-structured>div{max-width:560px}#screen-journey>div{max-width:580px}.journey-node-info{width:180px;max-width:180px}.journey-node-info.left{right:calc(50% + 44px)}.journey-node-info.right{left:calc(50% + 44px)}.journey-node{width:72px;height:72px}.fib-wrap,.news-wrap,.friends-wrap,.history-wrap{max-width:680px}.settings-wrap,.quiz-wrap{max-width:700px}.modal-box{max-width:560px;padding:32px}}@media (width>=1200px){header{padding:14px 60px}header>div{max-width:1100px}#screen-setup>div,.chat-inner,.scenarios-list{max-width:920px}.fib-wrap,.news-wrap,.friends-wrap,.history-wrap,.settings-wrap,.quiz-wrap{max-width:760px}#screen-journey>div{max-width:640px}.modal-box{max-width:620px}}@media (width<=390px){.journey-node{width:58px;height:58px}.journey-node-icon{font-size:1.2rem}.journey-node-info{width:120px;max-width:120px}.journey-node-title{font-size:.7rem}.ai-hero-card{padding:14px 14px 12px}.bubble{max-width:78vw}}@media (width<=360px){.journey-node{width:54px;height:54px}.journey-node-info{width:100px;max-width:100px}}.journey-celebration-overlay{z-index:99999;box-sizing:border-box;background:#0a1a3ad9;justify-content:center;align-items:center;padding:24px;animation:.3s fadeIn;display:flex;overflow:hidden;width:100vw!important;height:100vh!important;margin:0!important;position:fixed!important;inset:0!important}.journey-celebration-card{background:var(--card);text-align:center;border-radius:24px;width:100%;max-width:380px;padding:36px 28px 28px;animation:.4s cubic-bezier(.22,1,.36,1) celebrationPop;position:relative;overflow:hidden;box-shadow:0 24px 80px #0a1a3a4d}@keyframes celebrationPop{0%{opacity:0;transform:scale(.85)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.sb-answer-correct{animation:.45s cubic-bezier(.22,1,.36,1) fibCorrect}.sb-answer-wrong{animation:.4s fibWrong}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1,h2,h3{letter-spacing:-.02em;font-family:DM Sans,sans-serif;font-weight:800}.ai-msg{flex-direction:column;align-items:flex-start;gap:6px;margin:6px 0 4px;animation:.24s fadeUp;display:flex}.ai-bubble{text-align:left;background:var(--bubble-ai);max-width:86%;color:var(--ink);cursor:pointer;-webkit-tap-highlight-color:transparent;border:2px solid #0000;border-radius:20px 20px 20px 6px;flex-direction:column;gap:2px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:1.05rem;line-height:1.55;display:flex}.ai-bubble.open{border-color:var(--accent)}.ai-speaker{color:var(--muted);font-size:.72rem;font-weight:800;display:block}.ai-bubble-text{white-space:pre-wrap;word-break:break-word}.ai-bubble-translation{color:var(--muted);border-top:1px solid var(--border);margin-top:6px;padding-top:6px;font-size:.88rem;line-height:1.45;display:block}.ai-actions{background:var(--scene,#131f3b);border-radius:14px;align-items:center;gap:4px;padding:4px;display:flex}.ai-actions>button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;min-height:40px;padding:9px 11px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:700;display:inline-flex}.ai-actions>button.on{background:var(--gold);color:#131f3b}.ai-report{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;min-height:40px;padding:9px 11px;font-size:.9rem}.ai-link{color:var(--accent-text);cursor:pointer;background:0 0;border:none;padding:6px 0;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:700}.ai-tap-tip{color:var(--muted);padding:0 6px;font-size:.75rem}.ai-shadow{color:var(--muted);padding:0 6px;font-size:.85rem}.ai-correction{text-align:right;max-width:90%;color:var(--muted);align-self:flex-end;margin-top:-2px;padding:0 4px 4px;font-size:.84rem;line-height:1.45}.ai-correction-more{text-align:left;background:var(--cream);color:var(--ink);border-radius:14px;flex-direction:column;gap:6px;margin-top:6px;padding:10px 12px;display:flex}.msg.user .bubble{border-radius:20px 20px 6px}.typing{background:var(--bubble-ai);border-radius:20px 20px 20px 6px}body.dark .typing{background:var(--bubble-ai)}.dash-scene{background:var(--scene,#131f3b);color:#fff;border-radius:22px;flex-direction:column;gap:8px;margin-bottom:10px;padding:20px;display:flex}.dash-scene-label{color:#f5c400;font-size:.82rem;font-weight:700}.dash-scene-title{letter-spacing:-.02em;font-size:1.55rem;font-weight:800;line-height:1.15}.dash-scene-desc{color:#c9d4ee;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.92rem;line-height:1.45;display:-webkit-box;overflow:hidden}.dash-scene-progress{color:#c9d4ee;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;width:100%;margin-top:2px;padding:4px 0;font-family:DM Sans,sans-serif;font-size:.75rem;display:flex}.dash-scene-progress-top{justify-content:space-between;gap:8px;display:flex}.dash-scene-journey{color:#f5c400;white-space:nowrap;font-weight:800}.dash-scene-bar{background:#ffffff26;border-radius:2px;height:4px;display:block;overflow:hidden}.dash-scene-bar>span{background:#f5c400;border-radius:2px;height:100%;display:block}.dash-scene-cta{color:#131f3b;cursor:pointer;background:#f5c400;border:none;border-radius:14px;width:100%;margin-top:8px;padding:14px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:800}.dash-h{letter-spacing:-.01em;color:var(--ink);margin:14px 2px 8px;font-size:1.05rem;font-weight:800}.dash-h-link{color:var(--accent-text);cursor:pointer;background:0 0;border:none;padding:6px 0;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:700}.dash-quick{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:6px;display:grid}.dash-quick-tile{background:var(--cream);min-height:92px;color:var(--ink);cursor:pointer;text-align:left;border:none;border-radius:18px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:700;display:flex}.dash-quick-icon{border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}body.dark .dash-quick-icon{filter:saturate(1.2)brightness(.95)}.dash-next-row{scrollbar-width:none;gap:10px;margin-bottom:12px;padding-bottom:6px;display:flex;overflow-x:auto}.dash-next-card{text-align:left;background:var(--card);border:1.5px solid var(--border);cursor:pointer;border-radius:16px;flex-direction:column;flex:0 0 150px;gap:4px;padding:12px;font-family:DM Sans,sans-serif;display:flex}.dash-next-kicker{color:var(--accent-text);font-size:.72rem;font-weight:700}.dash-next-title{color:var(--ink);font-size:.88rem;font-weight:700;line-height:1.3}.qs{flex-direction:column;gap:12px;display:flex}.qs-top{justify-content:space-between;align-items:center;display:flex}.qs-close{width:44px;height:44px;color:var(--ink);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin-left:-10px;display:flex}.qs-dots{gap:6px;display:flex}.qs-dots span{background:var(--border);border-radius:3px;width:18px;height:6px}.qs-dots span.on{background:#0f766e}.qs-scene{background:var(--scene,#131f3b);color:#fff;border-radius:22px;padding:16px 18px}.qs-scene-label{color:#f5c400;font-size:.82rem;font-weight:700}.qs-scene-line{letter-spacing:-.02em;margin-top:4px;font-size:1.2rem;font-weight:800;line-height:1.3}.qs-scene-quote{color:#fff;margin-top:8px;font-size:.95rem}.qs-scene-quote span{color:#c9d4ee;font-size:.82rem;display:block}.qs-row{align-items:flex-end;gap:10px;display:flex}.qs-avatar{color:#0f172a;background:#7dd3c0;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-weight:800;display:flex}.qs-bubble{background:var(--bubble-ai);max-width:86%;color:var(--ink);border-radius:20px 20px 20px 6px;flex-direction:column;gap:3px;padding:11px 15px;font-size:1.02rem;line-height:1.45;display:flex}.qs-who{color:#0f766e;font-size:.72rem;font-weight:800}body.dark .qs-who{color:#7dd3c0}.qs-react{font-size:1.1rem}.qs-react-en{color:var(--muted);font-size:.85rem}.qs-answers{flex-direction:column;gap:9px;margin-top:6px;display:flex}.qs-answers-label{color:var(--muted);font-size:.85rem;font-weight:700}.qs-answer{text-align:left;background:var(--card);color:var(--ink);border:1.5px solid var(--border);cursor:pointer;border-radius:16px;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700;line-height:1.35}.qs-mine{background:var(--bubble-user);color:#fff;border-radius:20px 20px 6px;align-self:flex-end;max-width:86%;padding:11px 15px;font-size:1rem;font-weight:700;line-height:1.4}.qs-why{color:#7c2d12;background:#fdeee9;border-radius:18px;padding:14px 16px;font-size:.92rem;line-height:1.55}.qs-why.right{color:#134e4a;background:#dcf5ef}.qs-why-title{margin-bottom:4px;font-weight:800}body.dark .qs-why{color:#fde4da;background:#3b1f17}body.dark .qs-why.right{color:#d5f5ee;background:#123c37}.qs-next{background:var(--gold);color:#131f3b;cursor:pointer;border:none;border-radius:14px;width:100%;margin-top:4px;padding:15px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:800}.qs-top{justify-content:center;padding:4px 0}.qs-score{text-align:center;padding:18px 0 6px}.qs-score-big{letter-spacing:-.03em;color:var(--ink);font-size:3.4rem;font-weight:800;line-height:1}.qs-score-big span{color:var(--muted);font-size:1.6rem}.qs-score-sub{color:var(--muted);margin-top:6px;font-size:.9rem}.qs-dots span.on.oh{background:#c2410c}.oh-card{background:var(--scene,#131f3b);color:#fff;text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:14px;padding:20px 20px 24px;display:flex}.oh-context{color:#c9d4ee;font-size:.95rem;line-height:1.4}.oh-play{cursor:pointer;background:#f5c400;border:none;border-radius:42px;justify-content:center;align-items:center;width:84px;height:84px;display:flex}.oh-quote{letter-spacing:-.02em;font-size:1.65rem;font-weight:800;line-height:1.25}.oh-show{color:#fff;cursor:pointer;background:#ffffff1a;border:1.5px dashed #ffffff59;border-radius:12px;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:700}.oh-pills{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.oh-pills>button,.oh-report{background:var(--cream);color:var(--ink);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;min-height:42px;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:700;display:inline-flex}.oh-ask{text-align:center;color:var(--muted);margin-top:auto;font-size:.95rem}.oh-reveal{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:15px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:800}.oh-textbook{background:var(--cream);border-radius:20px;padding:16px 18px}.oh-textbook-label{color:var(--muted);margin-bottom:4px;font-size:.82rem;font-weight:700}.oh-textbook-line{color:var(--ink);font-size:1.25rem;font-weight:700;line-height:1.35}.oh-textbook-en{color:var(--muted);margin-top:2px;font-size:.9rem}.oh-why{color:var(--ink);padding:0 2px;font-size:.98rem;line-height:1.55}.oh-note{color:var(--muted);margin-top:8px;font-size:.9rem;display:block}.dash-coach-line{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 2px 10px;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.dash-coach-line strong{color:var(--accent-text)}.dash-more-row{justify-content:space-between;align-items:center;margin:6px 2px 14px;display:flex}.dash-more-btn{background:var(--cream);color:var(--ink);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:11px 18px;font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:700;display:inline-flex}.dash-quick-tile{position:relative}.dash-quick-tile.done{opacity:.75}.dash-quick-check{color:#fff;background:#16a34a;border-radius:12px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:flex;position:absolute;top:12px;right:12px}.dash-culture{text-align:left;color:#134e4a;cursor:pointer;background:#dcf5ef;border:none;border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;margin:12px 0 4px;padding:14px 16px;font-family:DM Sans,sans-serif;display:flex}body.dark .dash-culture{color:#d5f5ee;background:#123c37}.dash-culture-label{color:#0f766e;font-size:.78rem;font-weight:700}body.dark .dash-culture-label{color:#7dd3c0}.dash-culture-head{font-size:1rem;font-weight:800;line-height:1.35}.dash-culture-body{margin-top:4px;font-size:.9rem;line-height:1.5}.dash-culture-tip{opacity:.85;font-size:.85rem;line-height:1.45}.dash-culture-more{opacity:.75;font-size:.78rem;font-weight:700}.practice-title{color:var(--ink);margin:6px 2px 2px;font-size:1.6rem}.practice-sub{color:var(--muted);margin:0 2px 14px;font-size:.88rem}.answer-help{padding:12px 14px calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg);flex-direction:column;gap:8px;display:flex}.answer-help-label{color:var(--muted);letter-spacing:.02em;font-size:.72rem;font-weight:700}.answer-help-wait{color:var(--muted);text-align:center;padding:10px 0;font-size:.8rem}.answer-help-choice{background:var(--card);border:1.5px solid var(--border);color:var(--ink);text-align:left;cursor:pointer;border-radius:14px;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600}.answer-help-choice:active{border-color:var(--accent)}.answer-help-chips{flex-wrap:wrap;gap:8px;display:flex}.answer-help-chip{background:var(--card);border:1.5px solid var(--border);color:var(--ink);cursor:pointer;border-radius:999px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600}.answer-help-idea{background:var(--card);border:1px solid var(--border);color:var(--ink);border-radius:12px;padding:10px 14px;font-size:.88rem;line-height:1.45}.answer-help-own{color:var(--accent-text);cursor:pointer;background:0 0;border:none;align-self:center;padding:6px 10px;font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:700}.answer-help-open{background:var(--card);border:1.5px solid var(--border);color:var(--ink);cursor:pointer;border-radius:999px;margin:0 0 8px;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:600;display:block}.spotlight-line{background:var(--card);border:1px solid var(--border);width:100%;color:var(--ink);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:8px;margin:4px 0 10px;padding:9px 12px;font-family:DM Sans,sans-serif;font-size:.82rem;display:flex}.spotlight-line-tag{text-transform:uppercase;letter-spacing:.06em;color:#a16207;background:#fff4c7;border-radius:6px;flex-shrink:0;padding:2px 6px;font-size:.66rem;font-weight:800}body.dark .spotlight-line-tag{color:#fcd34d;background:#fcd34d1f}.spotlight-line-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.spotlight-line-more{color:var(--accent-text);flex-shrink:0;font-weight:700}#root{height:var(--app-h,100dvh)}.scene-backdrop{border-radius:20px;margin-bottom:8px;position:relative;overflow:hidden}.scene-backdrop svg{width:100%;height:100%;display:block;position:absolute;inset:0}.scene-backdrop-who{color:#fff;align-items:center;gap:10px;display:flex;position:absolute;bottom:12px;left:14px;right:14px}.scene-backdrop-initial{color:#131f3b;background:#f5c400;border-radius:21px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:1.05rem;font-weight:800;display:flex;box-shadow:0 2px 8px #00000040}.scene-backdrop-name{text-shadow:0 1px 4px #0006;font-size:1.05rem;font-weight:800;line-height:1.2;display:block}.scene-backdrop-place{color:#f3ead9;text-shadow:0 1px 4px #0006;font-size:.8rem;display:block}.scene-backdrop-caption{color:var(--muted);margin:0 4px 14px;font-size:.85rem;line-height:1.45}.scene-goals{z-index:5;background:var(--card);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:7px;margin:0 0 12px;padding:10px 12px;display:flex;position:sticky;top:0;box-shadow:0 6px 18px #131f3b1a}.scene-goals-top{justify-content:space-between;align-items:center;display:flex}.scene-goals-title{color:var(--ink);font-size:.8rem;font-weight:800}.scene-goals-count{color:var(--muted);font-size:.75rem;font-weight:700}.scene-goals-bar{gap:5px;display:flex}.scene-goals-bar span{background:var(--border);border-radius:3px;flex:1;height:5px;transition:background .4s}.scene-goals-bar span.on{background:#0f9d74}.scene-goals-list{flex-wrap:wrap;gap:6px;display:flex}.scene-goal{background:var(--cream);color:var(--ink);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:background .3s,color .3s;display:inline-flex}.scene-goal.done{color:#0b6b4f;background:#e2f6ee;font-weight:700}body.dark .scene-goal.done{color:#7ee0bd;background:#0f9d7433}.scene-goal.fresh{color:#fff;background:#0f9d74;animation:.5s cubic-bezier(.22,1.4,.36,1) goalPop;box-shadow:0 0 0 4px #0f9d7440}@keyframes goalPop{0%{transform:scale(.85)}60%{transform:scale(1.08)}to{transform:scale(1)}}.natural-tag{color:#0b6b4f;background:#e2f6ee;border-radius:999px;align-self:flex-end;align-items:center;gap:5px;width:max-content;margin:4px 2px 6px auto;padding:3px 10px;font-size:.74rem;font-weight:800;animation:.45s cubic-bezier(.22,1.4,.36,1) goalPop;display:flex}body.dark .natural-tag{color:#7ee0bd;background:#0f9d7433}.scene-end{padding:4px 0 18px}.scene-end .scene-backdrop{margin-bottom:16px}.scene-end-title{letter-spacing:-.02em;color:var(--ink);margin:0 2px 12px;font-family:DM Sans,sans-serif;font-size:1.75rem;font-weight:800;line-height:1.15}.scene-end-bye{align-items:flex-end;gap:10px;margin:0 2px 16px;display:flex}.scene-end-bye .scene-backdrop-initial{width:36px;height:36px;box-shadow:none;font-size:.9rem}.scene-end-bubble{background:var(--bubble-ai);color:var(--ink);border-radius:18px 18px 18px 6px;max-width:85%;padding:9px 13px;font-size:1rem;line-height:1.4}.scene-end-who{color:var(--muted);margin-bottom:2px;font-size:.72rem;font-weight:800;display:block}.scene-end-tiles{gap:10px;display:flex}.scene-end-tile{border-radius:14px;flex-direction:column;flex:1;padding:12px 14px;display:flex}.scene-end-tile strong{font-size:1.5rem;font-weight:800;line-height:1.1}.scene-end-tile span{font-size:.78rem;font-weight:700}.scene-end-tile.xp{color:#7a4f00;background:#fff4c7}.scene-end-tile.streak{color:#9a3412;background:#ffe7dc}.scene-end-tile.goals{color:#0b6b4f;background:#e2f6ee}body.dark .scene-end-tile.xp{color:#fcd34d;background:#f5c40026}body.dark .scene-end-tile.streak{color:#fdba8c;background:#d9531e2e}body.dark .scene-end-tile.goals{color:#7ee0bd;background:#0f9d7433}.scene-end-goals{color:var(--muted);flex-direction:column;gap:6px;margin:14px 2px 0;padding:0;font-size:.88rem;list-style:none;display:flex}.scene-end-goals li:before{content:"○ "}.scene-end-goals li.done{color:#0b6b4f;font-weight:700}.scene-end-goals li.done:before{content:"✓ "}body.dark .scene-end-goals li.done{color:#7ee0bd}.practice-journey{background:var(--scene);color:#fff;cursor:pointer;text-align:left;border:none;border-radius:16px;align-items:center;gap:12px;width:100%;margin:4px 0 16px;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:1.2rem;display:flex}.practice-journey-icon{color:#f5c400;background:#f5c4002e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.practice-journey-text{flex-direction:column;flex:1;display:flex}.practice-journey-text strong{font-size:1rem;font-weight:800}.practice-journey-text span{color:#c9d4ee;font-size:.8rem}.stage-done-card{background:var(--scene);color:#fff;cursor:pointer;text-align:left;border:none;border-radius:18px;flex-direction:column;align-items:flex-start;gap:4px;width:100%;margin:0 0 16px;padding:16px 18px;font-family:DM Sans,sans-serif;display:flex}.stage-done-tag{color:#f5c400;font-size:.75rem;font-weight:800}.stage-done-title{letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.stage-done-sub{color:#c9d4ee;font-size:.85rem;line-height:1.4}.stage-done-cta{color:#f5c400;margin-top:6px;font-size:.88rem;font-weight:800}.jt{box-sizing:border-box;width:100%;max-width:560px;margin:0 auto;padding:12px 16px 60px}.jt-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.jt-title{letter-spacing:-.02em;color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:1.6rem;font-weight:800}.jt-sub{color:var(--muted);margin-top:2px;font-size:.88rem}.jt-pick{background:var(--card);border:1.5px solid var(--border);color:var(--ink);cursor:pointer;border-radius:999px;flex-shrink:0;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:700}.jt-dots{flex-wrap:wrap;align-items:center;gap:5px;margin:4px 0 16px;display:flex}.jt-dots span:not(.jt-dots-label){background:var(--border);border-radius:3px;width:22px;height:6px}.jt-dots span.done{background:#0f9d74}.jt-dots span.now{background:#f5c400}.jt-dots-label{color:var(--muted);margin-left:4px;font-size:.75rem;font-weight:700}.jt-fold{background:var(--cream);border-radius:14px;margin-bottom:8px}.jt-fold summary{cursor:pointer;color:var(--ink);align-items:center;gap:10px;padding:11px 14px;font-size:.9rem;list-style:none;display:flex}.jt-fold summary::-webkit-details-marker{display:none}.jt-next summary::-webkit-details-marker{display:none}.jt-learn summary::-webkit-details-marker{display:none}.jt-notes summary::-webkit-details-marker{display:none}.jt-fold-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;font-weight:800;display:flex}.jt-fold-icon.done{color:#fff;background:#0f9d74}.jt-fold-icon.replay{color:#131f3b;background:#f5c400}.jt-fold-text{flex:1}.jt-fold-text strong{font-weight:800}.jt-chev{border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:8px;height:8px;margin:-4px 4px 0 0;transition:transform .2s;transform:rotate(45deg)}details[open]>summary .jt-chev{margin-top:4px;transform:rotate(-135deg)}.jt-chev.light{border-color:#c9d4ee}.jt-fold-body{padding:0 12px 12px}.jt-replay{background:var(--card);border:1px solid var(--border);width:100%;color:var(--ink);cursor:pointer;text-align:left;border-radius:12px;align-items:center;gap:10px;margin-top:6px;padding:10px 12px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:600;display:flex}.jt-replay-go{color:var(--accent-text);margin-left:auto;font-size:.78rem;font-weight:700}.jt-quiz{background:var(--accent-cta);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin:2px 0 8px;padding:11px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:800;display:block}.jt-chapter{margin:14px 0 10px}.jt-cover{border-radius:20px;position:relative;overflow:hidden}.jt-cover .scene-backdrop{border-radius:20px;margin:0}.jt-cover-text{color:#fff;flex-direction:column;display:flex;position:absolute;bottom:14px;left:16px;right:16px}.jt-cover-num{color:#f5c400;font-size:.75rem;font-weight:800}.jt-cover-name{letter-spacing:-.02em;text-shadow:0 1px 6px #00000059;font-size:1.5rem;font-weight:800}.jt-cover-line{color:#f3ead9;text-shadow:0 1px 4px #0006;font-size:.84rem}.jt-learn{margin:8px 2px 4px}.jt-learn summary{cursor:pointer;color:var(--accent-text);padding:4px 0;font-size:.84rem;font-weight:700;list-style:none;display:inline-block}.jt-learn ul{color:var(--ink);margin:6px 0 10px;padding-left:20px;font-size:.86rem;line-height:1.55}.jt-insight{background:var(--cream);color:var(--ink);white-space:pre-line;border-radius:12px;flex-direction:column;gap:4px;margin-bottom:8px;padding:10px 12px;font-size:.84rem;line-height:1.5;display:flex}.jt-path{margin:10px 0 6px;position:relative}.jt-path>svg{width:100%;height:100%;position:absolute;inset:0}.jt-path-line{fill:none;stroke:var(--border);stroke-width:5px;stroke-linecap:round;stroke-dasharray:1 11}.jt-path-done{fill:none;stroke:#0f9d74;stroke-width:5px;stroke-linecap:round}.jt-stop{z-index:1;align-items:center;gap:10px;height:84px;display:flex;position:absolute}.jt-stop.r{flex-direction:row-reverse}.jt-stop-dot{border:2px solid var(--border);background:var(--card);width:44px;height:44px;color:var(--muted);cursor:pointer;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:1.15rem;display:flex}.jt-stop.done .jt-stop-dot{color:#fff;background:#0f9d74;border-color:#0f9d74}.jt-stop.next .jt-stop-dot{color:#131f3b;background:#f5c400;border-color:#f5c400;border-radius:28px;width:56px;height:56px;font-size:1.45rem;box-shadow:0 0 0 7px #f5c40040}.jt-stop-text{background:var(--bg);border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;max-width:200px;padding:4px 8px;display:flex}.jt-stop.r .jt-stop-text{text-align:right;align-items:flex-end}.jt-stop-tag{color:#a16207;font-size:.7rem;font-weight:800}body.dark .jt-stop-tag{color:#fcd34d}.jt-stop-name{color:var(--muted);cursor:pointer;text-align:inherit;background:0 0;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:600;line-height:1.25}.jt-stop.done .jt-stop-name{color:var(--ink)}.jt-stop.next .jt-stop-name{color:var(--ink);font-size:1.02rem;font-weight:800}.jt-walk{white-space:nowrap;background:var(--accent-cta);color:#fff;cursor:pointer;border:none;border-radius:10px;margin-top:2px;padding:7px 18px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:800}.jt-trips{flex-wrap:wrap;gap:8px;margin:4px 2px 0;display:flex}.jt-trip{color:#7a4f00;cursor:pointer;background:#fff4c7;border:none;border-radius:999px;padding:7px 13px;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:700}.jt-trip.been{background:var(--cream);color:var(--muted)}body.dark .jt-trip{color:#fcd34d;background:#f5c40029}.jt-next{background:var(--scene);color:#fff;border-radius:16px;margin:14px 0 8px;overflow:hidden}.jt-next summary{cursor:pointer;align-items:center;gap:12px;padding:12px 14px;list-style:none;display:flex}.jt-next summary .scene-backdrop{border-radius:8px;flex-shrink:0;width:64px;margin:0}.jt-next-text{flex-direction:column;flex:1;display:flex}.jt-next-tag{color:#f5c400;font-size:.72rem;font-weight:800}.jt-next-name{font-size:.98rem;font-weight:800}.jt-next-body{background:var(--bg);color:var(--ink);padding:10px 14px 4px}.jt-next-body p{color:var(--muted);margin:0 0 4px;font-size:.86rem}.jt-later{color:var(--muted);margin:2px 4px 14px;font-size:.8rem;line-height:1.5}.jt-finish,.jt-daily{background:var(--scene);color:#fff;border-radius:16px;flex-direction:column;gap:6px;margin:12px 0;padding:16px;display:flex}.jt-finish strong,.jt-daily strong{font-size:1.1rem;font-weight:800}.jt-finish span,.jt-daily span{color:#c9d4ee;font-size:.86rem;line-height:1.45}.jt-daily em{color:#7ee0bd;font-size:.86rem;font-style:normal;font-weight:700}.jt-daily button{color:#131f3b;cursor:pointer;background:#f5c400;border:none;border-radius:10px;align-self:flex-start;padding:9px 18px;font-family:DM Sans,sans-serif;font-weight:800}.jt-notes{border-top:1px solid var(--border);margin-top:18px;padding-top:10px}.jt-notes summary{cursor:pointer;color:var(--muted);padding:6px 2px;font-size:.88rem;font-weight:700;list-style:none}.jt-notes-block{margin:8px 0 12px}.jt-notes-h{color:var(--ink);margin-bottom:4px;font-size:.8rem;font-weight:800}.jt-err{color:var(--ink);border-bottom:1px solid var(--border);flex-wrap:wrap;gap:4px;padding:6px 0;font-size:.84rem;display:flex}.jt-err s{color:var(--muted)}.jt-err strong{color:#0b6b4f}body.dark .jt-err strong{color:#7ee0bd}.jt-err span{color:var(--muted);flex-basis:100%;font-size:.78rem}.jt-core-bar{background:var(--border);border-radius:3px;height:5px;overflow:hidden}.jt-core-bar span{background:#0f9d74;height:100%;display:block}.jt-toast{bottom:calc(32px + env(safe-area-inset-bottom,0px));color:#fff;z-index:100;white-space:nowrap;background:#131f3b;border-radius:20px;padding:10px 18px;font-size:.84rem;font-weight:600;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000040}.jt-fold .jt-stop-text{background:var(--cream)}.pg{flex-direction:column;gap:12px;display:flex}.pg-title{letter-spacing:-.02em;color:var(--ink);margin:0;font-family:DM Sans,sans-serif;font-size:1.6rem;font-weight:800}.pg-sub{color:var(--muted);margin-top:-8px;font-size:.9rem}.pg-talk{background:var(--scene);color:#fff;border-radius:18px;flex-direction:column;gap:6px;padding:16px;display:flex}.pg-talk-tag{color:#f5c400;font-size:.75rem;font-weight:800}.pg-talk-line{font-size:1.1rem;font-weight:800;line-height:1.35}.pg-h{color:var(--ink);letter-spacing:0;margin:6px 0 0;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:800}.pg-list{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.pg-list li{color:var(--muted);align-items:center;gap:10px;font-size:.95rem;display:flex}.pg-list li:before{content:"";border:2px solid var(--border);box-sizing:border-box;border-radius:11px;flex-shrink:0;width:22px;height:22px}.pg-list li.done{color:var(--ink)}.pg-list li.done:before{content:"✓";color:#fff;background:#0f9d74;border:none;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.pg-list li.next{color:var(--ink)}.pg-list li.next:before{background:#f5c400;border:none}.pg-more{color:var(--muted);margin:-4px 0 0 32px;font-size:.82rem}.pg-go{background:var(--accent-cta);color:#fff;cursor:pointer;border:none;border-radius:12px;align-self:flex-start;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:800}.pg-stats{gap:10px;margin-top:4px;display:flex}.pg-stats div{background:var(--cream);border-radius:14px;flex-direction:column;flex:1;padding:12px;display:flex}.pg-stats strong{color:var(--ink);font-size:1.4rem;font-weight:800}.pg-stats span{color:var(--muted);font-size:.78rem}.pg-tip{color:#5c3d00;background:#fff4c7;border-radius:14px;padding:12px 14px;font-size:.9rem;line-height:1.45}body.dark .pg-tip{color:#fde68a;background:#f5c40024}.pg-detail{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding-top:12px;display:flex}.pg-detail span{color:var(--muted);margin-right:2px;font-size:.82rem;font-weight:700}.pg-detail button{background:var(--card);border:1.5px solid var(--border);color:var(--ink);cursor:pointer;border-radius:999px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:700}.pg-tabs{background:var(--cream);border-radius:12px;gap:4px;margin-bottom:18px;padding:4px;display:flex;overflow-x:auto}.pg-tabs button{min-width:max-content;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:8px 10px;font-family:DM Sans,sans-serif;font-size:.84rem;font-weight:700}.pg-tabs button.on{background:var(--accent-cta);color:#fff}.journey-stage-label-sub,.onboard-step-label,.form-group label,.tour-step-label,.stat-lbl,.summary-section h4,.pb-text strong,.level-badge,.news-example .ne-label,.challenge-banner strong,.actions-group-label,.mission-label,.opening-goal-label,.opening-phrase-label,.shadow-prompt strong,.sum-lbl,.fib-counter,.vq-prompt,.quiz-counter,.quiz-category,.settings-section-label,.dcc-label,.connection-label,.dialect-ex-label,.wpe-speaker,.intro-tag,.pm-stat-label,.spotlight-line-tag{text-transform:none;letter-spacing:0}.pr-group{margin-top:16px}.pr-h{letter-spacing:0;color:var(--ink);margin:0 0 8px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:800}.pr-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.pr-tile{background:var(--cream);text-align:left;cursor:pointer;color:var(--ink);border:none;border-radius:14px;flex-direction:column;align-items:flex-start;gap:2px;min-height:68px;padding:14px;font-family:DM Sans,sans-serif;display:flex}.pr-tile:active{background:var(--border)}.pr-tile-label{font-size:.95rem;font-weight:800;line-height:1.25}.pr-tile-sub{color:var(--muted);font-size:.8rem}.pr-progress{border:1.5px solid var(--border);width:100%;color:var(--ink);cursor:pointer;background:0 0;border-radius:14px;justify-content:space-between;align-items:center;margin:20px 0 8px;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:.92rem;font-weight:700;display:flex}.fm{flex-direction:column;width:100%;max-width:560px;min-height:100%;display:flex}.fm-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 16px;display:flex}.fm-avatar{color:#131f3b;background:#f5c400;border-radius:19px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:800;display:flex}.fm-who{flex-direction:column;flex:1;min-width:0;display:flex}.fm-who strong{color:var(--ink);font-size:1rem;font-weight:800}.fm-who span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.fm-dots{flex-shrink:0;gap:4px;display:flex}.fm-dots span{background:var(--border);border-radius:3px;width:14px;height:5px}.fm-dots span.ok{background:#0f9d74}.fm-dots span.miss{background:#e8836b}.fm-dots span.now{background:#f5c400}.fm-thread{flex-direction:column;flex:1;gap:8px;padding:18px 14px;display:flex}.fm-bubble{max-width:85%;color:var(--ink);border-radius:20px;padding:10px 14px;font-size:1.06rem;line-height:1.45}.fm-bubble.them{background:var(--bubble-ai);border-bottom-left-radius:6px;align-self:flex-start}.fm-bubble.past{opacity:.6;font-size:.95rem}.fm-gap{text-align:center;color:#a16207;border-bottom:2.5px solid #f5c400;min-width:56px;padding:0 4px;font-weight:800;display:inline-block}body.dark .fm-gap{color:#fcd34d}.fm-gap.correct{color:#0b6b4f;border-color:#0f9d74}body.dark .fm-gap.correct{color:#7ee0bd}.fm-gap.wrong{color:#b4432a;border-color:#e8836b}.fm-tools{flex-wrap:wrap;align-items:center;gap:12px;padding:0 4px;display:flex}.fm-tools button{color:var(--accent-text);cursor:pointer;background:0 0;border:none;padding:0;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:700}.fm-en{color:var(--muted);font-size:.84rem}.fm-tag{color:#a16207;background:#fff4c7;border-radius:999px;padding:2px 9px;font-size:.74rem;font-weight:700}body.dark .fm-tag{color:#fcd34d;background:#f5c40029}.fm-ask{color:var(--muted);padding:2px 4px;font-size:.86rem}.fm-feedback{color:var(--ink);border-radius:14px;padding:11px 14px;font-size:.92rem;line-height:1.6;display:block}.fm-feedback>button,.fm-feedback .speak-btn{vertical-align:middle;margin-left:6px}.fm-feedback.ok{background:#e2f6ee}.fm-feedback.miss{background:#fde8e1}.fm-feedback.try{background:#fff4c7}body.dark .fm-feedback.ok{background:#0f9d7433}body.dark .fm-feedback.miss{background:#e8836b2e}body.dark .fm-feedback.try{background:#f5c40024}.fm-say{color:var(--muted);font-size:.84rem}.fm-report{float:right;margin-left:8px}.fm-panel{padding:14px 16px calc(24px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg);position:sticky;bottom:0}.fm-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fm-option{background:var(--card);border:1.5px solid var(--border);color:var(--ink);cursor:pointer;border-radius:14px;padding:14px;font-family:DM Sans,sans-serif;font-size:1.05rem;font-weight:700}.fm-option.correct{color:#0b6b4f;background:#e2f6ee;border-color:#0f9d74}.fm-option.wrong{color:#b4432a;background:#fde8e1;border-color:#e8836b}.fm-option.dim{opacity:.5}.fm-type{flex-direction:column;gap:6px;display:flex}.fm-type-row{align-items:center;gap:8px;display:flex}.fm-input{background:var(--cream);border:1.5px solid var(--cream);min-width:0;color:var(--ink);border-radius:22px;flex:1;padding:11px 16px;font-family:DM Sans,sans-serif}.fm-input.correct{border-color:#0f9d74}.fm-input.wrong{border-color:#e8836b}.fm-mic{color:#131f3b;cursor:pointer;background:#f5c400;border:none;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.fm-mic.on{color:#fff;background:#e8836b}.fm-send{background:var(--accent-cta);color:#fff;cursor:pointer;border:none;border-radius:22px;padding:11px 16px;font-family:DM Sans,sans-serif;font-weight:800}.fm-left{color:var(--muted);text-align:center;font-size:.8rem}.fm-next{background:var(--accent-cta);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:14px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:800}.fm-option.reveal{color:#0b6b4f;border-color:#0f9d74}.sb-want{background:var(--cream);border-radius:14px;flex-direction:column;align-self:flex-start;gap:2px;max-width:85%;padding:10px 14px;display:flex}.sb-want span{color:var(--muted);font-size:.78rem;font-weight:700}.sb-want strong{color:var(--ink);font-size:1.02rem}.sb-reply{background:var(--accent-cta);border-radius:20px 20px 6px;flex-wrap:wrap;justify-content:flex-end;align-self:flex-end;align-items:center;gap:6px;min-width:60%;max-width:90%;min-height:48px;margin-top:6px;padding:10px 12px;transition:background .2s;display:flex}.sb-reply.correct{background:#0f9d74}.sb-reply.wrong{background:#e8836b}.sb-placeholder{color:#ffffffbf;font-size:.88rem}.sb-word{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:8px;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:700}.sb-bank{flex-wrap:wrap;gap:8px;min-height:40px;margin-bottom:12px;display:flex}.sb-tile{background:var(--card);border:1.5px solid var(--border);color:var(--ink);cursor:pointer;border-radius:10px;padding:8px 13px;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600}.sb-actions{gap:10px;display:flex}.sb-actions .fm-next{flex:2}.sb-show{border:1.5px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:14px;flex:1;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:700}.yw-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 4px;font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:800}.yw-sub{color:var(--muted);margin:0 0 18px;font-size:.9rem}.yw-due{background:var(--scene);border-radius:18px;align-items:center;gap:14px;margin-bottom:22px;padding:16px 18px;display:flex}.yw-due strong{color:#fff;font-size:1.05rem;font-weight:800;display:block}.yw-due span{color:var(--scene-text,#c9d4ee);margin-top:2px;font-size:.86rem;display:block}.yw-due button{color:#131f3b;cursor:pointer;background:#f5c400;border:none;border-radius:999px;flex-shrink:0;padding:10px 20px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:800}.yw-group{margin-bottom:20px}.yw-place{flex-direction:column;gap:1px;margin-bottom:9px;display:flex}.yw-place strong{color:var(--ink);font-size:.98rem;font-weight:800}.yw-place span{color:var(--muted);font-size:.8rem}.yw-chips{flex-wrap:wrap;gap:8px;display:flex}.yw-chip{text-align:left;background:var(--card);border:1.5px solid var(--border);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;flex-direction:column;align-items:flex-start;gap:1px;max-width:100%;padding:8px 12px;font-family:DM Sans,sans-serif;display:flex}.yw-chip strong{color:var(--ink);overflow-wrap:anywhere;font-size:.98rem;font-weight:700}.yw-chip span{color:var(--muted);overflow-wrap:anywhere;font-size:.78rem}.yw-chip.due{background:#fff4c7;border-color:#f5c400}.yw-chip.due span{color:#8a6a00}body.dark .yw-chip.due{background:#f5c40024;border-color:#f5c40099}body.dark .yw-chip.due span{color:#fcd34d}.yw-chip:active{transform:scale(.97)}.yw-more{border:1.5px dashed var(--border);color:var(--accent-text);cursor:pointer;background:0 0;border-radius:14px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:.85rem;font-weight:700}.yw-note{color:var(--muted);margin:4px 0 20px;font-size:.8rem}.yw-empty{background:var(--cream);border-radius:16px;flex-direction:column;gap:14px;padding:18px;display:flex}.yw-empty p{color:var(--ink);margin:0;font-size:.92rem;line-height:1.55}.yw-row{background:var(--card);border:1.5px solid var(--border);text-align:left;cursor:pointer;width:100%;color:var(--muted);border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:13px 16px;font-family:DM Sans,sans-serif;font-size:1.2rem;display:flex}.yw-row>span:first-child{flex-direction:column;gap:2px;display:flex}.yw-row strong{color:var(--ink);font-size:.95rem}.yw-row span span{color:var(--muted);font-size:.8rem}.yw-link{color:var(--accent-text);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px 0;font-family:DM Sans,sans-serif;font-size:.9rem;font-weight:700}.yw-pill{border:1.5px solid var(--border);background:var(--card);color:var(--muted);cursor:pointer;border-radius:999px;padding:4px 12px;font-family:DM Sans,sans-serif;font-size:.76rem;font-weight:700}.yw-pill.on{background:var(--accent-cta);border-color:var(--accent-cta);color:#fff}.yw-hit{color:#a16207}body.dark .yw-hit{color:#fcd34d}.yw-audio{cursor:pointer;border:none;align-items:center;gap:10px;font-family:DM Sans,sans-serif;font-weight:700;display:flex}.yw-play{color:#131f3b;background:#f5c400;border-radius:17px;justify-content:center;align-items:center;width:34px;height:34px;font-size:.85rem;display:flex}.yw-mine{background:var(--accent-cta);color:#fff;overflow-wrap:anywhere;border-radius:20px 20px 6px;align-self:flex-end;max-width:85%;padding:10px 14px;font-size:1.02rem;font-weight:600}.yw-mine.ok{background:#0f9d74}.yw-mine.miss{background:#e8836b}.yw-grades{gap:8px;display:flex}.yw-grades button{background:var(--card);border:1.5px solid var(--border);cursor:pointer;border-radius:14px;flex:1;padding:13px 6px;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:800}.yw-grades .miss{color:#b4432a;border-color:#e8836b}.yw-grades .try{color:#8a6a00;border-color:#f5c400}.yw-grades .ok{color:#fff;background:#0f9d74;border-color:#0f9d74}body.dark .yw-grades .miss{color:#f4a892}body.dark .yw-grades .try{color:#fcd34d}.yw-score{background:var(--cream);border-radius:16px;flex-direction:column;gap:3px;padding:18px;display:flex}.yw-score strong{color:var(--ink);font-size:1.6rem;font-weight:800}.yw-score span{color:var(--muted);font-size:.88rem}.nm-tag{background:#fff4c7;border:2px dashed #f5c400;border-radius:14px;flex-direction:column;align-self:center;align-items:center;gap:2px;margin-bottom:6px;padding:10px 22px;display:flex;transform:rotate(-2deg)}.nm-tag span{color:#8a6a00;font-size:.85rem;font-weight:700}.nm-tag strong{color:#131f3b;font-size:1.4rem;font-weight:800}.nm-tag.ok{background:#e2f6ee;border-color:#0f9d74}.nm-tag.ok span{color:#0b6b4f}.nm-tag.miss{background:#fde8e1;border-color:#e8836b}.nm-tag.miss span{color:#b4432a}body.dark .nm-tag{background:#f5c40024}body.dark .nm-tag span{color:#fcd34d}body.dark .nm-tag strong{color:#fff}body.dark .nm-tag.ok{background:#0f9d7433}body.dark .nm-tag.ok span{color:#7ee0bd}body.dark .nm-tag.miss{background:#e8836b2e}body.dark .nm-tag.miss span{color:#f4a892}.nm-recap{border:1.5px solid var(--border);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.nm-recap>div{color:var(--ink);justify-content:space-between;padding:11px 14px;font-size:.92rem;display:flex}.nm-recap>div+div{border-top:1px solid var(--border)}.nm-recap strong{color:#b4432a}.nm-recap strong.ok{color:#0f9d74}body.dark .nm-recap strong{color:#f4a892}body.dark .nm-recap strong.ok{color:#7ee0bd}.fm>.scene-backdrop{flex-shrink:0}.rd-formats{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rd-format{text-align:left;background:var(--card);border:1.5px solid var(--border);cursor:pointer;border-radius:16px;flex-direction:column;align-items:flex-start;gap:4px;padding:14px;font-family:DM Sans,sans-serif;display:flex}.rd-format strong{color:var(--ink);font-size:.95rem;line-height:1.3}.rd-format>span:last-child{color:var(--muted);font-size:.8rem;line-height:1.4}.rd-format.wide{background:var(--scene);border-color:var(--scene);grid-column:1/-1}.rd-format.wide strong{color:#fff}.rd-format.wide span{color:var(--scene-text,#c9d4ee)}.rd-icon{background:var(--cream);border-radius:9px;width:30px;height:30px;margin-bottom:4px;position:relative}.rd-icon:after{content:"";border-radius:4px;position:absolute;inset:8px}.rd-icon-chat{background:#e2f6ee}.rd-icon-chat:after{background:#0f9d74;border-radius:8px 8px 8px 2px}.rd-icon-menu{background:#fff4c7}.rd-icon-menu:after{border-top:2px solid #a16207;border-bottom:2px solid #a16207;inset:9px 8px}.rd-icon-notice{background:#fde8e1}.rd-icon-notice:after{background:#fff;border:1.5px solid #e8836b;inset:7px 9px}.rd-icon-post{background:#e3ebff}.rd-icon-post:after{background:var(--accent-cta);border-radius:50%;inset:9px}.rd-icon-story{background:var(--cream)}.rd-icon-story:after{border-left:2px solid var(--muted);border-right:2px solid var(--muted);inset:8px 10px}body.dark .rd-icon-chat,body.dark .rd-icon-menu,body.dark .rd-icon-notice,body.dark .rd-icon-post{background:var(--cream)}.rd-doc{background:var(--card);border:1.5px solid var(--border);color:var(--ink);border-radius:18px;padding:16px;font-size:.98rem}.rd-kicker{color:var(--accent-text);margin-bottom:6px;font-size:.8rem;font-weight:700}.rd-title{color:var(--ink);margin-bottom:8px;font-size:1.08rem;font-weight:800}.rd-play{color:#131f3b;cursor:pointer;background:#f5c400;border:none;border-radius:34px;width:68px;height:68px;font-size:1.4rem}.rd-chat{padding:0;overflow:hidden}.rd-chat-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:12px 14px;display:flex}.rd-chat-body{background:var(--bg);flex-direction:column;gap:6px;padding:14px 12px;display:flex}.rd-msg{max-width:90%;font-size:.98rem}.rd-from{margin-bottom:2px;font-size:.78rem;font-weight:800}.rd-menu{background:#fffaf0;border-color:#ecdcb0;padding:20px 18px}body.dark .rd-menu{background:var(--card);border-color:var(--border)}.rd-menu-title{text-align:center;color:var(--ink);margin-bottom:12px;font-family:Playfair Display,serif;font-size:1.4rem;font-weight:700}.rd-menu-section+.rd-menu-section{margin-top:14px}.rd-menu-name{color:#a16207;border-bottom:1.5px solid #f5c400;margin-bottom:8px;padding-bottom:4px;font-size:.8rem;font-weight:800}body.dark .rd-menu-name{color:#fcd34d}.rd-menu-item{margin-bottom:8px}.rd-menu-row{align-items:baseline;gap:6px;display:flex}.rd-menu-row>span{font-weight:700}.rd-menu-row i{border-bottom:1.5px dotted var(--border);flex:1;min-width:12px;transform:translateY(-4px)}.rd-menu-row strong{white-space:nowrap}.rd-menu-desc{color:var(--muted);font-size:.84rem}.rd-menu-note{color:var(--muted);text-align:center;margin-top:14px;font-size:.84rem;font-style:italic}.rd-notice{box-shadow:0 2px 0 var(--border),0 6px 18px #131f3b14;background:#fff;border:none;margin-top:8px;padding:22px 18px 16px;position:relative;transform:rotate(-.6deg)}body.dark .rd-notice{background:var(--card)}.rd-pin{background:#e8836b;border-radius:8px;width:16px;height:16px;position:absolute;top:-7px;left:50%;transform:translate(-50%);box-shadow:0 2px 3px #0003}.rd-sign{text-align:right;color:var(--muted);margin-top:12px;font-size:.88rem;font-weight:700}.rd-replies{border-top:1px solid var(--border);flex-direction:column;gap:8px;margin-top:12px;padding-top:10px;font-size:.92rem;display:flex}.rd-replies strong{color:var(--ink)}.rd-replies>div>div{display:inline}.rd-vocab{border:1.5px solid var(--border);border-radius:14px;flex-direction:column;gap:8px;margin-top:10px;padding:10px 12px;display:flex}.rd-vocab>div{align-items:center;gap:8px;display:flex}.rd-vocab strong{color:var(--ink);font-size:.92rem}.rd-vocab span{text-align:right;color:var(--muted);flex:1;font-size:.84rem}.rd-ask{margin-top:16px}.rd-asker{color:var(--muted);align-items:center;gap:8px;margin-bottom:8px;font-size:.84rem;display:flex}.rd-asker strong{color:var(--ink)}.rd-options{grid-template-columns:1fr;gap:8px;display:grid}.rd-options .fm-option{text-align:left;padding:12px 14px;font-size:.95rem}body.dark .fm-option.correct{color:#7ee0bd;background:#0f9d7433}body.dark .fm-option.wrong{color:#f4a892;background:#e8836b2e}body.dark .fm-option.reveal{color:#7ee0bd}.ne-tabs{background:var(--cream);border-radius:999px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.ne-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;flex:1;padding:9px 6px;font-family:DM Sans,sans-serif;font-size:.88rem;font-weight:700}.ne-tabs button.on{background:var(--card);color:var(--ink);box-shadow:0 1px 3px #131f3b1f}.ne-hero{background:var(--scene);border-radius:20px;flex-direction:column;gap:10px;margin-bottom:16px;padding:18px;display:flex}.ne-kicker{color:#f5c400;font-size:.8rem;font-weight:700}.ne-quote{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:12px;padding:0;font-family:DM Sans,sans-serif;display:flex}.ne-quote strong{color:#fff;font-size:1.45rem;font-weight:800;line-height:1.25}.ne-hero p{color:var(--scene-text,#c9d4ee);margin:0;font-size:.9rem;line-height:1.55}.ne-hear{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;font-size:.82rem;display:flex}.ne-h{color:var(--ink);margin:20px 0 10px;font-size:.95rem;font-weight:800}.ne-list{flex-direction:column;gap:8px;display:flex}.ne-row{background:var(--card);border:1.5px solid var(--border);border-radius:16px;overflow:hidden}.ne-row.open{border-color:#f5c400}.ne-row-head{text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:13px 14px;font-family:DM Sans,sans-serif;display:flex}.ne-row-head strong{color:var(--ink);font-size:1.02rem;display:block}.ne-row-head span span{color:var(--muted);margin-top:2px;font-size:.82rem;display:block}.ne-chev{background:var(--cream);width:26px;height:26px;color:var(--muted);border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;font-weight:800;display:flex}.ne-detail{flex-direction:column;gap:8px;padding:0 14px 12px;display:flex}.ne-detail>p{color:var(--ink);margin:0;font-size:.9rem;line-height:1.55}.ne-detail .ne-note{color:var(--muted);font-size:.84rem}.ne-ex{background:var(--cream);text-align:left;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:10px;padding:9px 12px;font-family:DM Sans,sans-serif;display:flex}.ne-ex strong{color:var(--ink);font-size:.95rem;display:block}.ne-ex span span{color:var(--muted);font-size:.8rem;display:block}.ne-actions{flex-direction:column;align-items:center;gap:10px;margin-top:20px;display:flex}.ne-actions .sb-show{width:100%}.ne-compare{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px;display:flex}.ne-careful{background:#fff4c7;border:1.5px solid #f5c400;border-radius:18px;margin-bottom:6px;padding:14px 16px}.ne-careful strong{color:#131f3b;margin-bottom:4px;font-size:1rem;display:block}.ne-careful p{color:#4a3a00;margin:0;font-size:.9rem;line-height:1.55}body.dark .ne-careful{background:#f5c40024;border-color:#f5c40080}body.dark .ne-careful strong{color:#fcd34d}body.dark .ne-careful p{color:var(--ink)}.ne-card{background:var(--card);border:1.5px solid var(--border);border-radius:16px;margin-bottom:8px;padding:14px 16px}.ne-card p{color:var(--muted);margin:8px 0 0;font-size:.86rem;line-height:1.55}.ne-words{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ne-w{background:var(--cream);border:1.5px solid #0000;border-radius:10px;flex-direction:column;align-items:flex-start;padding:5px 10px;display:flex}.ne-w strong{color:var(--ink);font-size:.95rem}.ne-w span{color:var(--muted);font-size:.7rem}.ne-w.mine{background:var(--accent-cta)}.ne-w.mine strong,.ne-w.mine span{color:#fff}.ne-w.yours{border-color:var(--accent-cta)}.ne-arrow{color:var(--muted);font-weight:700}.ne-false{border-left:4px solid #e8836b}.ne-false-title{color:var(--ink);font-size:.95rem}.ne-more{color:#fff;cursor:pointer;background:0 0;border:1.5px solid #ffffff4d;border-radius:999px;align-self:flex-start;padding:6px 14px;font-family:DM Sans,sans-serif;font-size:.82rem;font-weight:700}