body{color:#fff;background:#131f24;font-family:Nunito,Segoe UI,system-ui,sans-serif}#root{min-height:100vh}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#58cc02;--green-dk:#45a800;--blue:#1cb0f6;--blue-dk:#0e8fc7;--orange:#ff9600;--red:#ff4b4b;--yellow:#ffd900;--purple:#ce82ff;--amber:#f59e0b;--bg:#0f1923;--surface:#1a2535;--surface2:#223044;--border:#2a3d52;--text:#f0f4f8;--muted:#6b8499;--radius:14px;--radius-lg:22px;--overlay-sm:#ffffff0d;--overlay-md:#ffffff14;--overlay-lg:#ffffff1f;--overlay-hover:#ffffff12;--bar-track:#ffffff1a;--btn-text:#fff}body.light{--bg:#f5f7fa;--surface:#fff;--surface2:#edf0f5;--border:#d8dde6;--text:#0f1923;--muted:#5a6a7a;--overlay-sm:#00000008;--overlay-md:#0000000d;--overlay-lg:#00000014;--overlay-hover:#0000000d;--bar-track:#00000014;--btn-text:#fff}body.light .path-back-btn:hover,body.light .path-logout-btn:hover,body.light .conv-back-btn:hover,body.light .conv-logout-btn:hover,body.light .logout-btn:hover,body.light .shop-back-btn:hover,body.light .profile-back-btn:hover,body.light .tutor-close:hover,body.light .conv-mode-switch-btn:hover{background:var(--overlay-hover)}body.light .conv-side-btn:hover{background:var(--overlay-lg)}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Nunito,Segoe UI,system-ui,sans-serif}.theme-toggle{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;padding:5px 8px;font-size:16px;line-height:1;transition:border-color .15s}.theme-toggle:hover{border-color:var(--muted)}.global-theme-toggle{z-index:1000;background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:8px;padding:5px 8px;font-size:16px;line-height:1;transition:border-color .15s,background .15s;position:fixed;top:14px;right:14px;box-shadow:0 2px 8px #00000026}.global-theme-toggle:hover{border-color:var(--muted)}.offline-banner{z-index:2000;background:var(--surface);border:1px solid #fbbf2473;border-radius:14px;align-items:flex-start;gap:10px;width:min(360px,100vw - 32px);padding:12px 14px;animation:.25s offline-drop;display:flex;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 32px #00000073}@keyframes offline-drop{0%{opacity:0;transform:translate(-50%)translateY(-10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.offline-banner-body{flex:1;align-items:flex-start;gap:10px;display:flex}.offline-banner-icon{flex-shrink:0;font-size:20px;line-height:1.2}.offline-banner-text{flex-direction:column;gap:6px;display:flex}.offline-banner-text strong{color:var(--text);font-size:13px}.offline-banner-rows{grid-template-columns:1fr 1fr;gap:3px 12px;display:grid}.offline-row{font-size:12px}.offline-row--ok{color:#4ade80}.offline-row--no{color:var(--muted)}.offline-banner-close{color:var(--muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;margin-top:1px;padding:0 2px;font-size:14px;line-height:1}.offline-banner-close:hover{color:var(--text)}.app{max-width:500px;min-height:100vh;margin:0 auto;position:relative;overflow-x:hidden}button{cursor:pointer;border:none;font-family:inherit}input{font-family:inherit}.select-screen{flex-direction:column;align-items:center;gap:0;min-height:100vh;padding:0 24px 40px;display:flex}.select-topbar{justify-content:flex-end;width:100%;padding:14px 0 0;display:flex}.select-logout-btn:hover{color:var(--text);border-color:var(--lumi)}.select-hero{text-align:center;text-align:center;margin-top:28px;margin-bottom:36px}.select-owl{filter:drop-shadow(0 6px 16px #00000080);margin-bottom:12px;font-size:72px;display:block}.select-title{color:var(--green);letter-spacing:-1px;text-transform:lowercase;font-size:44px;font-weight:900}.select-sub{color:var(--muted);margin-top:8px;font-size:15px}.select-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);align-self:flex-start;margin-bottom:12px;padding-left:2px;font-size:11px;font-weight:800}.course-list{flex-direction:column;gap:12px;width:100%;display:flex}.course-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);text-align:left;align-items:center;gap:16px;padding:18px 20px;transition:all .15s;display:flex;position:relative;overflow:hidden}.course-card:before{content:"";background:var(--accent,var(--green));width:4px;position:absolute;top:0;bottom:0;left:0}.course-card:hover{border-color:var(--accent,var(--green));transform:translateY(-2px);box-shadow:0 8px 28px #00000059}.course-flags{flex-shrink:0;align-items:center;gap:6px;font-size:30px;display:flex}.course-arrow-icon{color:var(--text);font-size:14px}.course-info{flex-direction:column;flex:1;display:flex}.course-name{color:var(--text);font-size:17px;font-weight:800}.course-tagline{color:var(--accent,var(--lumi));opacity:.9;margin-top:2px;font-size:12px;font-weight:700}.select-method-note{color:var(--muted);text-align:center;max-width:320px;margin-top:28px;font-size:12px;line-height:1.6}.dashboard{min-height:100vh;padding:0 0 80px}.dash-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.back-btn,.reset-btn{color:var(--muted);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:20px;transition:color .15s,background .15s;display:flex}.back-btn:hover{color:var(--text);background:var(--surface)}.reset-btn:hover{color:var(--red);background:#ff4b4b1a}.dash-course-tag{align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.dash-course-name{color:var(--muted)}.stat-row{grid-template-columns:repeat(4,1fr);gap:10px;padding:20px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.stat-num{color:var(--text);font-size:22px;font-weight:900}.stat-lbl{color:var(--muted);font-size:11px;font-weight:700}.due-banner{border-radius:var(--radius);color:var(--orange);background:#ff96001f;border:1px solid #ff96004d;align-items:center;gap:10px;margin:0 20px 16px;padding:12px 16px;font-size:14px;display:flex}.next-story-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);margin:0 20px 20px;padding:16px 20px}.next-story-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:800}.next-story-info{align-items:center;gap:14px;display:flex}.next-story-emoji{font-size:40px}.next-story-title{font-size:18px;font-weight:800}.next-story-sub{color:var(--muted);margin-top:2px;font-size:13px}.progress-block{padding:0 20px 20px}.progress-row-label{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.prog-bar-bg{background:var(--surface2);border-radius:999px;height:8px;overflow:hidden}.prog-bar-fill{background:var(--green);border-radius:999px;height:100%;transition:width .4s}.start-btn{background:var(--green);border-radius:var(--radius-lg);color:#fff;text-align:center;letter-spacing:.3px;width:calc(100% - 40px);box-shadow:0 5px 0 var(--green-dk);margin:0 20px 24px;padding:18px;font-size:17px;font-weight:900;transition:all .15s;display:block}.start-btn:hover{filter:brightness(1.08);box-shadow:0 7px 0 var(--green-dk);transform:translateY(-2px)}.start-btn:active{box-shadow:0 2px 0 var(--green-dk);transform:translateY(3px)}.method-pills{flex-wrap:wrap;gap:8px;padding:0 20px;display:flex}.method-pill{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;display:flex}.session-screen{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.session-topbar{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.exit-session-btn{color:var(--muted);background:0 0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;transition:color .15s;display:flex}.exit-session-btn:hover{color:var(--red)}.session-progress-wrap{flex:1;align-items:center;gap:8px;display:flex}.session-progress-bg{background:var(--surface2);border-radius:999px;flex:1;height:10px;overflow:hidden}.session-progress-fill{background:var(--green);border-radius:999px;height:100%;transition:width .3s}.session-progress-label,.session-activity-label{color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.session-body{flex:1;padding:0 0 40px;overflow-y:auto}.activity-card{flex-direction:column;gap:16px;padding:20px;display:flex}.activity-tag{background:var(--surface2);border:1px solid var(--border);color:var(--muted);text-transform:uppercase;letter-spacing:.8px;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:4px 14px;font-size:12px;font-weight:800;display:inline-flex}.srs-tag{color:var(--blue);background:#1cb0f614;border-color:#1cb0f64d}.activity-direction{color:var(--muted);font-size:14px;font-weight:600}.story-reader{flex-direction:column;gap:0;display:flex}.story-header{flex-direction:column;gap:12px;padding:20px 20px 0;display:flex}.story-meta{align-items:flex-start;gap:14px;display:flex}.story-emoji{flex-shrink:0;font-size:44px}.story-title{font-size:22px;font-weight:900}.story-title-trans{color:var(--muted);margin-top:2px;font-size:13px}.story-level{color:var(--orange);white-space:nowrap;background:#ff96001a;border:1px solid #ff96004d;border-radius:999px;margin-left:auto;padding:3px 10px;font-size:12px;font-weight:800}.story-context{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;font-size:14px;line-height:1.6}.story-hint{color:var(--muted);align-items:center;gap:8px;font-size:12px;display:flex}.story-body{flex-direction:column;gap:18px;padding:24px 20px;display:flex}.story-para{color:var(--text);font-size:17px;font-weight:500;line-height:1.9}.story-word{cursor:pointer;border-bottom:2px solid #0000;padding:1px;transition:all .15s;display:inline;position:relative}.story-word.tappable{color:var(--blue);border-bottom-color:#1cb0f659}.story-word.tappable:hover{border-bottom-color:var(--blue);background:#1cb0f61f;border-radius:4px}.story-word.tapped{color:var(--muted);border-bottom-color:#6b849959}.tapped-summary{padding:0 20px}.tapped-count{color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:13px;display:inline-block}.story-reflection{flex-direction:column;gap:12px;padding:0 20px 20px;display:flex}.reflection-q{text-align:center;font-size:16px;font-weight:700}.reflection-opts{gap:10px;display:flex}.reflection-btn{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);flex-direction:column;flex:1;align-items:center;gap:4px;padding:14px 8px;transition:all .12s;display:flex}.reflection-btn:hover{border-color:var(--green);transform:translateY(-2px)}.refl-label{font-size:14px;font-weight:800}.refl-sub{color:var(--muted);font-size:12px}.word-tooltip{z-index:100;background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);pointer-events:none;min-width:160px;max-width:240px;padding:12px 16px;position:fixed;box-shadow:0 8px 32px #00000080}.tooltip-word{color:var(--blue);font-size:18px;font-weight:900}.tooltip-translation{margin-top:4px;font-size:15px;font-weight:700}.tooltip-example{color:var(--muted);margin-top:6px;font-size:12px;font-style:italic;line-height:1.5}.mc-options{flex-direction:column;gap:10px;display:flex}.mc-option{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);color:var(--text);text-align:left;padding:14px 18px;font-size:15px;font-weight:700;transition:all .12s}.mc-option:hover:not(:disabled){border-color:var(--blue);background:#1cb0f614}.opt-selected{border-color:var(--blue);background:#1cb0f61f}.opt-correct{border-color:var(--green)!important;color:var(--green)!important;background:#58cc021f!important}.opt-wrong{text-decoration:line-through;border-color:var(--red)!important;color:var(--red)!important;background:#ff4b4b1f!important}.opt-correct-reveal{background:#58cc020f!important;border-color:#58cc0266!important}.fill-sentence{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;font-size:18px;font-weight:700;line-height:1.8}.fill-blank-slot{border-bottom:3px solid var(--border);background:var(--surface2);text-align:center;border-radius:6px;min-width:80px;padding:2px 10px;transition:all .15s;display:inline-block}.slot-filled{border-bottom-color:var(--blue);color:var(--blue);background:#1cb0f61a}.slot-correct{border-bottom-color:var(--green);color:var(--green);background:#58cc021f}.slot-wrong{border-bottom-color:var(--red);color:var(--red);background:#ff4b4b1f}.fill-translation{color:var(--muted);font-size:13px;font-style:italic}.recall-prompt{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:10px;padding:24px 20px;display:flex}.recall-translation{text-align:center;font-size:26px;font-weight:900}.recall-example{color:var(--muted);text-align:center;font-size:13px;font-style:italic;line-height:1.5}.recall-input{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);outline:none;padding:16px 18px;font-size:18px;font-weight:700;transition:border-color .15s}.recall-input:focus{border-color:var(--blue)}.recall-input::placeholder{color:var(--muted);font-weight:400}.input-correct{color:var(--green);border-color:var(--green)!important}.input-wrong{color:var(--red);border-color:var(--red)!important}.rp-scenario{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:flex-start;gap:10px;padding:14px 16px;font-size:14px;font-weight:700;line-height:1.5;display:flex}.rp-progress{gap:6px;display:flex}.rp-dot{border-radius:50%;width:10px;height:10px}.dot-done{background:var(--green)}.dot-active{background:var(--blue)}.dot-future{background:var(--surface2);border:1px solid var(--border)}.rp-bubble{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:flex-start;gap:12px;padding:16px;display:flex}.rp-speaker-icon{flex-shrink:0;font-size:28px}.rp-npc-name{color:var(--muted);text-transform:uppercase;margin-bottom:4px;font-size:12px;font-weight:700}.rp-line{font-size:17px;font-weight:700;line-height:1.5}.rp-translation{color:var(--muted);margin-top:4px;font-size:13px;font-style:italic}.rp-instruction{color:var(--muted);font-size:14px;font-weight:600}.rp-choice{text-align:left;flex-direction:column;gap:3px;display:flex!important}.choice-text{font-size:15px;font-weight:700}.choice-trans{color:var(--muted);font-size:12px;font-weight:600}.rp-done-score{text-align:center;color:var(--green);font-size:28px;font-weight:900}.rp-history{flex-direction:column;gap:10px;display:flex}.rp-hist-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:6px;padding:12px 14px;display:flex}.hist-correct{border-color:#58cc024d}.hist-wrong{border-color:#ff4b4b4d}.hist-npc{color:var(--muted);font-size:13px}.hist-user{font-size:14px;font-weight:700}.srs-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:160px;padding:32px 24px;display:flex}.srs-word{text-align:center;font-size:32px;font-weight:900}.srs-translation{color:var(--blue);text-align:center;font-size:22px;font-weight:800}.srs-example{color:var(--muted);text-align:center;flex-direction:column;gap:2px;font-size:13px;font-style:italic;line-height:1.6;display:flex}.srs-example-label{text-transform:uppercase;letter-spacing:1px;font-size:10px;font-style:normal;font-weight:700}.reveal-btn{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius);color:var(--muted);padding:10px 24px;font-size:14px;font-weight:700;transition:all .15s}.reveal-btn:hover{border-color:var(--blue);color:var(--blue)}.srs-rate-prompt{color:var(--muted);font-size:14px;font-weight:600}.srs-rating{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rate-btn{border-radius:var(--radius);border:2px solid #0000;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;font-weight:700;transition:all .12s;display:flex}.rate-label{font-size:14px}.rate-sub{opacity:.75;font-size:11px}.rate-fail{color:var(--red);background:#ff4b4b26;border-color:#ff4b4b4d}.rate-hard{color:var(--orange);background:#ff960026;border-color:#ff96004d}.rate-good{color:var(--blue);background:#1cb0f626;border-color:#1cb0f64d}.rate-easy{color:var(--green);background:#58cc0226;border-color:#58cc024d}.rate-btn:hover{filter:brightness(1.15);transform:translateY(-2px)}.primary-btn{background:var(--green);border-radius:var(--radius);color:#fff;text-transform:uppercase;letter-spacing:.5px;width:100%;box-shadow:0 4px 0 var(--green-dk);margin-top:4px;padding:16px;font-size:16px;font-weight:900;transition:all .15s}.primary-btn:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 6px 0 var(--green-dk);transform:translateY(-2px)}.primary-btn:active:not(:disabled){box-shadow:0 2px 0 var(--green-dk);transform:translateY(2px)}.primary-btn:disabled{background:var(--surface2);color:var(--muted);box-shadow:0 4px 0 var(--border);cursor:not-allowed}.feedback-strip{border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:14px;font-weight:700;line-height:1.4;display:flex}.fb-correct{color:var(--green);background:#58cc021f;border:1px solid #58cc024d}.fb-wrong{color:var(--red);background:#ff4b4b1f;border:1px solid #ff4b4b4d}.continue-sm-btn{color:inherit;white-space:nowrap;opacity:.85;background:0 0;border:none;font-size:14px;font-weight:800;transition:opacity .15s}.continue-sm-btn:hover{opacity:1}.results-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:40px 24px;display:flex}.results-hero{flex-direction:column;align-items:center;gap:12px;display:flex}.results-anim{font-size:80px;animation:.8s infinite alternate bounce}@keyframes bounce{0%{transform:translateY(0)scale(1)}to{transform:translateY(-14px)scale(1.05)}}.results-title{color:var(--green);font-size:30px;font-weight:900}.results-sub{color:var(--muted);max-width:280px;font-size:15px;line-height:1.6}.results-stats{grid-template-columns:repeat(2,1fr);gap:12px;width:100%;display:grid}.res-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:4px;padding:18px 8px;display:flex}.res-stat-num{font-size:28px;font-weight:900}.res-stat-lbl{color:var(--muted);font-size:12px;font-weight:700}.results-science{border-radius:var(--radius);text-align:left;background:#1cb0f614;border:1px solid #1cb0f640;align-items:flex-start;gap:12px;padding:16px 18px;display:flex}.science-icon{flex-shrink:0;font-size:24px}.science-tip{color:var(--muted);font-size:13px;line-height:1.6}.science-tip strong{color:var(--blue)}.results-screen .primary-btn{width:100%;max-width:320px}.results-avatar-wrap{filter:drop-shadow(0 0 18px);animation:.5s cubic-bezier(.34,1.56,.64,1) both avatar-pop}@keyframes avatar-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.results-levelup{flex-direction:column;align-items:center;gap:10px;display:flex;position:relative}.levelup-glow{background:radial-gradient(ellipse at center, var(--lvl-color,gold) 0%, transparent 70%);opacity:.18;pointer-events:none;border-radius:50%;animation:1.4s ease-in-out infinite alternate glow-pulse;position:absolute;inset:-40px}@keyframes glow-pulse{0%{opacity:.12;transform:scale(.9)}to{opacity:.28;transform:scale(1.1)}}.levelup-title{color:gold!important;font-size:34px!important}.levelup-subtitle{letter-spacing:.5px;font-size:18px;font-weight:800}.results-xp-progress{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:16px 18px}.rxp-header{justify-content:space-between;margin-bottom:10px;display:flex}.rxp-label{font-size:13px;font-weight:800}.rxp-next{color:var(--muted);font-size:12px}.rxp-bar-bg{background:var(--bar-track);border-radius:99px;height:8px;overflow:hidden}.rxp-bar-fill{border-radius:99px;height:100%;transition:width .8s cubic-bezier(.22,1,.36,1)}.rxp-counts{color:var(--muted);justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.level-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:14px;width:100%;padding:14px 16px;display:flex}.level-card-info{flex:1;min-width:0}.level-card-top{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.level-card-title{font-size:15px;font-weight:900}.level-card-next{color:var(--muted);white-space:nowrap;font-size:11px}.level-bar-bg{background:var(--bar-track);border-radius:99px;height:7px;overflow:hidden}.level-bar-fill{border-radius:99px;height:100%;transition:width .6s}.level-bar-counts{color:var(--muted);margin-top:4px;font-size:11px}.vocab-intro{flex-direction:column;align-items:center;gap:24px;min-height:480px;padding:24px 20px 32px;display:flex}.vocab-intro-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--blue);font-size:12px;font-weight:800}.vocab-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:min(480px,100vw - 24px);padding:36px 28px;display:flex}.vocab-emoji{filter:drop-shadow(0 4px 12px #0006);font-size:64px;line-height:1}.vocab-word{letter-spacing:-1px;color:var(--text);font-size:42px;font-weight:900}.vocab-translation{color:var(--green);font-size:20px;font-weight:700}.vocab-example-wrap{background:var(--surface2);border-radius:10px;width:100%;padding:12px 16px}.vocab-example{color:var(--text);margin-bottom:4px;font-size:15px;font-weight:700}.vocab-example-tr{color:var(--muted);font-size:13px;font-style:italic}.vocab-reveal-btn{background:var(--surface2);color:var(--muted);border:1px dashed var(--border);border-radius:10px;width:100%;padding:12px 24px;font-size:15px;font-weight:600;transition:all .15s}.vocab-reveal-btn:hover{background:var(--border);color:var(--text)}.comprehension{flex-direction:column;gap:20px;padding:24px 20px;display:flex}.comprehension-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--orange);font-size:12px;font-weight:800}.comprehension-question{color:var(--text);font-size:22px;font-weight:800;line-height:1.3}.comprehension-options{flex-direction:column;gap:10px;display:flex}.comp-option{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);color:var(--text);text-align:left;padding:16px 18px;font-size:16px;font-weight:600;transition:all .15s}.comp-option:hover:not(:disabled){border-color:var(--blue);background:var(--surface2)}.comp-option.correct{border-color:var(--green);color:var(--green);background:#58cc021f}.comp-option.wrong{border-color:var(--red);color:var(--red);background:#ff4b4b1f;text-decoration:line-through}.comp-feedback{border-radius:var(--radius);align-items:center;gap:10px;padding:14px 18px;font-size:15px;font-weight:700;display:flex}.comp-feedback.correct{color:var(--green);background:#58cc0226}.comp-feedback.wrong{color:var(--red);background:#ff4b4b26}.comp-feedback-icon{font-size:18px}.lesson-path{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.lesson-path-header{text-transform:uppercase;letter-spacing:1px;color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;font-weight:800;display:flex}.lesson-path-count{color:var(--green)}.lesson-list{flex-direction:column;gap:8px;display:flex}.lesson-item{background:var(--surface2);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.lesson-item.current{border-color:var(--green);background:#58cc020f}.lesson-item.complete{opacity:.65}.lesson-item.locked{opacity:.4}.lesson-icon{flex-shrink:0;font-size:22px}.lesson-info{flex:1}.lesson-title{color:var(--text);font-size:15px;font-weight:700}.lesson-sub{color:var(--muted);margin-top:2px;font-size:12px}.lesson-badge{text-transform:uppercase;letter-spacing:.8px;background:var(--green);color:#000;border-radius:20px;padding:3px 8px;font-size:11px;font-weight:800}.lesson-redo-btn{background:var(--surface2);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:8px;flex-shrink:0;padding:4px 10px;font-size:14px;transition:background .15s,color .15s}.lesson-redo-btn:hover{background:var(--overlay-lg);color:var(--text)}.session-flow-preview{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 18px}.flow-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:12px;font-size:12px;font-weight:800}.flow-steps{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.flow-step{color:var(--muted);text-align:center;flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:700;display:flex}.flow-step-icon{font-size:20px}.flow-arrow{color:var(--border);font-size:16px;font-weight:700}.course-complete-banner{border:1px solid var(--green);border-radius:var(--radius);text-align:center;color:var(--green);background:#58cc021a;padding:16px;font-size:15px;font-weight:600}.tutor-fab{cursor:pointer;z-index:100;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;transition:transform .15s,box-shadow .15s;display:flex;position:fixed;bottom:28px;right:24px;box-shadow:0 4px 20px #7c3aed80}.tutor-fab:hover{transform:scale(1.08);box-shadow:0 6px 24px #7c3aedb3}.tutor-fab:active{transform:scale(.95)}.tutor-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.tutor-panel{background:var(--surface);border-top:1px solid #7c3aed66;border-radius:20px 20px 0 0;flex-direction:column;width:100%;max-width:480px;height:70vh;display:flex;overflow:hidden}.tutor-header{border-bottom:1px solid var(--border);background:#7c3aed1a;justify-content:space-between;align-items:center;padding:16px 20px;font-size:15px;font-weight:700;display:flex}.tutor-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:18px}.tutor-close:hover{color:var(--text);background:#ffffff14}.tutor-messages{flex-direction:column;flex:1;gap:10px;padding:16px;display:flex;overflow-y:auto}.tutor-welcome p{color:var(--text-muted);margin:0 0 10px;font-size:14px;line-height:1.5}.tutor-suggestions{flex-wrap:wrap;gap:6px;display:flex}.tutor-suggestion{color:#a78bfa;cursor:pointer;background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:100px;padding:5px 12px;font-size:12px;transition:background .12s}.tutor-suggestion:hover{background:#7c3aed47}.tutor-msg{align-items:flex-start;gap:8px;max-width:88%;display:flex}.tutor-msg--user{flex-direction:row-reverse;align-self:flex-end}.tutor-msg--assistant{align-self:flex-start}.tutor-avatar{flex-shrink:0;margin-top:2px;font-size:16px}.tutor-bubble{background:var(--surface2);color:var(--text);border-radius:14px;padding:9px 13px;font-size:14px;line-height:1.55}.tutor-msg--user .tutor-bubble{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5)}.tutor-bubble--streaming{opacity:.9}.tutor-cursor{background:var(--text-muted);vertical-align:middle;width:2px;height:14px;margin-left:2px;animation:.8s infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.tutor-thinking{color:var(--text-muted);font-size:13px;font-style:italic}.tutor-dots{letter-spacing:2px}.tutor-input-row{border-top:1px solid var(--border);background:var(--surface);gap:8px;padding:12px 16px;display:flex}.tutor-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .15s}.tutor-input:focus{border-color:#7c3aed99}.tutor-input::placeholder{color:var(--text-muted)}.tutor-input:disabled{opacity:.5}.tutor-send{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:10px;width:42px;font-size:16px;transition:opacity .12s,transform .12s}.tutor-send:disabled{opacity:.35;cursor:default}.tutor-send:not(:disabled):hover{opacity:.9;transform:scale(1.04)}.api-key-panel{background:var(--surface);border:1px solid #7c3aed4d;border-radius:16px;align-self:center;width:100%;max-width:420px;margin:auto;overflow:hidden}.api-key-body{flex-direction:column;gap:12px;padding:20px;display:flex}.api-key-body p{margin:0;font-size:14px;line-height:1.5}.api-key-note{color:var(--text-muted)!important;font-size:12px!important}.api-key-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:10px 14px;font-family:monospace;font-size:14px}.api-key-input:focus{border-color:#7c3aed99}.api-key-error{color:#f87171!important;margin:-4px 0 0!important;font-size:12px!important}.api-key-actions{justify-content:flex-end;gap:10px;display:flex}.api-key-cancel{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px}.api-key-save{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.api-key-save:disabled{opacity:.4;cursor:default}.home-screen{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.home-nav{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.home-nav-brand{align-items:center;gap:8px;font-size:22px;font-weight:800;display:flex}.home-nav-name{background:linear-gradient(135deg,#7c3aed,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.home-nav-login{border:1px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:10px;padding:8px 18px;font-size:14px;font-weight:600;transition:border-color .15s,color .15s}.home-nav-login:hover{color:#a78bfa;border-color:#7c3aed}.home-hero{text-align:center;flex-direction:column;align-items:center;gap:20px;padding:80px 24px 64px;display:flex}.home-hero-badge{color:#a78bfa;background:#7c3aed26;border:1px solid #7c3aed4d;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600}.home-hero-title{letter-spacing:-2px;margin:0;font-size:clamp(36px,6vw,64px);font-weight:900;line-height:1.1}.home-hero-accent{background:linear-gradient(135deg,#7c3aed,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.home-hero-sub{color:var(--text-muted);max-width:480px;margin:0;font-size:17px;line-height:1.6}.home-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:14px;padding:16px 36px;font-size:17px;font-weight:700;transition:opacity .15s,transform .15s}.home-cta-btn:hover{opacity:.9;transform:translateY(-2px)}.home-cta-btn:active{transform:translateY(0)}.home-lang-pills{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.home-lang-pill{background:var(--surface2);border:1px solid var(--border);color:var(--text-muted);border-radius:999px;padding:5px 14px;font-size:13px}.home-features{box-sizing:border-box;width:100%;max-width:1000px;margin:0 auto;padding:64px 24px}.home-section-title{letter-spacing:-.5px;text-align:center;margin:0 0 40px;font-size:28px;font-weight:800}.home-feature-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.home-feature-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;padding:24px;transition:border-color .15s;display:flex}.home-feature-card:hover{border-color:#7c3aed66}.home-feature-emoji{font-size:28px}.home-feature-title{margin:0;font-size:16px;font-weight:700}.home-feature-desc{color:var(--text-muted);margin:0;font-size:14px;line-height:1.5}.home-cta-strip{text-align:center;border-top:1px solid var(--border);background:#7c3aed0f;flex-direction:column;align-items:center;gap:12px;padding:64px 24px;display:flex}.home-cta-strip-title{margin:0;font-size:28px;font-weight:800}.home-cta-strip-sub{color:var(--text-muted);margin:0 0 8px;font-size:15px}.home-footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:24px;font-size:13px}.login-screen{flex-direction:column;justify-content:center;align-items:center;gap:32px;min-height:100vh;padding:24px;display:flex;position:relative}.login-hero{text-align:center}.login-logo{margin-bottom:8px;font-size:64px}.login-title{letter-spacing:-1px;background:linear-gradient(135deg,#7c3aed,#4f46e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin:0 0 6px;font-size:36px;font-weight:800}.login-tagline{color:var(--text-muted);margin:0;font-size:15px}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:24px;display:flex}.login-tabs{background:var(--surface2);border-radius:10px;padding:3px;display:flex}.login-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px;font-size:14px;font-weight:600;transition:background .15s,color .15s}.login-tab--active{color:#a78bfa;background:#7c3aed40}.login-fields{flex-direction:column;gap:10px;display:flex}.login-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);box-sizing:border-box;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:15px;transition:border-color .15s}.login-input:focus{border-color:#7c3aed99}.login-input::placeholder{color:var(--text-muted)}.login-error{color:#f87171;text-align:center;margin:-6px 0 0;font-size:13px}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c3aed,#4f46e5);border:none;border-radius:12px;width:100%;padding:14px;font-size:15px;font-weight:700;transition:opacity .12s,transform .12s}.login-submit:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.login-submit:active:not(:disabled){transform:translateY(0)}.login-submit:disabled{opacity:.45;cursor:default}.login-back{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:14px;transition:color .15s,background .15s;position:absolute;top:20px;left:20px}.login-back:hover{color:var(--text);background:var(--surface)}.login-forgot{color:var(--muted);cursor:pointer;text-align:right;background:0 0;border:none;padding:0;font-size:13px;text-decoration:underline}.login-forgot:hover{color:var(--text)}.login-success{color:#4ade80;text-align:center;font-size:13px}.dash-header-right{align-items:center;gap:8px;display:flex}.dash-user-name{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:80px;font-size:13px;overflow:hidden}.logout-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:background .12s,color .12s;display:flex}.logout-btn:hover{color:var(--text);background:#ffffff12}.conv-screen{background:var(--bg);max-width:480px;height:100vh;box-shadow:0 0 0 1px var(--border), 0 8px 60px #00000059;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.conv-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.conv-back-btn{color:var(--text);background:0 0;border-radius:8px;padding:4px 8px;font-size:20px;transition:background .12s}.conv-back-btn:hover{background:#ffffff12}.conv-course-info{flex-direction:column;flex:1;gap:1px;display:flex}.conv-course-name{color:var(--muted);font-size:11px}.conv-topbar-right{align-items:center;gap:8px;display:flex}.conv-level-chip{align-items:center;gap:6px;display:flex}.conv-level-bar-wrap{background:var(--surface2);border-radius:4px;width:40px;height:4px;overflow:hidden}.conv-level-bar-fill{border-radius:4px;height:100%;transition:width .3s}.conv-streak{font-size:13px}.conv-logout-btn{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;height:30px;padding:5px 10px;font-size:12px;font-weight:600;transition:background .12s;display:flex}.conv-logout-btn:hover{color:var(--text);background:#ffffff12}.conv-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:16px 14px;display:flex;overflow-y:auto}.conv-bubble-wrap{align-items:flex-end;gap:8px;max-width:88%;display:flex}.conv-bubble-wrap.user{flex-direction:row-reverse;align-self:flex-end}.conv-bubble-wrap.assistant{align-self:flex-start}.conv-avatar-dot{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;overflow:hidden}.conv-bubble{border-radius:18px;padding:10px 14px;font-size:14px;line-height:1.5;position:relative}.conv-bubble.assistant{background:var(--surface);border:1px solid var(--border);color:var(--text);border-bottom-left-radius:4px}.conv-bubble.user{background:var(--blue);color:#fff;border-bottom-right-radius:4px}.conv-replay-btn{opacity:.6;cursor:pointer;vertical-align:middle;background:0 0;border:none;margin-left:6px;font-size:14px;transition:opacity .12s}.conv-replay-btn:hover{opacity:1}.conv-bubble-typing{align-items:center;gap:4px;min-width:52px;padding:14px 18px;display:flex}.conv-bubble-typing span{background:var(--muted);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite typingBounce}.conv-bubble-typing span:nth-child(2){animation-delay:.2s}.conv-bubble-typing span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.5;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}.conv-error{color:var(--red);text-align:center;padding:8px;font-size:13px}.conv-input-area{background:var(--surface);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;gap:10px;padding:12px 16px 20px;display:flex}.conv-text-row{gap:8px;width:100%;display:flex}.conv-text-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:24px;outline:none;flex:1;padding:10px 14px;font-size:14px;transition:border-color .12s}.conv-text-input:focus{border-color:var(--blue)}.conv-send-btn{background:var(--blue);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;transition:background .12s,opacity .12s;display:flex}.conv-send-btn:disabled{opacity:.4}.lumi-avatar-ring{border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:4px 0 0;transition:box-shadow .3s;display:flex;position:relative}.lumi-avatar-ring:before{content:"";border:2px solid var(--border);border-radius:50%;transition:border-color .3s,box-shadow .3s;position:absolute;inset:-4px}.lumi-avatar-ring.lumi-active:before{border-color:var(--blue);animation:1.6s infinite lumiRingPulse;box-shadow:0 0 0 6px #1cb0f626,0 0 20px #1cb0f64d}.lumi-avatar-ring.lumi-listening:before{border-color:var(--green);box-shadow:0 0 0 6px #58cc0226,0 0 20px #58cc024d}@keyframes lumiRingPulse{0%,to{box-shadow:0 0 0 4px #1cb0f626,0 0 20px #1cb0f633}50%{box-shadow:0 0 0 10px #1cb0f60d,0 0 30px #1cb0f659}}.lumi-avatar-inner{background:var(--surface2);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.lumi-sound-bars{align-items:flex-end;gap:3px;height:14px;display:flex;position:absolute;bottom:-18px;left:50%;transform:translate(-50%)}.lumi-sound-bars span{background:var(--blue);border-radius:3px;width:3px;animation:.8s ease-in-out infinite lumiBar}.lumi-sound-bars span:first-child{height:4px;animation-delay:0s}.lumi-sound-bars span:nth-child(2){height:10px;animation-delay:.12s}.lumi-sound-bars span:nth-child(3){height:14px;animation-delay:.24s}.lumi-sound-bars span:nth-child(4){height:10px;animation-delay:.36s}.lumi-sound-bars span:nth-child(5){height:4px;animation-delay:.48s}@keyframes lumiBar{0%,to{opacity:.6;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.5)}}.conv-controls{align-items:center;gap:20px;margin-top:8px;display:flex}.conv-side-btn{background:var(--surface2);border:1px solid var(--border);width:46px;height:46px;color:var(--text);border-radius:50%;justify-content:center;align-items:center;font-size:20px;transition:background .12s,border-color .12s;display:flex}.conv-side-btn:hover{background:#ffffff1a}.conv-side-btn.active{border-color:var(--green);color:var(--green);background:#58cc021f}.conv-mic-btn{background:var(--green);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;transition:background .15s,transform .1s,box-shadow .15s;display:flex;box-shadow:0 4px 24px #58cc0273}.conv-mic-btn:active{transform:scale(.93)}.conv-mic-btn:disabled{opacity:.4;box-shadow:none}.conv-mic-btn.listening{background:var(--red);animation:1.2s infinite micRingPulse;box-shadow:0 0 #ff4b4b99}.conv-mic-btn.ai-speaking{background:var(--surface2);border:2px solid var(--border);box-shadow:none;color:var(--muted)}@keyframes micRingPulse{0%{box-shadow:0 0 #ff4b4b8c}70%{box-shadow:0 0 0 18px #ff4b4b00}to{box-shadow:0 0 #ff4b4b00}}.mic-listening-anim{align-items:center;gap:3px;height:22px;display:flex}.mic-listening-anim span{background:#fff;border-radius:4px;width:4px;animation:.7s ease-in-out infinite micBar}.mic-listening-anim span:first-child{height:6px;animation-delay:0s}.mic-listening-anim span:nth-child(2){height:14px;animation-delay:.1s}.mic-listening-anim span:nth-child(3){height:20px;animation-delay:.2s}.mic-listening-anim span:nth-child(4){height:14px;animation-delay:.3s}.mic-listening-anim span:nth-child(5){height:6px;animation-delay:.4s}@keyframes micBar{0%,to{opacity:.7;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.55)}}.conv-hint{color:var(--muted);text-align:center;min-height:18px;font-size:12px}.conv-course-flags{font-size:15px}.conv-replay-link{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:2px 6px;font-size:12px;transition:color .12s}.conv-replay-link:hover{color:var(--text)}.conv-replay-link:disabled{opacity:.3;cursor:default}.conv-start-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:18px;padding:32px 24px;display:flex}.conv-start-avatar{background:var(--surface2);border:3px solid #7ecf6e;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;display:flex;box-shadow:0 0 24px #7ecf6e4d}.conv-start-title{color:var(--text);font-size:26px;font-weight:800}.conv-start-desc{color:var(--muted);max-width:320px;font-size:15px;line-height:1.6}.conv-start-tips{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:10px;width:100%;max-width:300px;padding:16px 18px;display:flex}.conv-start-tip{color:var(--text);text-align:left;align-items:center;gap:10px;font-size:13px;display:flex}.conv-start-tip span{font-size:18px}.conv-start-btn{background:var(--green);color:#fff;border-radius:24px;margin-top:4px;padding:14px 32px;font-size:16px;font-weight:700;transition:background .15s,transform .1s;box-shadow:0 4px 20px #58cc0266}.conv-start-btn:hover{background:var(--green-dk)}.conv-start-btn:active{transform:scale(.97)}.lesson-body{flex-direction:column;flex:1;align-items:center;gap:16px;padding:20px 20px 28px;display:flex;overflow-y:auto}.lesson-progress{align-items:center;gap:10px;width:100%;display:flex}.lesson-progress-label{color:var(--muted);white-space:nowrap;font-size:12px}.lesson-progress-track{flex:1;gap:5px;display:flex}.lesson-progress-dot{background:var(--surface2);border-radius:5px;flex:1;height:5px;transition:background .2s}.lesson-progress-dot.done{background:var(--green)}.lesson-progress-dot.current{background:var(--blue)}.lumi-says{color:var(--muted);text-align:center;margin:-4px 0 0;font-size:14px}.word-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);text-align:center;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:320px;padding:28px 32px;transition:border-color .2s;display:flex}.word-card-target{color:var(--text);font-size:42px;font-weight:800;line-height:1.1}.word-card-hint{color:var(--blue);font-size:14px;font-style:italic}.word-card-english{color:var(--muted);margin-top:4px;font-size:16px}.word-card--prompt{border-color:var(--blue)}.word-card-english-big{color:var(--text);font-size:34px;font-weight:800}.hear-btn,.hint-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;background:0 0;border-radius:20px;padding:7px 18px;font-size:13px;transition:color .12s,border-color .12s}.hear-btn:hover,.hint-btn:hover{color:var(--text);border-color:var(--text)}.hear-btn:disabled{opacity:.4}.lesson-feedback{border-radius:var(--radius);text-align:center;width:100%;max-width:320px;padding:12px 20px;font-size:15px;font-weight:700}.lesson-feedback.correct{color:var(--green);background:#58cc0226;border:1px solid #58cc024d}.lesson-feedback.wrong{color:var(--red);background:#ff4b4b1f;border:1px solid #ff4b4b4d}.lesson-input-row{gap:8px;width:100%;max-width:320px;display:flex}.lesson-next-btn{background:var(--green);color:#fff;border-radius:24px;width:100%;max-width:320px;padding:13px 28px;font-size:15px;font-weight:700;transition:background .15s,opacity .12s,transform .1s;box-shadow:0 4px 16px #58cc0259}.lesson-next-btn:hover{background:var(--green-dk)}.lesson-next-btn:active{transform:scale(.97)}.lesson-next-btn:disabled{opacity:.45;box-shadow:none}.quiz-score-chip{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:20px;align-self:flex-end;padding:5px 14px;font-size:13px;font-weight:700}.topic-grid{grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:340px;display:grid}.topic-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:4px;padding:18px 12px;transition:border-color .15s,background .15s,transform .1s;display:flex}.topic-card:hover{border-color:var(--green);background:#58cc0212;transform:translateY(-2px)}.topic-card:active{transform:scale(.97)}.topic-emoji{font-size:30px}.topic-title{color:var(--text);font-size:13px;font-weight:700}.topic-count{color:var(--muted);font-size:11px}.lesson-complete-body{justify-content:flex-start;padding-top:28px}.complete-emoji{font-size:56px;line-height:1}.complete-title{color:var(--text);font-size:26px;font-weight:800}.complete-score{color:var(--green);font-size:42px;font-weight:900}.complete-sub{color:var(--muted);text-align:center;font-size:14px}.complete-words{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:320px;overflow:hidden}.complete-word-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.complete-word-row:last-child{border-bottom:none}.complete-word-play{cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:16px}.complete-word-target{color:var(--text);flex:1;font-weight:700}.complete-word-hint{color:var(--blue);font-size:11px;font-style:italic}.complete-word-english{color:var(--muted)}.complete-actions{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:320px;display:flex}.conv-back-link{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:13px;transition:color .12s}.conv-back-link:hover{color:var(--text)}.conv-mode-cards{flex-direction:column;gap:12px;width:100%;max-width:320px;display:flex}.conv-mode-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);text-align:left;cursor:pointer;flex-direction:column;align-items:flex-start;gap:4px;padding:16px 20px;transition:border-color .15s,background .15s,transform .1s;display:flex}.conv-mode-card:hover{border-color:var(--green);background:#58cc0212;transform:translateY(-1px)}.conv-mode-card--silent:hover{border-color:var(--blue);background:#1cb0f612}.conv-mode-card:active{transform:scale(.98)}.conv-mode-icon{margin-bottom:2px;font-size:28px}.conv-mode-label{color:var(--text);font-size:16px;font-weight:700}.conv-mode-sub{color:var(--muted);font-size:12px;line-height:1.4}.conv-mode-switch-btn{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;transition:background .12s;display:flex}.conv-mode-switch-btn:hover{color:var(--text);background:#ffffff12}.conv-send-big-btn{background:var(--blue);color:#fff;border-radius:24px;padding:12px 32px;font-size:15px;font-weight:700;transition:background .12s,opacity .12s;box-shadow:0 4px 16px #1cb0f659}.conv-send-big-btn:disabled{opacity:.4;box-shadow:none}:root{--lumi:#818cf8;--lumi-dk:#4f46e5;--lumi-glow:#818cf82e;--emerald:#34d399;--emerald-dk:#059669;--rose:#f87171;--rose-dk:#dc2626;--amber:#fbbf24}.dl-lesson-header{flex-shrink:0;align-items:center;gap:14px;padding:14px 20px 10px;display:flex}.dl-progress-track{background:0 0;flex:1;gap:4px;height:8px;display:flex}.dl-progress-track .seg{background:var(--surface2);border-radius:4px;flex:1;height:100%;transition:background .3s}.dl-progress-track .seg.filled{background:var(--lumi)}.dl-progress-count{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:12px;font-weight:700}.dl-hearts{flex-shrink:0;gap:2px;font-size:15px;display:flex}.heart-full{opacity:1}.heart-empty{opacity:.2;filter:grayscale()}.dl-exercise-area{flex-direction:column;flex:1;align-items:center;gap:16px;padding:20px 20px 12px;display:flex;overflow-y:auto}.dl-instruction{color:var(--muted);text-align:center;text-transform:uppercase;letter-spacing:.6px;width:100%;font-size:12px;font-weight:700}.dl-prompt-card{background:var(--surface);border:1px solid var(--border);text-align:center;cursor:pointer;border-radius:20px;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:340px;padding:32px 24px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative;box-shadow:0 2px 16px #0003}.dl-prompt-card:hover{border-color:var(--lumi);box-shadow:0 4px 24px var(--lumi-glow)}.dl-prompt-word{color:var(--text);font-size:40px;font-weight:900;line-height:1.1}.dl-prompt-hint{color:var(--lumi);opacity:.8;font-size:14px;font-style:italic}.dl-prompt-speaker{opacity:.5;margin-top:2px;font-size:18px}.dl-prompt-reading{color:var(--lumi);letter-spacing:.04em;opacity:.85;margin-top:2px;font-size:13px}.dl-option-reading{color:var(--muted);letter-spacing:.03em;margin-top:2px;font-size:11px;font-weight:500;display:block}.dl-option.correct .dl-option-reading,.dl-option.wrong .dl-option-reading{color:inherit;opacity:.8}.dl-pair-reading{color:var(--muted);letter-spacing:.03em;margin-top:2px;font-size:10px;display:block}.dl-correct-reading{color:var(--lumi);margin-left:4px;font-style:italic}.dl-speak-btn{border:1.5px solid var(--lumi);color:var(--lumi);cursor:pointer;background:0 0;border-radius:20px;margin-top:10px;padding:6px 16px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.dl-speak-btn:hover{background:var(--lumi);color:#fff}.dl-speak-btn--active{background:var(--lumi);color:#fff;animation:.8s infinite pulse-lumi}@keyframes pulse-lumi{0%,to{opacity:1}50%{opacity:.6}}.dl-pronounce-rating{margin-top:8px;font-size:14px;font-weight:600}.dl-options{flex-direction:column;gap:10px;width:100%;max-width:340px;display:flex}.dl-option{background:var(--surface);border:1.5px solid var(--border);color:var(--text);text-align:left;border-left:4px solid #0000;border-radius:14px;padding:15px 20px;font-size:15px;font-weight:700;line-height:1.3;transition:all .12s}.dl-option:hover:not(:disabled){border-left-color:var(--lumi);background:var(--lumi-glow)}.dl-option.selected{border-left-color:var(--lumi);background:var(--lumi-glow);color:var(--lumi)}.dl-option.correct{border-left-color:var(--emerald)!important;color:var(--emerald)!important;background:#34d3991a!important}.dl-option.wrong{border-left-color:var(--rose)!important;color:var(--rose)!important;background:#f871711a!important}.dl-option:disabled{cursor:not-allowed}.dl-type-area{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:340px;display:flex}.dl-type-input{background:var(--surface);border:1.5px solid var(--border);width:100%;color:var(--text);text-align:center;border-radius:14px;outline:none;padding:15px 18px;font-size:18px;font-weight:700;transition:border-color .15s,box-shadow .15s}.dl-type-input:focus{border-color:var(--lumi);box-shadow:0 0 0 3px var(--lumi-glow)}.dl-type-input::placeholder{color:var(--muted);font-size:15px;font-weight:400}.dl-type-input.correct{border-color:var(--emerald);color:var(--emerald);background:#34d3990f}.dl-type-input.wrong{border-color:var(--rose);color:var(--rose);background:#f871710f}.dl-correct-answer{color:var(--muted);text-align:center;font-size:13px}.dl-correct-answer strong{color:var(--text)}.dl-hear-btn{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:20px;padding:6px 16px;font-size:13px;transition:color .12s,border-color .12s}.dl-hear-btn:hover{color:var(--lumi);border-color:var(--lumi)}.flash-wrap{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.flash-dots{gap:6px;display:flex}.flash-dot{background:var(--border);border-radius:99px;width:8px;height:8px;transition:background .2s,width .2s}.flash-dot--active{background:var(--lumi);width:20px}.flash-dot--done{background:var(--lumi);opacity:.4}.flash-card{background:var(--surface);border:1.5px solid var(--border);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:340px;padding:32px 24px 24px;display:flex}.flash-target{color:var(--text);letter-spacing:-.5px;font-size:38px;font-weight:800;line-height:1.1}.flash-reading{color:var(--lumi);letter-spacing:.04em;font-size:16px;font-weight:600}.flash-divider{background:var(--border);border-radius:99px;width:40px;height:2px;margin:4px 0}.flash-english{color:var(--muted);font-size:18px;font-weight:500}.flash-speak-btn{border:1.5px solid var(--border);background:var(--bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin-top:8px;font-size:22px;transition:background .15s,border-color .15s,transform .1s;display:flex}.flash-speak-btn:hover{background:var(--surface);border-color:var(--lumi);transform:scale(1.08)}.flash-speak-btn:active{transform:scale(.95)}.dl-pairs{grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:340px;display:grid}.dl-pairs-col{flex-direction:column;gap:10px;display:flex}.dl-pair-btn{background:var(--surface);border:1.5px solid var(--border);color:var(--text);text-align:center;border-radius:14px;padding:14px 10px;font-size:14px;font-weight:700;line-height:1.3;transition:all .12s}.dl-pair-btn:hover:not(:disabled){border-color:var(--lumi);background:var(--lumi-glow)}.dl-pair-btn.selected{border-color:var(--lumi);background:var(--lumi-glow);color:var(--lumi)}.dl-pair-btn.matched{border-color:var(--emerald);color:var(--emerald);opacity:.8;cursor:default;background:#34d3991a}.dl-pair-btn.wrong{border-color:var(--rose);color:var(--rose);background:#f871711a;animation:.4s shakeX}@keyframes shakeX{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.dl-feedback-banner{background:0 0;flex-shrink:0;padding:10px 20px}.dl-feedback-banner.correct,.dl-feedback-banner.wrong{background:0 0}.dl-feedback-inner{background:var(--surface);border:1px solid var(--border);border-radius:16px;align-items:center;gap:12px;max-width:340px;margin:0 auto;padding:12px 16px;display:flex}.dl-feedback-banner.correct .dl-feedback-inner{border-color:var(--emerald);background:#34d39914}.dl-feedback-banner.wrong .dl-feedback-inner{border-color:var(--rose);background:#f8717114}.dl-feedback-text{color:var(--text);flex:1;font-size:14px;font-weight:600;line-height:1.4}.dl-feedback-loading{color:var(--muted);font-style:italic}.dl-footer{background:var(--bg);border-top:1px solid var(--border);flex-direction:column;flex-shrink:0;align-items:center;padding:8px 20px 20px;display:flex}.dl-footer.correct{background:var(--bg);border-top-color:#34d39933}.dl-footer.wrong{background:var(--bg);border-top-color:#f8717133}.dl-check-btn{background:var(--lumi);color:#fff;letter-spacing:.3px;border-radius:14px;width:100%;max-width:340px;padding:15px;font-size:15px;font-weight:800;transition:all .15s;box-shadow:0 4px 20px #4f46e559}.dl-check-btn:hover:not(:disabled){background:var(--lumi-dk);transform:translateY(-1px);box-shadow:0 6px 24px #4f46e573}.dl-check-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 12px #4f46e54d}.dl-check-btn:disabled{background:var(--surface2);color:var(--muted);box-shadow:none;cursor:not-allowed}.dl-continue-btn{background:var(--emerald);color:#fff;letter-spacing:.3px;border-radius:14px;width:100%;max-width:340px;padding:15px;font-size:15px;font-weight:800;transition:all .15s;box-shadow:0 4px 20px #0596694d}.dl-continue-btn:hover{background:var(--emerald-dk);transform:translateY(-1px);box-shadow:0 6px 24px #05966966}.dl-continue-btn:active{transform:translateY(1px)}.dl-results{text-align:center;flex-direction:column;flex:1;align-items:center;gap:20px;padding:32px 24px 40px;display:flex;overflow-y:auto}.dl-results-icon{font-size:72px;animation:.9s infinite alternate bounce}.dl-results-title{color:var(--lumi);font-size:26px;font-weight:900}.dl-results-stats{justify-content:center;gap:12px;display:flex}.dl-stat{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:4px;min-width:72px;padding:14px 16px;display:flex}.dl-stat-num{color:var(--text);font-size:22px;font-weight:900}.dl-stat-lbl{color:var(--muted);font-size:11px;font-weight:700}.dl-words-review{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:100%;max-width:340px;overflow:hidden}.dl-word-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:11px 14px;font-size:13px;display:flex}.dl-word-row:last-child{border-bottom:none}.dl-word-play{cursor:pointer;background:0 0;border:none;flex-shrink:0;font-size:16px}.dl-word-target{color:var(--text);font-weight:700}.dl-word-hint{color:var(--lumi);font-size:11px;font-style:italic}.dl-word-en{color:var(--muted);margin-left:auto}.path-screen{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.path-topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;flex-direction:column;flex-shrink:0;display:flex}.path-topbar-nav{align-items:center;gap:10px;padding:10px 14px 6px;display:flex}.path-topbar-actions{align-items:center;gap:10px;padding:0 14px 10px;display:flex}.path-back-btn{color:var(--text);background:0 0;border-radius:8px;padding:4px 8px;font-size:20px;transition:background .12s}.path-back-btn:hover{background:#ffffff12}.path-course-info{flex-direction:column;flex:1;gap:1px;display:flex}.path-flags{font-size:16px}.path-lang-name{color:var(--muted);font-size:11px}.path-logout-btn{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:8px;justify-content:center;align-items:center;height:30px;padding:5px 10px;font-size:12px;font-weight:600;transition:background .12s;display:flex}.path-logout-btn:hover{color:var(--text);background:#ffffff12}.path-profile-btn{background:var(--surface2);border:1.5px solid var(--border);border-radius:12px;flex-shrink:0;align-items:center;gap:8px;padding:7px 12px;transition:all .15s;display:flex}.path-profile-btn:hover{border-color:var(--lumi);background:#818cf814}.path-profile-btn-info{flex-direction:column;gap:3px;display:flex}.path-profile-btn-title{font-size:12px;font-weight:800;line-height:1}.path-level-bar-wrap{background:var(--bar-track);border-radius:4px;width:50px;height:4px;overflow:hidden}.path-level-bar-fill{border-radius:4px;height:100%;transition:width .3s}.path-profile-btn-lv{color:var(--muted);font-size:11px;font-weight:800}.path-topbar-pills{flex:1;justify-content:flex-end;align-items:center;gap:8px;display:flex}.path-pill{white-space:nowrap;border-radius:100px;align-items:center;gap:5px;padding:6px 14px;font-size:13px;font-weight:800;display:flex}.path-pill--streak,.path-pill--coins{color:var(--amber);background:#fbbf241a;border:1px solid #fbbf2440}.path-scroll{flex:1;padding:16px 16px 80px;overflow-y:auto}.path-unit{margin-bottom:24px}.path-chapter-header{background:var(--surface);border-left:4px solid;border-radius:0 12px 12px 0;justify-content:space-between;align-items:center;margin-bottom:12px;padding:12px 16px;display:flex}.path-chapter-left{align-items:center;gap:12px;display:flex}.path-chapter-emoji{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.path-chapter-title{color:var(--text);font-size:14px;font-weight:800}.path-chapter-progress{color:var(--muted);margin-top:2px;font-size:11px}.path-chapter-done{color:var(--emerald)}.path-card-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.path-card{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:18px 12px 14px;transition:all .15s;display:flex;position:relative}.path-card:hover:not(:disabled){border-color:var(--lumi);background:var(--lumi-glow);transform:translateY(-2px)}.path-card:active:not(:disabled){transform:translateY(0)}.path-card--done{background:#34d3990d;border-color:#34d39966}.path-card--current{border-color:var(--card-accent,var(--lumi));box-shadow:0 0 0 3px color-mix(in srgb, var(--card-accent,var(--lumi)) 20%, transparent);animation:2.5s ease-in-out infinite card-pulse}@keyframes card-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb, var(--card-accent,var(--lumi)) 20%, transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--card-accent,var(--lumi)) 5%, transparent)}}.path-card--locked{opacity:.45;cursor:not-allowed}.path-card-emoji{font-size:28px;line-height:1}.path-card-title{color:var(--text);font-size:12px;font-weight:700;line-height:1.3}.path-card-check{color:var(--emerald);background:#34d39926;border-radius:100px;padding:2px 7px;font-size:11px;font-weight:800;position:absolute;top:8px;right:8px}.path-card-play{color:#fff;background:var(--card-accent,var(--lumi));border-radius:100px;padding:2px 8px;font-size:11px;font-weight:800;position:absolute;top:8px;right:8px}.path-complete{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 24px;display:flex}.path-complete-icon{font-size:64px;animation:.9s infinite alternate bounce}.path-complete h2{color:var(--lumi);font-size:22px;font-weight:900}.path-complete p{color:var(--muted);font-size:14px}.path-replay-btn{background:var(--lumi);color:#fff;border-radius:14px;padding:12px 28px;font-size:15px;font-weight:800;transition:all .15s;box-shadow:0 4px 20px #4f46e559}.path-replay-btn:hover{background:var(--lumi-dk);transform:translateY(-1px)}.voice-fab{background:var(--surface2);border:1px solid var(--border);z-index:50;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:all .15s;display:flex;position:fixed;bottom:100px;right:20px;box-shadow:0 4px 16px #00000059}.voice-fab:hover{border-color:var(--lumi);transform:scale(1.05)}.voice-fab--on{background:var(--lumi);border-color:var(--lumi);box-shadow:0 4px 20px #4f46e566}.quiz-header{flex-shrink:0;align-items:center;gap:12px;padding:10px 20px 6px;display:flex}.quiz-badge{color:var(--amber);white-space:nowrap;background:#fbbf241a;border:1px solid #fbbf244d;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:800}.quiz-counter{color:var(--muted);white-space:nowrap;font-size:13px;font-weight:800}.conv-lesson-title-badge{background:var(--surface);border:1.5px solid var(--lumi);color:var(--lumi);border-radius:100px;align-items:center;gap:8px;margin-bottom:4px;padding:8px 20px;font-size:15px;font-weight:800;display:flex}.chat-fab{background:var(--lumi);z-index:100;border:none;border-radius:16px;justify-content:center;align-items:center;width:50px;height:50px;font-size:22px;transition:all .15s;display:flex;position:absolute;bottom:96px;right:20px;box-shadow:0 4px 20px #4f46e573}.chat-fab:hover{transform:scale(1.06)}.chat-fab--open{background:var(--surface2);box-shadow:0 2px 10px #0000004d}.chat-fab-dot{background:var(--rose);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;top:6px;right:6px}.chat-panel{background:var(--surface);border:1px solid var(--border);z-index:99;border-radius:20px;flex-direction:column;width:calc(100% - 32px);max-height:min(680px,100vh - 180px);display:flex;position:absolute;bottom:158px;right:16px;overflow:hidden;box-shadow:0 8px 40px #00000080}.chat-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px 10px;display:flex}.chat-header-title{color:var(--text);font-size:14px;font-weight:800}.chat-header-hint{color:var(--muted);font-size:11px}.chat-header-hint strong{color:var(--lumi)}.chat-messages{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}.chat-empty{color:var(--muted);text-align:center;padding:8px 4px;font-size:13px;line-height:1.5}.chat-msg{align-items:flex-end;gap:8px;display:flex}.chat-msg--user{flex-direction:row-reverse}.chat-msg-icon{flex-shrink:0;font-size:18px;line-height:1}.chat-msg-bubble{border-radius:14px;max-width:78%;padding:8px 12px;font-size:13px;font-weight:500;line-height:1.45}.chat-msg--ai .chat-msg-bubble{background:var(--surface2);color:var(--text);border-bottom-left-radius:4px}.chat-msg--user .chat-msg-bubble{background:var(--lumi);color:#fff;border-bottom-right-radius:4px}.chat-msg-bubble--loading{align-items:center;gap:4px;padding:10px 14px;display:flex}.chat-dot{background:var(--muted);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite chat-bounce}.chat-dot:nth-child(2){animation-delay:.2s}.chat-dot:nth-child(3){animation-delay:.4s}@keyframes chat-bounce{0%,80%,to{opacity:.4;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}.chat-input-row{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;padding:8px 10px;display:flex}.chat-mic-btn{background:var(--surface2);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;transition:all .15s;display:flex}.chat-mic-btn:hover{border-color:var(--lumi)}.chat-mic-btn--active{background:var(--rose);border-color:var(--rose);animation:1s ease-in-out infinite mic-pulse}@keyframes mic-pulse{0%,to{box-shadow:0 0 #f8717180}50%{box-shadow:0 0 0 6px #f8717100}}.chat-input{background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:10px;outline:none;flex:1;padding:7px 10px;font-size:13px;transition:border-color .15s}.chat-input:focus{border-color:var(--lumi)}.chat-input::placeholder{color:var(--muted)}.chat-send-btn{background:var(--lumi);color:#fff;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:16px;font-weight:800;transition:all .15s;display:flex}.chat-send-btn:hover:not(:disabled){background:var(--lumi-dk)}.chat-send-btn:disabled{background:var(--surface2);color:var(--muted);cursor:not-allowed}.select-topbar{justify-content:flex-end;padding:12px 20px 0;display:flex}.select-logout-btn{border:1px solid var(--border);color:var(--muted);background:0 0;border-radius:10px;padding:6px 14px;font-size:13px;font-weight:700;transition:all .15s}.select-logout-btn:hover{border-color:var(--rose);color:var(--rose)}.shop-screen{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.shop-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.shop-back-btn{color:var(--text);background:0 0;border-radius:8px;padding:4px 8px;font-size:20px}.shop-back-btn:hover{background:#ffffff12}.shop-title{color:var(--text);flex:1;font-size:17px;font-weight:900}.shop-coins{background:#fbbf241f;border:1px solid #fbbf244d;border-radius:100px;align-items:center;gap:6px;padding:5px 14px;display:flex}.shop-coins-icon{font-size:16px}.shop-coins-val{color:var(--amber);font-size:15px;font-weight:800}.shop-tabs{border-bottom:1px solid var(--border);flex-shrink:0;display:flex}.shop-tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px;font-size:14px;font-weight:700;transition:all .15s;display:flex}.shop-tab--active{color:var(--lumi);border-bottom-color:var(--lumi)}.shop-inv-badge{background:var(--lumi);color:#fff;border-radius:100px;padding:1px 7px;font-size:11px;font-weight:800}.shop-scroll{flex:1;padding:16px;overflow-y:auto}.shop-hint{color:var(--muted);text-align:center;margin-bottom:16px;font-size:12px}.shop-boxes{flex-direction:column;gap:12px;display:flex}.shop-box{background:var(--surface);border:1.5px solid var(--border);cursor:pointer;border-radius:18px;padding:18px 18px 14px;transition:all .15s;position:relative;overflow:hidden}.shop-box:before{content:"";background:var(--box-color,var(--lumi));border-radius:4px 0 0 4px;width:4px;position:absolute;top:0;bottom:0;left:0}.shop-box:hover:not(.shop-box--locked){border-color:var(--box-color,var(--lumi));transform:translateY(-1px)}.shop-box--selected{border-color:var(--box-color,var(--lumi))}.shop-box--locked{opacity:.55;cursor:not-allowed}.shop-box-emoji{margin-bottom:6px;font-size:32px}.shop-box-name{color:var(--text);font-size:16px;font-weight:900}.shop-box-desc{color:var(--muted);margin:3px 0 8px;font-size:12px}.shop-box-cost{color:var(--amber);background:#fbbf241a;border:1px solid #fbbf2440;border-radius:100px;padding:3px 12px;font-size:13px;font-weight:800;display:inline-block}.shop-box-locked{color:var(--muted);background:var(--surface2);border-radius:100px;padding:3px 12px;font-size:13px;font-weight:700;display:inline-block}.shop-box-detail{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.shop-odds{flex-direction:column;gap:6px;margin-bottom:10px;display:flex}.shop-odd-row{align-items:center;gap:8px;display:flex}.shop-odd-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.shop-odd-emoji{flex-shrink:0;font-size:15px}.shop-odd-label{color:var(--text);flex:1;font-size:13px;font-weight:600}.shop-odd-pct{color:var(--muted);font-size:13px;font-weight:800}.shop-items-per{color:var(--muted);margin-bottom:12px;font-size:12px}.shop-error{color:var(--rose);margin-bottom:8px;font-size:13px;font-weight:600}.shop-open-btn{background:var(--box-color,var(--lumi));color:#fff;border-radius:12px;width:100%;padding:13px;font-size:15px;font-weight:800;transition:all .15s;box-shadow:0 4px 16px #00000040}.shop-open-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.shop-open-btn:disabled{background:var(--surface2);color:var(--muted);box-shadow:none;cursor:not-allowed}.shop-inventory{flex-direction:column;gap:10px;display:flex}.shop-inv-empty{text-align:center;color:var(--muted);padding:40px 20px;font-size:14px}.shop-inv-item{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--rarity-color,var(--lumi));border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.shop-inv-emoji{flex-shrink:0;font-size:28px}.shop-inv-info{flex:1}.shop-inv-name{color:var(--text);font-size:14px;font-weight:800}.shop-inv-desc{color:var(--muted);margin:2px 0;font-size:12px}.shop-inv-rarity{font-size:11px;font-weight:700}.shop-inv-count{color:var(--text);background:var(--surface2);border-radius:8px;padding:4px 10px;font-size:16px;font-weight:900}.shop-reveal-overlay{z-index:200;background:#000000d9;justify-content:center;align-items:center;padding:24px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shop-reveal-panel{background:var(--surface);border:1px solid var(--border);border-radius:24px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:min(480px,100vw - 24px);padding:28px 20px;display:flex}.shop-reveal-title{color:var(--text);font-size:22px;font-weight:900}.shop-reveal-items{flex-direction:column;gap:12px;width:100%;display:flex}.shop-reveal-item{background:var(--surface2);border:2px solid var(--rarity-color,var(--border));opacity:0;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:20px 16px;transition:opacity .4s,transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;transform:scale(.8)translateY(16px)}.shop-reveal-item--visible{opacity:1;transform:scale(1)translateY(0)}.shop-reveal-glow{background:radial-gradient(circle at 50% 30%, color-mix(in srgb, var(--rarity-color,var(--lumi)) 20%, transparent), transparent 70%);pointer-events:none;border-radius:18px;position:absolute;inset:0}.shop-reveal-emoji{font-size:44px;line-height:1;position:relative}.shop-reveal-name{color:var(--text);font-size:16px;font-weight:900;position:relative}.shop-reveal-rarity{font-size:12px;font-weight:800;position:relative}.shop-reveal-desc{color:var(--muted);text-align:center;font-size:12px;position:relative}.shop-reveal-close{background:var(--lumi);color:#fff;border-radius:14px;width:100%;padding:14px;font-size:15px;font-weight:800;transition:all .15s;box-shadow:0 4px 20px #4f46e566}.shop-reveal-close:hover{background:var(--lumi-dk);transform:translateY(-1px)}.profile-screen{background:var(--bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.profile-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:12px 16px;display:flex}.profile-back-btn{color:var(--text);background:0 0;border-radius:8px;padding:4px 8px;font-size:20px}.profile-back-btn:hover{background:#ffffff12}.profile-title{color:var(--text);text-align:center;flex:1;font-size:17px;font-weight:900}.profile-scroll{flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.profile-hero{background:var(--surface);border:1.5px solid color-mix(in srgb, var(--level-color,var(--lumi)) 30%, var(--border));border-radius:24px;flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:28px 20px 24px;display:flex;position:relative;overflow:hidden}.profile-hero:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--level-color,var(--lumi)) 18%, transparent), transparent 70%);pointer-events:none;border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;left:50%;transform:translate(-50%)}.profile-avatar-wrap{margin-bottom:4px;position:relative}.profile-level-badge{color:#000;border:2px solid var(--bg);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;font-weight:900;display:flex;position:absolute;bottom:-4px;right:-4px}.profile-name{color:var(--text);font-size:22px;font-weight:900}.profile-email{color:var(--muted);font-size:13px}.profile-rank-title{margin-top:2px;font-size:15px;font-weight:800}.profile-xp-bar-wrap{width:100%;margin-top:14px}.profile-xp-bar-track{background:var(--surface2);border-radius:100px;width:100%;height:10px;overflow:hidden}.profile-xp-bar-fill{border-radius:100px;height:100%;transition:width .4s}.profile-xp-label{color:var(--muted);text-align:center;margin-top:6px;font-size:12px}.profile-stats-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.profile-stat{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;display:flex}.profile-stat-val{color:var(--text);font-size:18px;font-weight:900}.profile-stat-lbl{color:var(--muted);text-align:center;font-size:10px;font-weight:600}.profile-section{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:12px;padding:18px 16px;display:flex}.profile-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:13px;font-weight:800}.profile-course-row{background:var(--surface2);border-left:3px solid var(--course-color,var(--lumi));border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.profile-course-flags{flex-shrink:0;font-size:18px}.profile-course-info{flex-direction:column;flex:1;gap:2px;display:flex}.profile-course-name{color:var(--text);font-size:14px;font-weight:800}.profile-course-count{color:var(--muted);font-size:12px}.profile-course-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.profile-levels-list{flex-direction:column;gap:4px;display:flex}.profile-level-row{opacity:.4;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;transition:opacity .15s;display:flex}.profile-level-row--reached{opacity:1}.profile-level-row--current{background:var(--surface2);border:1px solid var(--border);opacity:1}.profile-level-avatar{flex-shrink:0}.profile-level-info{flex:1;align-items:baseline;gap:8px;display:flex}.profile-level-num{color:var(--muted);min-width:32px;font-size:12px;font-weight:700}.profile-level-name{color:var(--muted);font-size:14px;font-weight:800}.profile-level-xp{color:var(--muted);flex-shrink:0;font-size:12px}.profile-level-here{color:var(--lumi);flex-shrink:0;font-size:12px;font-weight:800}.profile-level-check{color:var(--emerald);flex-shrink:0;font-size:13px}.profile-inv-grid{flex-direction:column;gap:8px;display:flex}.profile-inv-chip{background:var(--surface2);border:1px solid color-mix(in srgb, var(--rarity-color,var(--border)) 35%, var(--border));border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.profile-inv-chip-name{color:var(--text);flex:1;font-size:13px;font-weight:700}.profile-inv-chip-rarity{flex-shrink:0;font-size:11px;font-weight:800}.shop-inv-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.shop-sell-btn,.profile-sell-btn{color:var(--rose);white-space:nowrap;background:#f871711f;border:1px solid #f871714d;border-radius:100px;padding:4px 10px;font-size:12px;font-weight:800;transition:all .15s}.shop-sell-btn:hover,.profile-sell-btn:hover{border-color:var(--rose);background:#f8717140}.profile-pet-avatar{background:var(--surface2);border:2px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:90px;height:90px;font-size:52px;line-height:1;display:flex}.profile-active-pet{background:var(--surface2);border:1px solid var(--border);border-radius:100px;align-items:center;gap:8px;margin-top:4px;padding:6px 14px;display:flex}.profile-active-pet-emoji{font-size:16px}.profile-active-pet-name{color:var(--text);font-size:13px;font-weight:700}.profile-active-pet-ability{border-radius:100px;padding:2px 10px;font-size:12px;font-weight:800}.profile-inv-chip{background:var(--surface2);border:1px solid color-mix(in srgb, var(--rarity-color,var(--border)) 35%, var(--border));border-radius:14px;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s;display:flex}.profile-inv-chip--equipped{border-color:var(--lumi);background:#818cf80f}.profile-inv-chip-emoji{flex-shrink:0;font-size:26px}.profile-inv-chip-body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.profile-inv-chip-name{color:var(--text);font-size:13px;font-weight:800}.profile-inv-chip-rarity,.profile-inv-chip-ability{font-size:11px;font-weight:700}.profile-inv-chip-actions{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:5px;display:flex}.profile-inv-chip-count{color:var(--muted);background:var(--surface);border-radius:6px;padding:1px 7px;font-size:11px;font-weight:800}.profile-equip-btn,.shop-equip-btn{border:1px solid var(--lumi);color:var(--lumi);white-space:nowrap;background:0 0;border-radius:100px;padding:4px 10px;font-size:11px;font-weight:800;transition:all .15s}.profile-equip-btn:hover,.shop-equip-btn:hover{background:#818cf826}.profile-equip-btn--active,.shop-equip-btn--active{background:var(--lumi);color:#fff;border-color:var(--lumi)}.profile-equip-btn--active:hover,.shop-equip-btn--active:hover{background:var(--lumi-dk)}.shop-inv-item--equipped{background:#818cf80f;border-color:var(--lumi)!important}.shop-inv-ability{margin:1px 0;font-size:11px;font-weight:700}.path-profile-btn-pet{font-size:22px;line-height:1}.char-picker{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:6px;margin-top:4px;padding:8px 10px;display:flex}.char-picker-grid{flex-wrap:wrap;justify-content:center;gap:5px;display:flex}.char-picker-btn{background:var(--surface2);border:1px solid var(--border);width:32px;height:32px;color:var(--text);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;transition:all .12s;display:flex}.char-picker-btn:hover{border-color:var(--lumi);background:#818cf826}.char-picker-btn:active{transform:scale(.92)}.char-picker-back{color:var(--rose);background:#f871711a;border:1px solid #f8717140;border-radius:8px;align-self:flex-end;padding:4px 12px;font-size:14px;font-weight:700;transition:all .12s}.char-picker-back:hover{background:#f8717138}.results-coins-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:10px;width:100%;margin:4px 0;padding:18px 20px;display:flex}.results-coins-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:13px;font-weight:800}.results-coin-row{justify-content:space-between;align-items:center;font-size:14px;display:flex}.results-coin-label{color:#c4c4d8}.results-coin-val{color:var(--amber);font-weight:800}.results-coin-row--boost{opacity:.85}.results-coin-boost{color:var(--lumi)}.results-coin-total{border-top:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;padding-top:10px;font-size:15px;font-weight:800;display:flex}.results-coin-total-val{color:var(--amber);font-size:18px}.onboard-screen{background:var(--bg);flex-direction:column;height:100vh;display:flex}.onboard-topbar{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.onboard-back{color:var(--text);background:0 0;border-radius:8px;padding:4px 8px;font-size:20px}.onboard-back:hover{background:#ffffff12}.onboard-flags{font-size:22px}.onboard-skip{color:var(--muted);background:0 0;border-radius:8px;padding:6px 10px;font-size:14px}.onboard-skip:hover{color:var(--text);background:#ffffff12}.onboard-body{flex-direction:column;flex:1;gap:20px;padding:20px 16px;display:flex;overflow-y:auto}.onboard-ai-bubble{align-items:flex-start;gap:12px;display:flex}.onboard-ai-avatar{background:var(--lumi);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.onboard-ai-text{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:4px 18px 18px;flex:1;padding:14px 16px;font-size:15px;line-height:1.6}.onboard-ai-text p{margin:0 0 8px}.onboard-ai-text p:last-child{margin:0}.onboard-ai-text ul{margin:6px 0 0;padding-left:18px}.onboard-ai-text li{color:var(--muted);margin-bottom:4px;font-size:14px}.onboard-ai-text em{color:var(--text);font-style:normal}.onboard-input-wrap{flex-direction:column;gap:10px;display:flex}.onboard-textarea{box-sizing:border-box;background:var(--surface);border:1.5px solid var(--border);width:100%;color:var(--text);resize:none;border-radius:14px;padding:14px 16px;font-family:inherit;font-size:15px;line-height:1.5;transition:border-color .2s}.onboard-textarea:focus{border-color:var(--lumi);outline:none}.onboard-textarea::placeholder{color:var(--muted)}.onboard-textarea:disabled{opacity:.5}.onboard-btn{background:var(--lumi);color:#000;border-radius:14px;width:100%;padding:16px;font-size:16px;font-weight:900;transition:opacity .15s,transform .1s}.onboard-btn:hover:not(:disabled){opacity:.9}.onboard-btn:active:not(:disabled){transform:scale(.98)}.onboard-btn:disabled{opacity:.4;cursor:not-allowed}.onboard-loading{justify-content:center;align-items:center;gap:10px;display:flex}.onboard-spinner{border:2.5px solid #0000004d;border-top-color:#000;border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.onboard-error{color:var(--rose);background:#ff4b4b1f;border:1px solid #ff4b4b4d;border-radius:10px;padding:10px 14px;font-size:14px}.onboard-generating{text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:24px 16px}.onboard-gen-icon{margin-bottom:10px;font-size:40px;animation:1.5s ease-in-out infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.onboard-generating p{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:700}.onboard-gen-sub{color:var(--muted)!important;font-size:13px!important;font-weight:400!important}.onboard-level-grid{flex-direction:column;gap:10px;width:100%;display:flex}.onboard-level-btn{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;text-align:left;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;transition:border-color .15s,background .15s,transform .1s;display:flex}.onboard-level-btn:hover:not(:disabled){border-color:var(--lumi);background:var(--bg);transform:translateY(-1px)}.onboard-level-btn--selected{border-color:var(--lumi);background:#818cf814}.onboard-level-btn--disabled,.onboard-level-btn:disabled{opacity:.38;cursor:not-allowed;transform:none}.onboard-field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.onboard-level-emoji{flex-shrink:0;font-size:26px}.onboard-level-label{color:var(--text);flex:1;font-size:16px;font-weight:700}.onboard-level-desc{color:var(--muted);white-space:nowrap;font-size:12px}.wg-wrap{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:14px;padding:20px 16px 24px;display:flex}.wg-header{justify-content:space-between;align-items:center;display:flex}.wg-title{color:var(--muted);font-size:14px;font-weight:700}.wg-score{color:var(--amber);font-size:15px;font-weight:800}.wg-timer-track{background:var(--border);border-radius:99px;height:6px;overflow:hidden}.wg-timer-fill{background:var(--lumi);border-radius:99px;height:100%;transition:width 50ms linear,background .3s}.wg-timer-fill--low{background:#ef4444}.wg-prompt{flex-direction:column;align-items:center;gap:6px;padding:4px 0;display:flex}.wg-prompt-label{color:var(--muted);font-size:13px}.wg-prompt-word{color:var(--text);letter-spacing:-.5px;font-size:28px;font-weight:800}.wg-streak{color:var(--amber);font-size:13px;font-weight:700;animation:.2s pop}@keyframes pop{0%{transform:scale(.8)}60%{transform:scale(1.2)}to{transform:scale(1)}}.wg-options{flex-direction:column;gap:8px;display:flex}.wg-opt{border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text);cursor:pointer;text-align:center;border-radius:14px;padding:13px 16px;font-size:15px;font-weight:600;transition:background .1s,border-color .1s,transform .1s}.wg-opt:hover:not(:disabled){background:var(--surface);border-color:var(--lumi);transform:translateY(-1px)}.wg-opt:disabled{cursor:default}.wg-opt--correct{color:#22c55e!important;background:#22c55e26!important;border-color:#22c55e!important}.wg-opt--wrong{color:#ef4444!important;background:#ef44441a!important;border-color:#ef4444!important}.path-goal-banner{background:linear-gradient(135deg,#818cf81a,#6366f10d);border:1px solid #818cf840;border-radius:14px;align-items:center;gap:10px;margin:0 0 4px;padding:12px 14px;display:flex}.path-goal-icon{flex-shrink:0;font-size:18px}.path-goal-text{flex:1;min-width:0}.path-goal-label{color:var(--lumi);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:11px;font-weight:800;display:block}.path-goal-desc{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.path-goal-edit{color:var(--lumi);cursor:pointer;white-space:nowrap;background:#818cf826;border:1.5px solid #818cf866;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s;display:flex}.path-goal-edit:hover{border-color:var(--lumi);background:#818cf847}.path-goal-banner--empty{cursor:pointer;background:linear-gradient(135deg,#4ade8014,#22c55e0a);border-color:#4ade804d}.path-goal-banner--empty:hover{background:linear-gradient(135deg,#4ade8021,#22c55e12);border-color:#4ade808c}.path-goal-banner--empty .path-goal-label{color:#4ade80}.path-goal-banner--empty .path-goal-desc{white-space:normal;font-size:12px}.path-goal-edit--cta{color:#4ade80;background:#4ade8026;border-color:#4ade8080}.path-goal-edit--cta:hover{background:#4ade8047;border-color:#4ade80}.path-srs-banner{color:#c084fc;background:#a855f71f;border:1px solid #a855f759;border-radius:10px;align-items:center;gap:10px;margin:0 16px 12px;padding:10px 14px;font-size:13px;display:flex}.path-srs-icon{flex-shrink:0;font-size:16px}.path-srs-text{flex:1}