:root{--paper: #F6F0E2;--cream: #EFE6D2;--ivory: #FCFAF5;--card: #FFFFFF;--card-2: #FBF8F1;--tint-warm: #FBF1E5;--tint-mint: #E8F6EE;--tint-sky: #E5EEF5;--tint-coral: #FFE6DC;--tint-mango: #FFF1CF;--tint-lavender:#EDE5FA;--ink: #1A1410;--ink-2: #3A2F26;--ink-3: #5C4F40;--muted: #7A6D5B;--muted-2: #A89A87;--line: #E7DDC8;--line-2: #D7CAAF;--line-strong: #2A2017;--coral: #FF6B47;--coral-deep: #C13A1D;--coral-soft: #FFB39A;--mango: #FFB627;--mint: #2FBF8F;--mint-deep: #1E9A6E;--ocean: #2A6FA8;--lavender: #8B6FE6;--berry: #E84A6F;--plum: #6B3FA0;--sun: #F7C948;--success: var(--mint);--warn: var(--mango);--danger: var(--berry);--streak: var(--coral);--primary: var(--coral);--primary-deep: var(--coral-deep);--r-xs: 6px;--r-sm: 10px;--r-md: 14px;--r-lg: 20px;--r-xl: 28px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(26, 20, 16, .04), 0 2px 6px rgba(26, 20, 16, .04);--shadow-md: 0 4px 14px rgba(26, 20, 16, .06), 0 1px 3px rgba(26, 20, 16, .04);--shadow-lg: 0 16px 40px rgba(26, 20, 16, .1), 0 4px 12px rgba(26, 20, 16, .06);--shadow-pop:0 12px 28px -8px rgba(255, 107, 71, .45), 0 4px 10px rgba(232, 74, 44, .18);--font-display: "Bricolage Grotesque", "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Geist Mono", monospace;--font-serif: "Instrument Serif", "Cormorant Garamond", Georgia, serif;--density: 1}:root[data-theme=dark]{color-scheme:dark;--paper: #14110C;--cream: #1A150E;--ivory: #16120C;--card: #211B12;--card-2: #1B1610;--tint-warm: #2A1F15;--tint-mint: #14241B;--tint-sky: #14212B;--tint-coral: #2E1A12;--tint-mango: #2A2212;--tint-lavender:#1E1830;--ink: #F2EADB;--ink-2: #D8CDBA;--ink-3: #B6AB96;--muted: #9C9081;--muted-2: #7C7163;--line: #2E271C;--line-2: #3A3122;--line-strong: #F2EADB;--coral: #FF7A57;--coral-deep: #FF6B47;--coral-soft: #5A3326;--mango: #FFC04A;--mint: #34CF9B;--mint-deep: #2FBF8F;--ocean: #5AA0DA;--lavender: #A78BFF;--berry: #FF6B8E;--plum: #A77FDC;--sun: #F7C948;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .38), 0 1px 3px rgba(0, 0, 0, .3);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .52), 0 4px 12px rgba(0, 0, 0, .38);--shadow-pop:0 12px 28px -8px rgba(255, 107, 71, .4), 0 4px 10px rgba(0, 0, 0, .42)}:root[data-theme=dark] .banner-success{background:#15241c;border-color:#244a3a;color:#5fd3a6}:root[data-theme=dark] .banner-error{background:#2e1620;border-color:#5a2a3a;color:#ff8fa6}:root[data-theme=dark] .pill-sky{color:#9fc9ec}:root[data-theme=dark] .btn-final:hover{background:#2a1f15}:root[data-theme=dark] .typing-frame{background:#1b1610}:root[data-theme=dark] .verify-banner{background:#2a2212}:root[data-theme=dark] .legal-notice{background:#2a2212}:root[data-theme=dark] .placement-shell{background:linear-gradient(180deg,#1a150e,#211b12 58%,#2a1f15)}.theme-seg{display:inline-flex;gap:4px;padding:4px;margin-top:12px;border:1px solid var(--line);border-radius:var(--r-pill);background:var(--card-2)}.theme-seg button{border:0;background:transparent;color:var(--muted);font:inherit;font-weight:600;font-size:14px;padding:7px 18px;border-radius:var(--r-pill);cursor:pointer;transition:background .12s ease,color .12s ease}.theme-seg button.active{background:var(--coral);color:#fff}.theme-seg button:not(.active):hover{color:var(--ink-2)}.cefr-badge{display:inline-flex;align-items:center;font-size:11px;font-weight:700;letter-spacing:.02em;padding:2px 8px;border-radius:999px;white-space:nowrap;background:var(--card-2);color:var(--ink-2)}.cefr-badge.cefr-pre{background:var(--tint-lavender);color:var(--plum)}.cefr-badge.cefr-a1{background:var(--tint-mint);color:var(--mint-deep)}.cefr-badge.cefr-a2{background:var(--tint-sky);color:var(--ocean)}.cefr-badge.cefr-b1{background:var(--tint-coral);color:var(--coral-deep)}.cefr-badge.cefr-adv{background:var(--tint-mango);color:var(--ink-2)}.cefr-badge.cefr-badge-lg{font-size:16px;padding:7px 15px}.cefr-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;border:1px solid var(--line);background:var(--card-2);color:var(--ink-2);font-size:12px;font-weight:600;cursor:pointer}.cefr-chip:hover{border-color:var(--coral-soft)}.cefr-current{display:flex;align-items:center;gap:14px;margin-top:16px}.cefr-level-card.is-current{border:2px solid var(--coral)}.cefr-level-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.cefr-here{font-size:11px}.cefr-cando-list{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:6px}.cefr-cando-list li{position:relative;padding-left:20px;font-size:14px;color:var(--ink-2);line-height:1.4}.cefr-cando-list li:before{content:"";position:absolute;left:4px;top:8px;width:7px;height:7px;border-radius:50%;background:var(--coral-soft)}.cefr-cando-list li.cd-in_progress:before{background:var(--mango)}.cefr-cando-list li.cd-achieved{color:var(--ink)}.cefr-cando-list li.cd-achieved:before{content:"✓";left:1px;top:0;width:auto;height:auto;border-radius:0;background:transparent;color:var(--mint-deep);font-size:13px;font-weight:800}.cd-count{color:var(--mango);font-weight:600}.cefr-metcount{font-size:12px;color:var(--muted);font-weight:600}.cefr-disclaimer{margin-top:22px;font-size:12px;color:var(--muted);max-width:620px;line-height:1.5}[data-density=compact]{--density: .85}[data-density=cozy]{--density: 1.05}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-feature-settings:"ss01" on,"cv11" on;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;overflow-x:hidden}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1a14101a;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#1a14102e;border:2px solid transparent;background-clip:padding-box}.app{display:grid;grid-template-columns:248px 1fr;min-height:100vh;background:var(--paper)}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--line);background:var(--paper)}.sidebar-nav{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:6px;scrollbar-width:thin;padding-bottom:12px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--line);border-radius:99px}.placement-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;background:linear-gradient(180deg,#fff7f0,#ffe9dc 55%,#fbd8c5);padding:0 16px 32px}.placement-bar{width:100%;max-width:560px;display:flex;align-items:center;justify-content:space-between;padding:16px 4px}.placement-card{width:100%;max-width:560px;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-md);padding:26px 24px}.placement-shell.is-pick .placement-bar,.placement-shell.is-pick .placement-card{max-width:1120px}.placement-shell.is-pick .placement-card{padding:clamp(26px,3vw,40px)}.placement-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.placement-pair-card{border:1px solid var(--line);border-radius:20px;padding:20px;background:var(--card-2);transition:opacity .2s ease}.placement-pair-card.is-locked{opacity:.55}.placement-pair-card.is-locked .lang-tile-grid{pointer-events:none}.placement-pair-hint{font-weight:600;letter-spacing:0;text-transform:none;color:var(--coral-deep)}.placement-learn-label{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#b7a07a;margin:0 0 14px}.lang-tile-grid.lang-tile-grid--compact{grid-template-columns:repeat(3,1fr);gap:10px}.lang-tile-grid--compact .lang-tile{min-height:74px;padding:12px 6px;border-radius:14px;gap:3px}.lang-tile-grid--compact .lang-tile-native{font-size:17px}.lang-tile-grid--compact .lang-tile-en{font-size:9.5px}@media (max-width: 860px){.placement-pair{grid-template-columns:1fr}}@media (max-width: 430px){.lang-tile-grid.lang-tile-grid--compact{grid-template-columns:repeat(2,1fr)}}.placement-jump{margin-top:18px}.placement-jump-label{font-size:13px;color:var(--muted);margin-bottom:10px}.placement-jump-row{display:flex;flex-wrap:wrap;gap:10px}.placement-jump-btn{padding:10px 18px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--card);color:var(--ink);font:inherit;font-weight:600;font-size:14px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.placement-jump-btn:hover:not(:disabled){border-color:var(--coral);background:var(--tint-coral)}.placement-jump-btn.is-exam{border-color:var(--coral);color:var(--coral-deep);font-weight:700}.placement-jump-btn.is-soon{display:inline-flex;align-items:center;gap:8px;border-style:dashed;border-color:var(--line-2);color:var(--muted);cursor:not-allowed;font-weight:600}.jump-soon{font-size:9px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:var(--line);color:var(--ink-2);padding:2px 6px;border-radius:6px}.lang-tile-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.lang-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:96px;padding:18px 10px;border-radius:18px;border:2px solid transparent;background:var(--tile-bg);cursor:pointer;text-align:center;transition:transform .12s ease,box-shadow .15s ease,border-color .15s ease;animation:tileIn .3s ease both}@keyframes tileIn{0%{opacity:0}to{opacity:1}}.lang-tile:hover{transform:translateY(-2px);box-shadow:0 8px 20px #1a141014}.lang-tile:focus-visible{outline:2px solid var(--tile-fg);outline-offset:2px}.lang-tile.selected{border-color:var(--tile-fg);box-shadow:0 0 0 4px var(--tile-ring),0 10px 24px #1a14101a;transform:translateY(-2px) scale(1.03)}.lang-tile.is-disabled{opacity:.4;cursor:not-allowed}.lang-tile.is-disabled:hover{transform:none;box-shadow:none}.placement-polish{display:block;width:fit-content;max-width:100%;margin:16px auto 0;padding:11px 18px;border-radius:999px;border:1.5px dashed var(--line-2);background:transparent;color:var(--ink-2);font:inherit;font-weight:600;font-size:14px;cursor:pointer;text-align:center;transition:border-color .15s,background .15s,color .15s}.placement-polish:hover{border-color:var(--coral);color:var(--coral-deep)}.placement-polish.on{border-style:solid;border-color:var(--coral);background:var(--tint-coral);color:var(--coral-deep)}@media (prefers-reduced-motion: reduce){.lang-tile{animation:none}.lang-tile.selected,.lang-tile:hover{transform:none}}.lang-tile-native{font-family:var(--font-display);font-weight:700;font-size:21px;color:var(--tile-fg);line-height:1.12}.lang-tile-en{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.placement-cta{width:100%;margin-top:24px}.placement-cta--empty{display:flex;align-items:center;justify-content:center;width:100%;margin-top:24px;padding:16px;gap:8px;border:0;border-radius:14px;background:#ece3d6;color:#a4937a;font-family:inherit;font-weight:700;font-size:16px;cursor:not-allowed}html[data-theme=dark] .placement-cta--empty{background:#ffffff0f;color:var(--muted)}@media (max-width: 920px){.lang-tile-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 620px){.lang-tile-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 430px){.lang-tile-grid{grid-template-columns:repeat(2,1fr)}}.placement-scroll{display:flex;flex-direction:column;gap:12px;min-height:280px;max-height:52vh;overflow-y:auto;padding:8px 2px;margin-top:8px}.placement-progress{display:flex;align-items:center;gap:10px;margin:6px 0 2px}.placement-progress-dots{display:flex;gap:6px;flex:none}.pp-dot{width:8px;height:8px;border-radius:50%;background:var(--line-2);transition:background .25s,transform .25s}.pp-dot.on{background:var(--coral-deep);transform:scale(1.15)}.placement-progress-label{font-size:13px;color:var(--muted);line-height:1.3}.placement-connecting{font-size:13px;color:var(--muted);text-align:center;margin:6px 0 0}.placement-mic-first{display:flex;align-items:center;justify-content:center;gap:6px;font-size:13.5px;font-weight:600;color:var(--coral-deep);text-align:center;margin:12px 0 0}.placement-mic-first>svg{flex:none}.placement-next{font-size:14px;color:var(--muted);margin:0 0 14px}.start-rec-badge{position:absolute;top:-10px;right:14px;background:var(--coral);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;padding:3px 9px;border-radius:999px}@keyframes skel-shimmer{0%{background-position:-300px 0}to{background-position:300px 0}}.skel-line,.skel-circle,.skel-bar{background:linear-gradient(90deg,var(--cream) 25%,#ececec 37%,var(--cream) 63%);background-size:600px 100%;animation:skel-shimmer 1.3s ease-in-out infinite;border-radius:8px}.skel-line{height:12px;margin:7px 0}.skel-circle{width:46px;height:46px;border-radius:14px;flex:0 0 auto}.skel-bar{height:6px;border-radius:99px;margin:16px 0 6px;width:100%}.skel-card{display:flex;align-items:center;gap:16px}.skel-note{font-size:13px;color:var(--muted);margin-top:6px}.page-guide-fab{position:fixed;right:22px;bottom:22px;z-index:60;width:46px;height:46px;border-radius:50%;border:1px solid var(--ink);background:var(--ink);color:#fff;box-shadow:0 6px 20px #0000002e;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.page-guide-fab:hover{transform:translateY(-2px);box-shadow:0 10px 26px #0000003d}.page-guide-fab .nav-icon{color:#fff}@media (max-width: 880px){.page-guide-fab{bottom:84px;right:16px}}.page-guide-fab--raised{bottom:116px}@media (max-width: 880px){.page-guide-fab--raised{bottom:150px}}body.typing-immersive .page-guide-fab{z-index:2147483000}.page-guide-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#14100c73;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:20px;animation:pg-fade .15s ease}@keyframes pg-fade{0%{opacity:0}to{opacity:1}}.page-guide-modal{background:var(--paper);border-radius:var(--r-xl);border:1px solid var(--line);width:100%;max-width:460px;max-height:86vh;overflow-y:auto;padding:22px 22px 20px;box-shadow:0 24px 60px #00000047;animation:pg-pop .18s ease}@keyframes pg-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}.page-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.page-guide-kicker{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--coral)}.page-guide-title{font-size:22px;font-weight:800;margin:2px 0 0;color:var(--ink)}.page-guide-x{flex:0 0 auto;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer}.page-guide-x:hover{background:var(--cream);color:var(--ink)}.page-guide-intro{margin:12px 0 16px;color:var(--muted);font-size:14.5px;line-height:1.5}.page-guide-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.page-guide-step{display:flex;align-items:flex-start;gap:12px}.page-guide-num{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--coral);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center}.page-guide-text{font-size:14.5px;line-height:1.5;color:var(--ink);padding-top:2px}.page-guide-done{margin-top:20px;width:100%}.brand{display:flex;align-items:center;gap:10px;padding:8px 10px 18px}.brand-mark{width:38px;height:38px;border-radius:12px;background:var(--coral);display:grid;place-items:center;color:var(--paper);position:relative;overflow:hidden}.brand-mark:after{content:none}.brand-name{font-family:var(--font-display);font-weight:700;font-size:34px;letter-spacing:-.02em}.brand-name .brand-me{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--coral)}.brand-name .brand-v{color:var(--coral)}.brand-lockup{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1.05}.brand-lockup .brand-name{font-size:37px}.brand-tagline{font-size:10px;font-weight:600;color:var(--coral);letter-spacing:.01em;margin-top:3px;white-space:nowrap}.nav-section-label{font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--muted);padding:14px 12px 6px;text-transform:uppercase}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-md);color:var(--ink-3);font-weight:500;font-size:14.5px;cursor:pointer;transition:background .15s,color .15s,transform .12s;text-align:left;width:100%;white-space:nowrap}.nav-item:hover{background:#1a14100b;color:var(--ink)}.nav-item.active{background:var(--ink);color:var(--paper);font-weight:600}.nav-item.active .nav-icon{color:var(--coral)}.nav-item .nav-icon{width:18px;height:18px;flex-shrink:0}.nav-item .nav-badge{margin-left:auto;background:var(--coral);color:#fff;font-size:10px;font-weight:700;padding:2px 7px;border-radius:999px}.nav-item.active .nav-badge{background:var(--coral)}.sidebar-footer{flex:0 0 auto;padding:10px 10px 4px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}.foot-tri{display:flex;gap:6px}.foot-btn{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;border-radius:var(--r-md);border:none;background:transparent;cursor:pointer;transition:background .15s}.foot-btn:hover{background:#1a14100b}.foot-ic{position:relative;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:none}.foot-lbl{font-size:11px;font-weight:600;color:var(--ink-3);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.foot-set .foot-ic{background:var(--ocean);color:#fff}.foot-out .foot-ic{background:var(--coral);color:#fff}.foot-prof .foot-ic{background:var(--mint);color:#fff}.foot-initial{font-size:18px;font-weight:800;line-height:1;letter-spacing:0}.foot-set.active .foot-ic{box-shadow:0 0 0 3px var(--tint-sky)}.foot-streak{position:absolute;top:-5px;right:-7px;display:inline-flex;align-items:center;gap:1px;height:16px;padding:0 4px;border-radius:999px;background:var(--coral);color:#fff;font-size:10px;font-weight:800;line-height:1}.learn-lang-card{display:flex;align-items:center;gap:10px;width:100%;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);box-shadow:0 1px 2px #1a14100d;padding:11px 14px;cursor:pointer;transition:border-color .15s}.learn-lang-card:hover{border-color:var(--line-2)}.learn-lang-globe{color:var(--coral-deep);display:grid;place-items:center;flex:none}.learn-lang-select{flex:1 1 auto;min-width:0;border:none;background:transparent;outline:none;font:inherit;font-weight:700;font-size:15px;color:var(--ink);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none}.learn-lang-chev{color:var(--muted);display:grid;place-items:center;flex:none;pointer-events:none}.streak-pill{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#ff7b59,#ff5236);border-radius:var(--r-lg);color:#fff;position:relative;overflow:hidden}.streak-pill:after{content:"";position:absolute;inset:-40% -40% auto auto;width:100px;height:100px;border-radius:999px;background:#ffffff14}.streak-pill .streak-n{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:1}.streak-pill .streak-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.9;font-weight:600}.profile-row{display:flex;align-items:center;gap:10px;padding:8px;border-radius:var(--r-md);cursor:pointer}.profile-row:hover{background:#1a14100b}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#ffb39a,#ff6b47);display:grid;place-items:center;color:#fff;font-weight:700;font-size:12px}.main{min-width:0;position:relative}.page{padding:32px 44px 72px;max-width:900px;margin:0 auto;animation:pageFade .3s cubic-bezier(.22,.61,.36,1)}.page.today-page{max-width:1120px}@keyframes pageFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:24px;position:relative}button.card{cursor:pointer;text-align:left;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}button.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-strong, var(--line))}button.card:active{transform:translateY(0)}@media (prefers-reduced-motion: reduce){button.card{transition:none}button.card:hover{transform:none}.page{animation:none}}.card-tight{padding:18px;border-radius:var(--r-lg)}.card-flat{background:var(--card-2)}.card-ink{background:var(--ink);color:var(--paper);border-color:transparent}.label-eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.h-display{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;line-height:1.05;color:var(--ink)}.h-serif{font-family:var(--font-serif);font-weight:400;font-style:italic;letter-spacing:-.01em}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:var(--r-pill);font-weight:600;font-size:14px;transition:transform .12s,box-shadow .15s,background .15s,color .15s;-webkit-user-select:none;user-select:none;white-space:nowrap;border:1px solid transparent}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[disabled]{opacity:.4;cursor:not-allowed;box-shadow:none}.btn:disabled:hover,.btn[disabled]:hover{background:inherit}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:#2c231b}.btn-coral{background:var(--coral-btn, #D44120);color:#fff;box-shadow:var(--shadow-pop)}.btn-coral:hover{background:var(--coral-btn-hover, #BC3A1A)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line-2)}.btn-ghost:hover{background:#1a14100a}.btn-soft{background:var(--cream);color:var(--ink)}.btn-soft:hover{background:var(--line)}.btn-sm{padding:7px 12px;font-size:13px}.btn-lg{padding:14px 22px;font-size:15px}.btn-block{width:100%;justify-content:center}.btn-icon{padding:9px;aspect-ratio:1}@media (pointer: coarse){.btn,.btn-sm,.btn-icon{min-height:44px}.btn-icon{min-width:44px}}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:600;background:var(--cream);color:var(--ink-2)}.pill-coral{background:var(--tint-coral);color:var(--coral-deep)}.pill-mint{background:var(--tint-mint);color:var(--mint-deep)}.pill-mango{background:var(--tint-mango);color:#8a6b11}.pill-sky{background:var(--tint-sky);color:#1f5f8b}.pill-lavender{background:var(--tint-lavender);color:var(--plum)}.pill-ink{background:var(--ink);color:var(--paper)}.kbd{font-family:var(--font-mono);font-size:11px;background:var(--cream);border:1px solid var(--line);border-bottom-width:2px;padding:1px 6px;border-radius:6px;color:var(--ink-2)}.divider{height:1px;background:var(--line);margin:16px 0}.today-hero{position:relative;background:linear-gradient(135deg,#ffd9c9,#fff1cf 60%,#fae8c9);border-radius:var(--r-xl);padding:32px 36px;overflow:hidden;border:1px solid #F2DDB8}.today-hero:after{content:"";position:absolute;right:-60px;top:-60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#FFB39A 0%,transparent 65%);pointer-events:none}.today-hero .hero-content{position:relative;z-index:1;max-width:640px}.today-hero h1{font-family:var(--font-display);font-size:44px;font-weight:700;letter-spacing:-.025em;line-height:1.05;margin:8px 0;color:var(--ink)}.today-hero h1 .hero-em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--coral-deep)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;display:flex;flex-direction:column;gap:4px}.stat-tile .stat-num{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1}.stat-tile .stat-lbl{font-size:12px;color:var(--muted);font-weight:500}.stat-tile .stat-spark{height:22px;margin-top:8px;display:flex;align-items:flex-end;gap:2px}.stat-spark .bar{flex:1;background:var(--coral);border-radius:2px;opacity:.6}.section-head{display:flex;align-items:end;justify-content:space-between;margin:36px 0 16px}.section-head h2{font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.02em;margin:4px 0 0}.section-head .section-sub{font-size:13px;color:var(--muted);margin-top:4px}.word-card{display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;padding:0}.word-card .word-side{padding:28px 32px}.word-card .word-side+.word-side{border-left:1px dashed var(--line)}.word-card .word-term{font-family:var(--font-display);font-size:46px;font-weight:700;letter-spacing:-.025em;line-height:1;color:var(--coral-deep);margin:8px 0 2px}.word-card .word-ipa{font-family:var(--font-serif);font-style:italic;color:var(--muted);font-size:16px}.word-card .word-def{color:var(--ink-2);font-size:15px;margin:12px 0}.word-card .word-tags{display:flex;flex-wrap:wrap;gap:6px}.word-card .word-example{margin-top:16px;font-family:var(--font-serif);font-style:italic;color:var(--ink-2);font-size:16px;padding:12px 14px;background:var(--card-2);border-radius:var(--r-md);border-left:3px solid var(--coral)}.word-card .word-example em{font-style:normal;font-weight:600;color:var(--coral-deep)}.word-card .word-actions{display:flex;gap:8px;margin-top:14px}.phrase-card{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:center}.phrase-card .phrase-text{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.15}.phrase-card .phrase-meaning{color:var(--muted);margin-top:8px}.phrase-card .phrase-art{height:140px;border-radius:var(--r-lg);background:radial-gradient(circle at 30% 30%,var(--tint-mango),transparent 60%),linear-gradient(135deg,var(--tint-coral),var(--tint-mango));position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.phrase-listen{display:inline-flex;align-items:center;gap:9px;padding:12px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.7);background:#fff9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--ink-2);font:inherit;font-weight:600;font-size:15px;cursor:pointer;box-shadow:0 4px 14px #b4461e24;transition:transform .12s ease,background .12s ease}.phrase-listen:hover{background:#ffffffd9;transform:translateY(-1px)}.phrase-listen:active{transform:translateY(0)}.dual-tiles{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tip-card{background:linear-gradient(135deg,#fff1cf,#ffe0aa);border:1px solid #F0D9A3;border-radius:var(--r-xl);padding:24px}.tip-card .tip-icon{width:44px;height:44px;background:var(--mango);border-radius:var(--r-md);display:grid;place-items:center;color:#fff}.challenge-card{background:linear-gradient(135deg,#e8f6ee,#d5efe0);border:1px solid #BDE2CE;border-radius:var(--r-xl);padding:24px}.challenge-card .ch-icon{width:44px;height:44px;background:var(--mint-deep);border-radius:var(--r-md);display:grid;place-items:center;color:#fff}.practice-shell{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}.chat-pane{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);display:flex;flex-direction:column;min-height:calc(100vh - 130px);overflow:hidden}.chat-header{display:flex;align-items:center;gap:14px;padding:18px 24px;border-bottom:1px solid var(--line);background:var(--card-2)}.chat-header .aria-avatar{width:44px;height:44px;border-radius:50%;background:conic-gradient(from 0deg at 50% 50%,#ff6b47,#ffb627,#2fbf8f,#8b6fe6,#ff6b47);position:relative;padding:3px}.chat-header .aria-avatar:after{content:"A";position:absolute;top:3px;right:3px;bottom:3px;left:3px;background:var(--ink);border-radius:50%;display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:18px}.chat-header .aria-meta{flex:1}.chat-header .aria-name{font-family:var(--font-display);font-weight:700;font-size:17px;letter-spacing:-.01em}.chat-header .aria-status{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.aria-status .live-dot{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 #2fbf8f80;animation:livePulse 1.6s ease-out infinite}@keyframes livePulse{0%,to{box-shadow:0 0 #2fbf8f8c}60%{box-shadow:0 0 0 8px #2fbf8f00}}.chat-scroll{flex:1;overflow-y:auto;padding:24px 28px 8px;display:flex;flex-direction:column;gap:18px}.msg-row{display:flex;gap:12px;max-width:78%}.msg-row.user{align-self:flex-end;flex-direction:row-reverse}.msg-bubble{padding:14px 16px;border-radius:var(--r-lg);font-size:15px;line-height:1.45;border:1px solid var(--line);background:var(--card-2)}.msg-row.user .msg-bubble{background:var(--ink);color:var(--paper);border-color:var(--ink);border-bottom-right-radius:8px}.msg-row.ai .msg-bubble{border-bottom-left-radius:8px}.msg-bubble .correction-block{margin-top:10px;padding:10px 12px;background:#ff6b4714;border-radius:var(--r-sm);border-left:3px solid var(--coral);font-size:14px}.msg-bubble .correction-block .ok{color:var(--mint-deep);font-weight:600}.msg-bubble .correction-block .fix{color:var(--coral-deep);font-weight:600}.msg-bubble .correction-block .row{display:flex;gap:8px;align-items:baseline;margin:2px 0}.tiny-icon{width:14px;height:14px;flex-shrink:0;opacity:.7}.msg-mini-avatar{width:32px;height:32px;border-radius:50%;background:var(--ink);display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:14px;flex-shrink:0}.msg-row.user .msg-mini-avatar{background:linear-gradient(135deg,#ffb39a,#ff6b47)}.compose{border-top:1px solid var(--line);padding:16px 24px 18px;background:var(--card);display:flex;align-items:center;gap:12px}.compose-input{flex:1;background:var(--card-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:12px 18px;font-size:14.5px;outline:none;transition:border-color .15s}.compose-input:focus{border-color:var(--ink)}.record-button{position:relative;width:56px;height:56px;border-radius:50%;background:var(--coral);display:grid;place-items:center;color:#fff;box-shadow:var(--shadow-pop);transition:transform .18s,background .18s;flex-shrink:0}.record-button:hover{transform:scale(1.05)}.record-button.recording{background:var(--ink)}.record-button.recording:before,.record-button.recording:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--coral);animation:pulseRing 1.4s ease-out infinite}.record-button.recording:after{animation-delay:.7s}@keyframes pulseRing{0%{transform:scale(1);opacity:.8}to{transform:scale(1.8);opacity:0}}.record-overlay{position:absolute;inset:auto 24px 84px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:20px 22px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:16px}.waveform{flex:1;display:flex;align-items:center;gap:3px;height:50px}.waveform .bar{flex:1;background:var(--coral);border-radius:2px;min-height:4px;transition:height .12s}.rec-clock{font-family:var(--font-mono);font-size:13px;color:var(--coral-deep);font-weight:600}.side-panel{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:18px}.topic-chip{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:var(--r-md);cursor:pointer;transition:background .15s;border:1px solid transparent;background:transparent;font-family:inherit;width:100%}.topic-chip:hover{background:var(--card-2)}.topic-chip.active{background:var(--card-2);border-color:var(--line)}.topic-chip .topic-dot{width:10px;height:10px;border-radius:50%;background:var(--coral);flex-shrink:0}.topic-chip .topic-name{font-weight:600;font-size:13.5px}.topic-chip .topic-desc{font-size:12px;color:var(--muted)}.feedback-block{margin-top:12px;padding:14px;background:var(--card-2);border-radius:var(--r-md);border:1px solid var(--line)}.score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}.score-pill{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 0;text-align:center}.score-pill .val{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--coral-deep)}.score-pill .lbl{font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.coach-hero{background:var(--ink);color:var(--paper);border-radius:var(--r-xl);padding:28px 32px;display:grid;grid-template-columns:1fr 280px;gap:20px;align-items:center;position:relative;overflow:hidden}.coach-hero:after{content:"";position:absolute;inset:auto -40px -60px auto;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,var(--coral) 0%,transparent 60%);opacity:.55}.coach-hero h1{font-family:var(--font-display);font-size:36px;font-weight:700;letter-spacing:-.025em;margin:8px 0}.module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.module-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:22px;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .15s;position:relative;overflow:hidden;text-align:left;font-family:inherit}.module-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--line-2)}.module-card .module-icon{width:52px;height:52px;border-radius:var(--r-md);display:grid;place-items:center;margin-bottom:16px;color:#fff;font-family:var(--font-display);font-weight:700;font-size:22px}.module-card h3{font-family:var(--font-display);font-size:19px;letter-spacing:-.015em;margin:0 0 6px}.module-card .module-sub{color:var(--muted);font-size:13.5px;margin-bottom:16px;min-height:38px}.progress-track{height:6px;background:var(--cream);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:var(--coral);border-radius:999px;transition:width .4s ease}.module-card .module-progress-meta{display:flex;justify-content:space-between;font-size:11.5px;color:var(--muted);margin-top:8px;font-weight:600}.lesson-path{position:relative;padding:28px 0}.lesson-node{position:relative;display:flex;align-items:center;gap:16px;margin:16px 0}.lesson-node.offset-r{padding-left:40%}.lesson-node.offset-l{padding-right:40%}.lesson-orb{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:var(--coral);color:#fff;font-family:var(--font-display);font-weight:700;font-size:28px;box-shadow:0 6px 0 var(--coral-deep),0 12px 24px #e84a2c40;position:relative;cursor:pointer;transition:transform .15s;flex-shrink:0}.lesson-orb:hover{transform:translateY(-2px)}.lesson-orb.locked{background:var(--cream);color:var(--muted-2);box-shadow:0 4px 0 var(--line-2);cursor:not-allowed}.lesson-orb.done{background:var(--mint);box-shadow:0 6px 0 var(--mint-deep),0 12px 24px #2fbf8f38}.lesson-orb.current:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:3px dashed var(--coral);border-radius:50%;animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.lesson-label{background:var(--card);padding:10px 14px;border-radius:var(--r-md);border:1px solid var(--line);font-size:13.5px;font-weight:600;max-width:240px}.lesson-label small{display:block;color:var(--muted);font-weight:500;font-size:12px;margin-top:2px}.scenario-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.scenario-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:0;overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column;text-align:left;font-family:inherit}.scenario-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.scenario-card .scenario-art{height:120px;position:relative;overflow:hidden}.scenario-card .scenario-body{padding:18px 20px 20px}.scenario-card h3{font-family:var(--font-display);font-size:18px;letter-spacing:-.015em;margin:4px 0 6px}.scenario-card .scenario-sub{color:var(--muted);font-size:13px;min-height:36px}.diff-easy{color:var(--mint-deep)}.diff-medium{color:var(--coral-deep)}.diff-hard{color:#b72e48}.dc-hero{background:radial-gradient(circle at 80% 0%,#FFE0AA 0%,transparent 50%),linear-gradient(135deg,#fff1cf,#ffd9c9);border-radius:var(--r-xl);padding:36px;border:1px solid #F0D9A3;position:relative;overflow:hidden}.dc-flow{max-width:720px;margin:0 auto}.dc-head{margin-bottom:26px}.dc-eyebrow-row{display:flex;align-items:center;gap:12px}.dc-date{font-size:12.5px;color:var(--muted)}.dc-title{font-size:clamp(28px,4vw,40px);line-height:1.12;margin:10px 0 0}.dc-task{color:var(--ink-3);font-size:16px;line-height:1.55;margin:12px 0 0}.dc-difficulty{display:flex;align-items:center;gap:10px;margin-bottom:22px}.dc-cta{margin-top:2px}.dc-cta-note{text-align:center;color:var(--muted);font-size:13px;margin:12px 0 0}.dc-include{margin-top:32px}.dc-req-list{list-style:none;padding:0;margin:12px 0 0}.dc-req-list li{display:flex;align-items:flex-start;gap:10px;padding:10px 0;font-size:14.5px;color:var(--ink-2);border-bottom:1px solid var(--line)}.dc-req-list li:last-child{border-bottom:0}.dc-req-check{color:var(--muted);flex-shrink:0;margin-top:1px}.dc-req-bonus{color:var(--ink-3)}.dc-req-bonus strong{color:var(--ink-2)}.dc-step,.dc-review .card{border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.dc-step-title{font-size:22px;margin:8px 0 12px}.dc-step-actions{display:flex;gap:8px;margin-top:16px}.dc-rec-status{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--coral-deep)}.dc-rec-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);animation:livePulse 1s ease-out infinite}.dc-transcript{font-size:15px;color:var(--ink-2);line-height:1.5;margin:14px 0;min-height:80px}.dc-example{margin-top:24px}.dc-example-toggle{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:6px 0;cursor:pointer;font-family:inherit;font-size:14px;font-weight:600;color:var(--ink-2)}.dc-example-toggle:hover{color:var(--ink)}.dc-example-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}.dc-example-caret{color:var(--muted);transition:transform .18s ease}.dc-example-toggle[aria-expanded=true] .dc-example-caret{transform:rotate(90deg)}.dc-example-hint{font-size:13px;color:var(--muted);margin:2px 0 0}.dc-example-panel{margin-top:12px;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}@media (prefers-reduced-motion: reduce){.dc-example-caret{transition:none}}.dc-review{display:flex;flex-direction:column;gap:16px}.dc-score{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center}@media (max-width: 560px){.dc-score{grid-template-columns:1fr;gap:16px;justify-items:center;text-align:center}}.req-row{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);margin:8px 0}.req-row.met{background:var(--tint-mint);border-color:#bde2ce}.req-check{width:22px;height:22px;border-radius:50%;border:2px solid var(--line-2);flex-shrink:0;display:grid;place-items:center}.req-row.met .req-check{background:var(--mint);border-color:var(--mint);color:#fff}.drill-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:36px;text-align:center}.drill-card .drill-term{font-family:var(--font-display);font-size:56px;font-weight:700;letter-spacing:-.03em;color:var(--coral-deep);margin:8px 0 4px;line-height:1}.drill-card .drill-ipa{font-family:var(--font-serif);font-style:italic;color:var(--muted);font-size:18px}.drill-card .drill-def{color:var(--ink-2);font-size:17px;margin:18px auto;max-width:540px}.drill-card .drill-syns{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-bottom:18px}.attempt-card{background:var(--card-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;margin:10px 0}.hl-green{color:var(--mint-deep);font-weight:600}.hl-yellow{color:#c58709;font-weight:600;text-decoration:underline;text-decoration-color:var(--mango);text-decoration-thickness:2px;text-underline-offset:3px}.hl-red{color:var(--berry);font-weight:600;text-decoration:underline;text-decoration-color:var(--berry);text-decoration-thickness:2px;text-underline-offset:3px}.typing-mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}.typing-mode{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;cursor:pointer;transition:transform .15s,border-color .15s;text-align:left;font-family:inherit}.typing-mode:hover{transform:translateY(-2px);border-color:var(--line-2)}.typing-track{background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);padding:40px;font-family:var(--font-mono);font-size:22px;line-height:1.7;color:var(--muted-2);letter-spacing:-.005em}.typing-track .ch.done{color:var(--ink)}.typing-track .ch.cursor{background:var(--coral);color:#fff;border-radius:3px}.typing-track .ch.wrong{color:var(--berry);background:#e84a6f14}.typing-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.typing-meter .m-tile{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:14px;text-align:center}.typing-meter .m-val{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em}.typing-meter .m-lbl{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.tweaks-fab{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;box-shadow:var(--shadow-lg);z-index:100;cursor:pointer}.tweaks-panel{position:fixed;right:24px;bottom:84px;width:280px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:18px;z-index:101}.tweaks-panel h4{font-family:var(--font-display);font-size:15px;margin:0 0 12px}.tweak-row{margin-bottom:14px}.tweak-row .tweak-lbl{font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:700;color:var(--muted);margin-bottom:6px}.swatch-row{display:flex;gap:8px}.swatch{width:28px;height:28px;border-radius:50%;border:2px solid transparent;cursor:pointer}.swatch.active{border-color:var(--ink)}.seg{display:flex;background:var(--cream);border-radius:var(--r-pill);padding:3px;gap:2px}.seg button{flex:1;padding:6px 12px;border-radius:var(--r-pill);font-size:12px;font-weight:600;color:var(--ink-3);transition:background .15s,color .15s}.seg button.on{background:var(--card);color:var(--ink);box-shadow:var(--shadow-sm)}.onboard-shell{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--paper);z-index:1000;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:40px 32px 60px;animation:pageFade .3s ease-out}.onboard-bg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 15% 20%,rgba(255,107,71,.18) 0%,transparent 40%),radial-gradient(circle at 85% 75%,rgba(139,111,230,.14) 0%,transparent 40%),radial-gradient(circle at 70% 15%,rgba(255,182,39,.16) 0%,transparent 35%);z-index:0}.onboard-top{width:100%;max-width:960px;display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;position:relative;z-index:1}.onboard-steps{display:flex;gap:6px}.onboard-step{width:36px;height:4px;border-radius:999px;background:var(--line);transition:background .25s}.onboard-step.on{background:var(--coral)}.onboard-card{position:relative;z-index:1;background:var(--card);border:1px solid var(--line);border-radius:28px;padding:44px 52px;width:100%;max-width:960px;box-shadow:0 20px 60px #1a141014,0 2px 8px #1a14100a}.onboard-footer{margin-top:28px;font-size:13.5px;color:var(--muted);position:relative;z-index:1}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.level-card{background:var(--card-2);border:2px solid var(--line);border-radius:22px;padding:22px 22px 24px;cursor:pointer;text-align:left;font-family:inherit;position:relative;transition:transform .15s,border-color .15s,background .15s;display:flex;flex-direction:column}.level-card:hover{transform:translateY(-2px);border-color:var(--line-2)}.level-card.selected{border-color:var(--level-accent);background:var(--card);box-shadow:0 0 0 5px color-mix(in srgb,var(--level-accent) 14%,transparent)}.level-glyph{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:700;font-size:24px;margin-bottom:18px;letter-spacing:-.02em}.level-cefr{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.level-name{font-family:var(--font-display);font-size:24px;font-weight:700;letter-spacing:-.02em;margin-bottom:8px;color:var(--ink)}.level-blurb{font-family:var(--font-serif);font-style:italic;font-size:15px;color:var(--ink-2);line-height:1.45;margin-bottom:16px}.level-bullet{margin-top:auto;padding-top:12px;border-top:1px dashed var(--line-2);font-size:12.5px;color:var(--muted);font-weight:500;line-height:1.5}.level-check{position:absolute;top:18px;right:18px;width:26px;height:26px;border-radius:50%;background:var(--level-accent);color:#fff;display:grid;place-items:center;opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s}.level-card.selected .level-check{opacity:1;transform:scale(1)}.onboard-input{width:100%;background:var(--card-2);border:2px solid var(--line);border-radius:16px;padding:20px 24px;font-family:var(--font-display);font-size:26px;font-weight:600;letter-spacing:-.015em;outline:none;transition:border-color .15s}.onboard-input:focus{border-color:var(--coral)}.goal-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.goal-card{background:var(--card-2);border:2px solid var(--line);border-radius:18px;padding:22px 14px;cursor:pointer;text-align:center;font-family:inherit;transition:transform .15s,border-color .15s,background .15s}.goal-card:hover{transform:translateY(-2px);border-color:var(--line-2)}.goal-card.selected{border-color:var(--coral);background:var(--tint-coral)}.goal-mins{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--ink);letter-spacing:-.02em;line-height:1}.goal-unit{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin-top:4px}.goal-vibe{font-family:var(--font-serif);font-style:italic;font-size:13px;color:var(--coral-deep);margin-top:10px}.goal-card.selected .goal-vibe{color:var(--coral-deep);font-weight:600}.onboard-summary{margin-top:28px;background:var(--card-2);border:1px solid var(--line);border-radius:18px;padding:18px 22px}.onboard-summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;border-bottom:1px dashed var(--line)}.onboard-summary-row:last-child{border-bottom:0}.onboard-summary-row strong{font-weight:600;color:var(--ink)}@media (max-width: 760px){.onboard-card{padding:32px 24px;border-radius:22px}.level-grid{grid-template-columns:1fr}.goal-picker{grid-template-columns:repeat(2,1fr)}.onboard-shell h1{font-size:28px!important}}.mobile-tabs{display:none}@media (max-width: 920px){.app{grid-template-columns:1fr}.sidebar{display:none}.page{padding:18px 18px 100px}.today-hero{padding:24px}.today-hero h1{font-size:32px}.stat-grid{grid-template-columns:repeat(2,1fr)}.word-card{grid-template-columns:1fr}.word-card .word-side+.word-side{border-left:0;border-top:1px dashed var(--line)}.phrase-card{grid-template-columns:1fr}.phrase-card .phrase-art{height:80px}.dual-tiles,.practice-shell{grid-template-columns:1fr}.chat-pane{min-height:calc(100vh - 200px)}.coach-hero{grid-template-columns:1fr}.coach-hero h1{font-size:28px}.lesson-node.offset-r,.lesson-node.offset-l{padding-left:0;padding-right:0;justify-content:center}.lesson-label{display:none}.lesson-orb{width:72px;height:72px;font-size:22px}.mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--card);border-top:1px solid var(--line);padding:8px 8px 14px;z-index:50;justify-content:space-around}.mobile-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 4px;color:var(--muted);font-size:10.5px;font-weight:600}.mobile-tab.active{color:var(--ink)}.mobile-tab .nav-icon{width:20px;height:20px}.mobile-tab.active .nav-icon{color:var(--coral)}.mobile-tab .dot{position:absolute;bottom:4px;width:4px;height:4px;border-radius:50%;background:var(--coral)}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:16px 18px 0}.typing-track{padding:24px;font-size:18px}}@media (min-width: 921px){.mobile-header{display:none}}.spinner{width:18px;height:18px;border:2px solid var(--line);border-top-color:var(--coral);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}.toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--paper);padding:10px 18px;border-radius:var(--r-pill);font-size:13.5px;z-index:200;box-shadow:var(--shadow-lg);animation:toastIn .25s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-3px);opacity:1}}.text-input,.text-area,.select-input{width:100%;background:var(--card-2);border:1px solid var(--line);border-radius:var(--r-md);padding:11px 14px;font-size:14.5px;outline:none;transition:border-color .15s}.text-input:focus,.text-area:focus,.select-input:focus{border-color:var(--ink)}.text-area{resize:vertical;min-height:90px;font-family:inherit;line-height:1.5}.field-label{display:block;font-size:12px;color:var(--muted);font-weight:600;margin-bottom:6px}.field{margin-bottom:14px}.field-label-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.field-label-row .field-label{margin-bottom:0}.field-forgot{color:var(--coral-deep);font-size:13px;font-weight:600;text-decoration:none}.field-forgot:hover{text-decoration:underline}.auth-submit{display:flex;width:100%;margin-top:20px}.banner{border-radius:var(--r-md);padding:11px 15px;font-size:13.5px;margin-bottom:14px}.banner-error{background:#fbe3e8;border:1px solid #F0BFC9;color:#b72e48}.banner-info{background:var(--card-2);border:1px solid var(--line);color:var(--muted)}.banner-success{background:#e3f6ec;border:1px solid #BFE6CF;color:#1e7a4d}.verify-banner{display:flex;align-items:center;gap:10px;background:#fff4e8;border:1px solid #F3D8B5;color:#8a5a1c;border-radius:var(--r-md);padding:10px 14px;font-size:13.5px;margin-bottom:18px}.verify-banner-x{background:none;border:none;cursor:pointer;color:inherit;opacity:.6;display:inline-flex;padding:2px}.verify-banner-x:hover{opacity:1}.stack{display:flex;flex-direction:column;gap:12px}.muted{color:var(--muted)}.exam-page{max-width:640px}.opt-btn{text-align:left;padding:14px 16px;border-radius:12px;border:1.5px solid var(--line);background:var(--card);font-size:15px;font-weight:500;cursor:pointer;transition:border-color .15s,background .15s}.opt-btn:hover{border-color:var(--coral);background:var(--tint-coral)}.opt-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.exam-trend{margin-top:28px}.exam-bars{display:flex;align-items:flex-end;gap:10px;height:120px;margin-top:10px}.exam-bar-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;height:100%}.exam-bar{width:100%;max-width:36px;background:linear-gradient(180deg,var(--coral),var(--coral-deep));border-radius:6px 6px 0 0}.exam-bar-val{font-size:11px;color:var(--muted);margin-top:6px}.exam-score-card{display:flex;gap:40px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 26px}.exam-score-label{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.exam-score-num{font-family:var(--font-display);font-weight:700;font-size:40px;color:var(--coral-deep);line-height:1.1}.exam-score-num span{font-size:18px;color:var(--muted)}.exam-improve{margin-top:18px;font-size:16px;font-weight:600;color:var(--ink-2)}.exam-improve.up{color:var(--mint-deep)}.exam-improve.down{color:var(--coral-deep)}.weekly-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:linear-gradient(135deg,var(--tint-lavender),var(--tint-coral));border:1px solid var(--line);border-radius:16px;padding:14px 18px;margin-bottom:18px}.weekly-banner .wb-title{font-weight:700;flex:1}.center-screen{display:grid;place-items:center;min-height:100vh;color:var(--muted)}.empty-state{text-align:center;padding:48px 24px;color:var(--muted)}.typing-dots span{display:inline-block;width:6px;height:6px;margin:0 1px;border-radius:50%;background:var(--muted);animation:typingBounce 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}.kbd-board{display:flex;flex-direction:column;gap:6px;background:var(--card-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:10px;-webkit-user-select:none;user-select:none}.kbd-row{display:flex;gap:5px;justify-content:center}.kbd-key{flex:1 1 0;min-width:0;height:40px;border-radius:7px;background:var(--card);border:1px solid var(--line);border-bottom:3px solid var(--line-2);display:grid;place-items:center;font-family:var(--font-mono);font-size:12.5px;color:var(--ink-2)}.kbd-key.wide{flex:1.7 1 0}.kbd-key.space{flex:7 1 0}.kbd-key.next{background:var(--coral);color:#fff;border-bottom-color:var(--coral-deep);box-shadow:0 0 0 3px var(--tint-coral)}.kbd-legend{display:flex;gap:14px;flex-wrap:wrap;font-size:11px;color:var(--muted);margin-top:10px}.kbd-legend span{display:inline-flex;align-items:center;gap:5px}.kbd-legend i{width:11px;height:11px;border-radius:3px;display:inline-block}.tl-stage{margin-bottom:14px}.tl-lessons{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.tl-lesson{flex:1 1 150px;min-width:140px;text-align:left;background:var(--card-2);border:1px solid var(--line);border-radius:var(--r-md);padding:12px 14px;cursor:pointer;font-family:inherit;transition:transform .12s,border-color .12s}.tl-lesson:hover:not(.locked){transform:translateY(-2px);border-color:var(--line-2)}.tl-lesson.locked{opacity:.5;cursor:not-allowed}.tl-lesson.done{background:var(--tint-mint);border-color:#bde2ce}.tl-lesson.active{position:relative;border-color:var(--ink);box-shadow:0 0 0 2px var(--ink) inset;background:var(--card)}.tl-next{position:absolute;top:-9px;left:12px;background:var(--ink);color:var(--paper);font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:2px 8px;border-radius:999px}.ty-lead,.ty-continue{margin-top:18px;border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.ty-lead-title{font-size:24px;margin:4px 0}.ty-lead-sub{max-width:560px;margin:0 0 16px}.ty-lead-kbd{max-width:720px;margin:0 0 20px}.ty-lead-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.ty-continue{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}.ty-continue-text h2{font-size:24px;margin:4px 0}.ty-progress-line{color:var(--muted);font-size:13.5px;margin:16px 0 0}.ty-setup-visual{border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.ty-objective{font-size:16px;font-weight:600;color:var(--ink);line-height:1.5;margin:0 0 6px;max-width:640px}.ty-why{font-size:14px;color:var(--ink-3);line-height:1.5;margin:0 0 14px;max-width:640px}.ty-mastery{display:flex;align-items:flex-start;gap:8px;background:var(--card-2);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 14px;font-size:13px;color:var(--ink-2);margin:0 0 16px;max-width:640px}.ty-mastery svg{margin-top:1px;color:var(--muted);flex-shrink:0}@media (max-width: 700px){.ty-lead-actions{flex-direction:column;align-items:stretch}.ty-lead-actions .btn{width:100%;justify-content:center}.ty-continue{flex-direction:column;align-items:stretch}.ty-continue .btn{width:100%;justify-content:center}}.tl-stars{color:var(--mango);font-size:13px;letter-spacing:1px}.tl-num{font-family:var(--font-display);font-weight:700;font-size:14px}.legal-shell{min-height:100vh;background:var(--paper);padding:30px 20px 90px}.legal-doc{max-width:760px;margin:0 auto}.legal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.legal-doc h1{font-size:34px;line-height:1.15;margin:0 0 4px}.legal-updated{color:var(--muted);font-size:13px;margin:0 0 26px}.legal-notice{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;background:#fff4e8;border:1px solid #F3D8B5;color:#8a5a1c;border-radius:var(--r-md);padding:12px 16px;font-size:13.5px;line-height:1.5;margin:0 0 26px}.legal-notice .linklike{color:#8a5a1c;font-weight:700;text-decoration:underline}.legal-doc h2{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ink);margin:32px 0 8px}.legal-doc p,.legal-doc li{color:var(--ink-3);font-size:15px;line-height:1.65}.legal-doc p{margin:8px 0}.legal-doc ul{padding-left:22px;margin:8px 0}.legal-doc li{margin:5px 0}.legal-doc a{color:var(--coral-deep);font-weight:600}.legal-note{background:var(--tint-mango);border-radius:var(--r-md);padding:13px 16px;font-size:14px;color:var(--ink-2);margin:14px 0 6px}.legal-foot{margin-top:46px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:18px;flex-wrap:wrap;font-size:14px}.typing-track.lesson{font-size:26px;line-height:1.95}.typing-live{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:12px}.typing-live .lv{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--ink)}.typing-live .lv span{font-family:var(--font-body);font-size:11px;font-weight:600;color:var(--muted);margin-left:3px}.typing-progress{flex:1;min-width:110px;height:8px;background:var(--card-2);border:1px solid var(--line);border-radius:var(--r-pill);overflow:hidden}.typing-progress>i{display:block;height:100%;background:var(--mint);border-radius:var(--r-pill);transition:width .15s ease}.snd-toggle{border:1px solid var(--line);background:var(--card);border-radius:var(--r-pill);padding:6px 11px;cursor:pointer;font-size:12px;color:var(--muted);font-family:inherit;display:inline-flex;gap:5px;align-items:center}.snd-toggle.on{color:var(--coral-deep);border-color:var(--coral-soft)}.typing-guides{margin-top:16px}.hk{padding-bottom:64px}.hk-instruct{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0 0 18px}.hk-keycap{display:inline-grid;place-items:center;min-width:46px;height:46px;padding:0 10px;border:1px solid var(--ink);border-bottom-width:3px;border-radius:10px;background:var(--card);font-size:22px;font-weight:700;color:var(--ink)}.hk-cue{font-size:12.5px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.hk-stage{position:relative}.hk-kb{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;max-width:760px;margin:0 auto}.hk-row{display:flex;gap:8px;justify-content:center}.hk-key{flex:1;min-width:0;height:46px;border:1px solid var(--line);border-radius:8px;background:var(--card);display:grid;place-items:center;font-size:14px;color:var(--ink-2);transition:background .15s,border-color .15s,transform .1s}.hk-key.wide{font-size:11.5px;color:var(--muted)}.hk-key.space{flex:8}.hk-key.home{box-shadow:inset 0 -3px 0 var(--coral-soft)}.hk-bump{position:absolute;bottom:6px;left:50%;transform:translate(-50%);width:12px;height:2.5px;border-radius:2px;background:var(--line-2)}.hk-key.active .hk-bump{background:#ffffffb3}.hk-key.active{background:var(--coral);border-color:var(--coral);color:#fff;font-weight:700;transform:translateY(1px)}.hk-hands{position:absolute;left:0;right:0;bottom:-56px;z-index:3;pointer-events:none;display:flex;justify-content:center}.hk-hands svg{width:100%;max-width:760px;height:auto}.hk-glow{transition:opacity .2s ease,cx .25s ease,cy .25s ease}@media (prefers-reduced-motion: reduce){.hk-key,.hk-glow{transition:none}}.tdc-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px}.tdc-stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:14px 16px}.tdc-stat-l{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.tdc-stat-v{font-family:var(--font-display);font-weight:700;font-size:26px;line-height:1.1;margin-top:4px}.tdc-stat-v.accent{color:var(--coral-deep)}.tdc-stat-sub{font-size:14px;color:var(--muted);margin-left:2px}.tdc-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.tdc-chart{width:100%;height:120px;margin-top:10px;display:block}.tdc-empty{font-size:13.5px;margin:14px 0 4px}.tdc-weak{list-style:none;padding:0;margin:12px 0 0}.tdc-weak li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.tdc-weak li:last-child{border-bottom:0}.tdc-weak-key{flex:0 0 32px;height:32px;display:grid;place-items:center;border-radius:8px;background:var(--tint-coral);color:var(--coral-deep);font-weight:700;font-family:var(--font-mono);font-size:13px}.tdc-weak-text{font-size:14px;color:var(--ink-2)}.tdc-placement .tdc-place-bar{display:flex;justify-content:flex-end}.tdc-timer{font-family:var(--font-display);font-weight:700;font-size:24px;color:var(--coral-deep);font-variant-numeric:tabular-nums}@media (max-width: 760px){.tdc-grid2{grid-template-columns:1fr}}.dt-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:14px}.dt-streak{font-weight:700}.dt-nudge{display:flex;align-items:center;gap:8px;background:var(--card-2);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 14px;font-size:13.5px;color:var(--ink-2);margin-bottom:16px}.dt-nudge svg{color:var(--muted);flex-shrink:0}.dt-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.dt-timer{font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--coral-deep);font-variant-numeric:tabular-nums}.typing-frame-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60}.typing-frame{width:100%;height:100%;border:0;display:block;background:#f4efe6}.typing-frame-back{position:fixed;left:14px;bottom:14px;z-index:61;display:inline-flex;align-items:center;gap:6px;background:#ffffffeb;border:1px solid var(--line);border-radius:999px;padding:8px 15px;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--ink);cursor:pointer;box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.typing-frame-back:hover{background:var(--card)}body.typing-immersive .app{grid-template-columns:1fr}body.typing-immersive .sidebar{display:none}.tl2{display:flex;align-items:flex-start;gap:24px;padding:24px 28px}@media (max-width: 880px){.tl2{padding:16px}}.tl2-rail{flex:0 0 248px;width:248px;align-self:stretch;position:sticky;top:0;max-height:100vh;overflow-y:auto;border-right:1px solid var(--line);padding:2px 16px 24px 0}.tl2-rail-head{padding:4px 4px 14px}.tl2-rail-row{display:flex;justify-content:space-between;align-items:baseline}.tl2-rail-row b{font-size:12.5px;font-weight:700}.tl2-rail-row span{font-size:12px;color:var(--muted);font-weight:600}.tl2-rail-track{height:6px;border-radius:99px;background:var(--cream);margin-top:6px;overflow:hidden}.tl2-rail-track i{display:block;height:100%;background:var(--mint);border-radius:99px;transition:width .3s ease}.tl2-rail-sect{margin-top:14px}.tl2-rail-sect:first-child{margin-top:2px}.tl2-rail-sect h3{margin:0 0 6px;padding:0 8px;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tl2-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:8px;border-radius:10px;border:1px solid transparent;background:none;cursor:pointer;font-family:inherit;margin-bottom:2px;transition:background .12s,border-color .12s}.tl2-item:hover:not(.locked):not(.active){background:var(--cream)}.tl2-item.active{background:var(--tint-coral);border-color:var(--coral)}.tl2-item.locked{opacity:.5;cursor:not-allowed}.tl2-badge{flex:0 0 24px;width:24px;height:24px;border-radius:7px;display:grid;place-items:center;font-size:11.5px;font-weight:700;background:var(--card);border:1px solid var(--line);color:var(--ink-3)}.tl2-item.active .tl2-badge{background:var(--coral);border-color:var(--coral-deep);color:#fff}.tl2-item.done .tl2-badge{background:var(--tint-mint);border-color:#bde2ce;color:var(--mint-deep)}.tl2-item-text{display:flex;flex-direction:column;min-width:0}.tl2-item-title{font-size:13.5px;font-weight:600;color:var(--ink);line-height:1.2}.tl2-item.active .tl2-item-title{color:var(--coral-deep)}.tl2-item-keys{font-size:11px;color:var(--muted);font-weight:600;margin-top:2px;font-family:var(--font-mono);letter-spacing:.04em}.tl2-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:18px;max-width:900px}.tl2-back{align-self:flex-start}.tl2-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.tl2-titlewrap{display:flex;flex-direction:column;gap:8px}.tl2-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-deep)}.tl2-dot{width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px var(--tint-coral)}.tl2-title{font-size:clamp(28px,4vw,38px);line-height:1.05;margin:0}.tl2-subhead{font-size:15px;color:var(--ink-3);margin:0;max-width:60ch;line-height:1.5}.tl2-stats{display:flex;gap:10px}.tl2-stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);padding:9px 14px;min-width:84px;box-shadow:var(--shadow-sm)}.tl2-stat .l{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.tl2-stat .v{font-size:24px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;font-family:var(--font-display)}.tl2-stat.accuracy .v{color:var(--mint-deep)}.tl2-stat.primary{border-color:#bde2ce;background:linear-gradient(180deg,var(--card),var(--tint-mint))}.tl2-stat.primary .v{font-size:30px;color:var(--mint-deep)}.tl2-stat.secondary .v{font-size:20px;color:var(--ink-3)}.tl2-lessoncount{font-size:13px;font-weight:600;color:var(--muted)}.tl2-gate-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:-4px}.tl2-gate{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:var(--coral-deep);background:var(--tint-coral);border:1px solid var(--coral-soft);border-radius:999px;padding:5px 12px}.tl2-gate.met{color:var(--mint-deep);background:var(--tint-mint);border-color:#bde2ce}.tl2-reassure{font-size:12.5px;color:var(--muted);font-weight:500}.tl2-progress{height:8px;border-radius:99px;background:var(--cream);overflow:hidden}.tl2-progress i{display:block;height:100%;background:var(--coral);border-radius:99px;transition:width .15s ease}.tl2-drill{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:32px 36px;cursor:text}.tl2-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.tl2-tip{font-size:14px;color:var(--ink-3);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.tl2-tip .pin{color:var(--coral)}.tl2-tip strong{color:var(--ink)}.tl2-tip-sep{margin:0 8px;color:var(--line-2)}.tl2-done{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);padding:22px 26px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.tl2-done-stars{color:var(--mango);font-size:18px;letter-spacing:2px;margin-bottom:4px}.tl2-done-text h2{margin:0 0 4px;font-size:20px;font-family:var(--font-display)}.tl2-done-text p{margin:0;color:var(--muted);font-size:13.5px}.tl2-done-stats{display:flex;gap:22px}.tl2-done-stats .v{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;font-family:var(--font-display)}.tl2-done-stats .l{font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}@media (max-width: 880px){.tl2{flex-direction:column;gap:14px}.tl2-rail{position:static;width:100%;flex:none;max-height:230px;border-right:0;border-bottom:1px solid var(--line);padding:0 0 12px}.tl2-rail-list{display:flex;flex-wrap:wrap;gap:6px}.tl2-rail-sect{margin-top:8px;flex:1 1 200px}}.hands-guide{padding:8px 0 2px}.hands{display:flex;justify-content:center;gap:38px;align-items:flex-start}.hand{display:flex;flex-direction:column;align-items:center}.hand-fingers{display:flex;gap:6px;align-items:flex-end}.finger{width:30px;border:1.5px solid var(--line);border-bottom-width:4px;border-radius:9px 9px 5px 5px;background:var(--card);display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;font-family:var(--font-mono);font-size:12px;color:var(--muted);transition:transform .1s ease,box-shadow .1s ease}.finger.active{transform:translateY(-8px)}.hand-palm{position:relative;width:138px;height:30px;margin-top:-2px;border:1.5px solid var(--line);border-radius:8px 8px 20px 20px;background:var(--card)}.thumb{position:absolute;bottom:4px;width:46px;height:18px;border-radius:var(--r-pill);border:1.5px solid var(--line);background:var(--card)}.hand.left .thumb{right:-15px;transform:rotate(40deg)}.hand.right .thumb{left:-15px;transform:rotate(-40deg)}.hands-caption{text-align:center;font-size:15px;font-weight:600;color:var(--ink-2);margin-top:12px}.intro-steps{margin:18px 0 24px;padding-left:22px}.intro-steps li{margin:10px 0;font-size:15px;line-height:1.6;color:var(--ink-2)}.intro-banner{display:flex;align-items:center;gap:14px;background:var(--tint-lavender);border:1px solid #D9CDF5;border-radius:var(--r-lg);padding:14px 18px;margin-top:16px;cursor:pointer;transition:transform .12s ease}.intro-banner:hover{transform:translateY(-2px)}.intro-banner-icon{width:38px;height:38px;border-radius:var(--r-md);background:var(--card);display:grid;place-items:center;color:var(--plum)}@media (max-width: 640px){.typing-track.lesson{font-size:20px}.hands{gap:18px}.finger{width:24px}.hand-palm{width:114px}}.lc-play{display:grid;place-items:center;width:92px;height:92px;border-radius:50%;border:none;cursor:pointer;margin:0 auto;background:var(--coral);color:#fff;box-shadow:var(--shadow-pop);transition:transform .1s ease}.lc-play:hover:not(:disabled){transform:scale(1.04)}.lc-play:disabled{opacity:.6;cursor:default}.lc-option{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 15px;margin:7px 0;border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--card);cursor:pointer;font-family:inherit;font-size:14.5px;color:var(--ink-2);transition:border-color .1s ease,background .1s ease}.lc-option:hover:not(.correct):not(.wrong){border-color:var(--line-2)}.lc-option.picked{border-color:var(--coral);background:var(--tint-coral)}.lc-option.correct{border-color:var(--mint);background:var(--tint-mint);color:var(--ink)}.lc-option.wrong{border-color:var(--berry);background:#e84a6f14}.lc-mark{width:22px;height:22px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--line-2);display:grid;place-items:center;font-size:11px;font-weight:700;color:var(--muted)}.lc-option.picked .lc-mark{border-color:var(--coral);background:var(--coral);color:#fff}.lc-option.correct .lc-mark{border-color:var(--mint);background:var(--mint);color:#fff}.lc-option.wrong .lc-mark{border-color:var(--berry);background:var(--berry);color:#fff}@keyframes fm-pop{0%{transform:scale(1)}40%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes fm-shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.lc-option.correct,.answer-pop{animation:fm-pop .32s ease-out}.lc-option.wrong,.answer-shake{animation:fm-shake .34s ease-out}@media (prefers-reduced-motion: reduce){.lc-option.correct,.lc-option.wrong,.answer-pop,.answer-shake{animation:none}}.wr-textarea{width:100%;min-height:240px;resize:vertical;box-sizing:border-box;border:1.5px solid var(--line);border-radius:var(--r-md);padding:14px 16px;background:var(--card);font-family:var(--font-body);font-size:15px;line-height:1.6;color:var(--ink)}.wr-textarea:focus{outline:none;border-color:var(--coral)}.wr-textarea:disabled{opacity:.65}.wr-dims{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 0}.wr-dim{flex:1 1 110px;background:var(--card-2);border:1px solid var(--line);border-radius:var(--r-md);padding:11px 14px}.wr-dim-n{font-family:var(--font-display);font-weight:700;font-size:22px}.wr-dim-l{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.wr-correction{border:1px solid var(--line);border-radius:var(--r-md);padding:11px 14px;margin:8px 0;background:var(--card);font-size:14px}.wr-was{color:var(--berry);text-decoration:line-through}.wr-now{color:var(--mint-deep);font-weight:600}.signin-page{position:relative;min-height:100vh;background:linear-gradient(165deg,var(--cream) 0%,var(--paper) 38%,var(--tint-coral) 100%);overflow-x:hidden;--signin-bar-h: 69px;--section-gap: 24px;padding-top:calc(var(--signin-bar-h) + var(--section-gap))}.signin-page .signin-hero,.signin-page .signin-block,.signin-page #signin-card,.signin-page #how,.signin-page #languages{scroll-margin-top:calc(var(--signin-bar-h) + 12px)}.signin-bg{position:absolute;top:-120px;right:-80px;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,#ff6b472e,#ff6b4700 68%);pointer-events:none;z-index:0}.signin-bar{position:fixed;top:0;left:0;right:0;z-index:1000;min-height:var(--signin-bar-h, 69px);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px calc(clamp(16px,4vw,40px) + max(0px,(100% - 1120px) / 2));background:#fdf6efd1;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border-bottom:1px solid var(--line);box-shadow:0 4px 20px #1a14100f}html[data-theme=dark] .signin-bar{background:#1b1712d1;border-bottom-color:#ffffff14;box-shadow:0 4px 20px #00000047}.signin-bar-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.signin-burger{display:none;align-items:center;justify-content:center;width:42px;height:42px;flex:none;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ink);cursor:pointer}.signin-burger:hover{background:#1a14100d}.signin-mobile-menu{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;gap:6px;padding:12px calc(clamp(16px,4vw,40px) + max(0px,(100% - 1120px) / 2));background:#fdf6eff7;backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);border-bottom:1px solid var(--line);box-shadow:0 14px 28px #1a14101f}html[data-theme=dark] .signin-mobile-menu{background:#1b1712f7;border-bottom-color:#ffffff14}.signin-mobile-menu a{color:var(--ink-2);font-weight:600;font-size:16px;text-decoration:none;padding:12px 10px;border-radius:10px}.signin-mobile-menu a:hover{color:var(--ink);background:#1a14100d}.signin-mobile-menu .signin-mobile-divider{height:1px;background:var(--line);margin:6px 0}.signin-mobile-menu .btn{width:100%;justify-content:center}.signin-nav{display:flex;align-items:center;gap:2px}.signin-nav a,.signin-nav button{background:none;border:0;cursor:pointer;font-family:var(--font-body, "Plus Jakarta Sans"),system-ui,sans-serif;color:var(--ink-2);font-weight:500;font-size:16.5px;letter-spacing:-.01em;padding:8px 12px;border-radius:8px;text-decoration:none}.signin-nav a:hover,.signin-nav button:hover{color:var(--ink);background:#1a14100d}@media (max-width: 880px){.signin-nav,.signin-bar-actions .btn{display:none}.signin-burger{display:inline-flex}.signin-mobile-menu{display:flex}}.lang-blocks-wrap{max-width:1120px;margin:0 auto var(--section-gap);padding:0 clamp(16px,4vw,40px)}.lang-blocks{display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:4px;padding:6px 0 8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.lang-blocks::-webkit-scrollbar{display:none}.lang-block{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 5px;border-radius:999px;border:1px solid var(--fm-softline, #F6DDD2);background:#fff;box-shadow:0 3px 12px #1a14100f;cursor:pointer;white-space:nowrap;transition:transform .1s ease,box-shadow .15s,background .15s}.lang-block:hover{transform:translateY(-1px);box-shadow:0 8px 20px #1a14101a}.lang-block:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.lang-block-badge{width:27px;height:27px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--tint-coral, #FBDDD4);color:var(--coral-deep, #D44120);font-family:var(--font-display);font-weight:700;font-size:12px;line-height:1}.lang-block-name{font-family:var(--font-display);font-weight:600;font-size:13.5px;color:var(--ink)}.lang-block.on{background:var(--coral-btn, #D44120);border-color:var(--coral-btn, #D44120);box-shadow:0 8px 22px #d4412059}.lang-block.on .lang-block-name{color:#fff}.lang-block.on .lang-block-badge{background:#ffffff3d;color:#fff}html[data-theme=dark] .lang-block{background:var(--card);border-color:var(--line)}.lang-picker{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--line-2);border-radius:999px;padding:8px 15px;background:var(--card);cursor:pointer;transition:border-color .15s}.lang-picker:hover,.lang-picker:focus-within{border-color:var(--coral)}.lang-picker>svg{color:var(--coral-deep);flex:none}.lang-picker select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;background:transparent;color:var(--ink);font:inherit;font-weight:700;font-size:14px;cursor:pointer;outline:none}.signin-hero{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:center;max-width:1120px;margin:0 auto;padding:0 clamp(16px,4vw,40px)}.hero-eyebrow{font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-deep);margin-bottom:14px}.hero-title{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4.2vw,46px);line-height:1.12;letter-spacing:-.02em;overflow-wrap:break-word;margin:0 0 16px;color:var(--ink)}.hero-sub{font-size:clamp(15px,1.6vw,18px);line-height:1.6;color:var(--ink-3);max-width:46ch;margin:0 0 28px}.hero-cta-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-signin-link{font-weight:500;font-size:14px;color:#6b5e4f;border-bottom:1px solid transparent}html[data-theme=dark] .hero-signin-link{color:var(--muted)}.hero-signin-link:hover{color:var(--ink);border-bottom-color:currentColor}.hero-trust{display:flex;flex-wrap:wrap;gap:8px 22px;margin:18px 0 0;font-size:13.5px;color:var(--ink-2)}.hero-trust-item{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;border:1px solid #ece5db;background:#fff;font-weight:600;font-size:14px;color:var(--ink);white-space:nowrap}html[data-theme=dark] .hero-trust-item{background:#ffffff0f;border-color:#ffffff1f}.hero-trust-check{display:inline-flex;color:#1f9d5b}.auth-trust{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:auto;padding-top:22px}.hero-pricing-link{display:inline-flex;align-items:center;gap:6px;background:none;border:0;cursor:pointer;font:inherit;font-weight:600;font-size:16px;color:var(--ink);padding:8px}.hero-pricing-link:hover{color:var(--coral-deep)}.auth-card-wrap{position:relative;z-index:1}.auth-card{max-width:440px;margin:0 0 0 auto;padding:36px 38px}.auth-card-switch{text-align:center;margin:16px 0 0;font-size:13.5px;color:var(--muted)}.linklike{color:var(--coral-deep);font-weight:600;padding:0}.linklike:hover{text-decoration:underline}.signin-section{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:clamp(48px,7vw,88px) clamp(20px,4vw,48px)}.signin-page{--fm-soft: #FFF1EC;--fm-softline: #F6DDD2}html[data-theme=dark] .signin-page{--fm-soft: rgba(244, 88, 58, .16);--fm-softline: rgba(244, 88, 58, .3)}.signin-page .signin-hero{align-items:stretch}.signin-page .hero-copy{position:relative;overflow:hidden;background:linear-gradient(155deg,var(--fm-soft) 0%,var(--paper, #fff) 62%);border:1px solid var(--fm-softline);border-radius:26px;padding:clamp(28px,3vw,38px);box-shadow:0 14px 38px #f4583a17;display:flex;flex-direction:column}.signin-page .auth-card-wrap{display:flex;flex-direction:column}.signin-page .auth-card-wrap .auth-card{flex:1 1 auto;max-width:none;width:100%;margin:0;display:flex;flex-direction:column}.signin-page .auth-card-switch{margin-top:16px;margin-bottom:0}.signin-page .hero-copy:before{content:"";position:absolute;top:-90px;right:-70px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(244,88,58,.14),transparent 65%);pointer-events:none}.signin-page .hero-copy>*{position:relative}.signin-page .hero-cta-row{gap:16px;align-items:center;margin-top:auto}@media (max-width: 600px){.signin-page .hero-cta-row{flex-direction:column;align-items:flex-start}.signin-page .hero-cta-row .btn{width:100%}}.signin-page .final-cta{background:linear-gradient(135deg,#fff1ea,#ffe4d9);color:var(--ink);border:1px solid var(--fm-softline);border-radius:28px;width:min(1040px,calc(100% - (2*clamp(16px,4vw,40px))));margin:var(--section-gap) auto 0}html[data-theme=dark] .signin-page .final-cta{background:linear-gradient(135deg,#f4583a33,#f4583a1a)}.signin-page .final-title{color:var(--ink)}.signin-page .final-sub,.signin-page .final-micro{color:var(--muted);opacity:1}.signin-page .btn-final{background:var(--coral);color:#fff}.signin-page .signin-block{display:grid;grid-template-columns:1fr 1fr;gap:6px;align-items:stretch;max-width:1120px;margin:var(--section-gap) auto 0;padding:0 clamp(16px,4vw,40px)}.signin-page .bento{background:var(--card-2);border:1px solid var(--line);border-radius:26px;padding:32px;box-shadow:0 10px 30px #211c180d;display:flex;flex-direction:column}.signin-page .bento-eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--coral-deep, var(--coral))}.signin-page .bento-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--coral)}.signin-page .bento-title{font-family:var(--font-display);font-weight:800;font-size:clamp(22px,2.4vw,28px);line-height:1.12;letter-spacing:-.02em;margin:10px 0 0}.signin-page .demo-chat{margin-top:18px;background:var(--paper, #fff);border:1px solid var(--line);border-radius:20px;box-shadow:0 14px 34px #211c1812;padding:16px}.signin-page .demo-head{display:flex;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid var(--line)}.signin-page .demo-av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#ff8a5b,#f4583a);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-family:var(--font-display)}.signin-page .demo-msgs{display:flex;flex-direction:column;gap:9px;padding-top:14px}.signin-page .demo-bub{max-width:88%;padding:10px 14px;font-size:14px;line-height:1.45;border-radius:15px}.signin-page .demo-bub.them{align-self:flex-start;background:var(--fm-soft);color:var(--ink);border-bottom-left-radius:5px}.signin-page .demo-bub.me{align-self:flex-end;background:var(--card-2);border:1px solid var(--line);color:var(--ink);border-bottom-right-radius:5px}.signin-page .demo-dots{align-self:flex-start;display:flex;gap:4px;background:var(--fm-soft);border-radius:15px;padding:13px 14px}.signin-page .demo-dots span{width:7px;height:7px;border-radius:50%;background:var(--coral);animation:fm-blink-dots 1.2s infinite}.signin-page .demo-dots span:nth-child(2){animation-delay:.2s}.signin-page .demo-dots span:nth-child(3){animation-delay:.4s}@keyframes fm-blink-dots{0%,60%,to{opacity:.3}30%{opacity:1}}.signin-page .demo-bub-anim{opacity:0;transform:translateY(10px);transition:opacity .35s ease-out,transform .35s cubic-bezier(.2,.7,.2,1)}.signin-page .demo-bub-anim.show{opacity:1;transform:translateY(0)}.signin-page .demo-cta-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);animation:fm-fade-up .5s ease-out both}@keyframes fm-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.signin-page .demo-bub-anim{opacity:1;transform:none;transition:none}.signin-page .demo-cta-row{animation:none}}.signin-page .trust-band{max-width:1160px;margin:24px auto 8px;padding:0 var(--gap, 24px)}.signin-page .trust-band-eyebrow{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--muted);margin-bottom:12px}.signin-page .trust-pills{display:flex;flex-wrap:wrap;gap:10px}.signin-page .trust-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--paper, #fff);border:1px solid var(--line);box-shadow:0 2px 6px #211c180a;font-size:13px;font-weight:600;color:var(--ink);transition:border-color .15s ease,transform .1s ease}.signin-page .trust-pill:hover{border-color:var(--coral-line, rgba(255, 77, 46, .35))}.signin-page .trust-pill-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--fm-soft);color:var(--coral-deep, var(--coral));flex-shrink:0}.signin-page .trust-pill-text{white-space:nowrap}@media (max-width: 640px){.signin-page .trust-pill-text{white-space:normal}.signin-page .trust-pill{font-size:12.5px;padding:8px 12px}}.signin-page .lang-split{display:grid;grid-template-columns:minmax(132px,150px) 1fr;gap:16px;margin-top:22px;align-items:stretch}.signin-page .lang-list{max-height:232px;overflow:auto;display:flex;flex-direction:column;gap:2px;padding-right:4px}.signin-page .lang-row{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:9px 12px;border-radius:10px;cursor:pointer;border:none;border-left:3px solid transparent;text-align:left;background:transparent;color:var(--ink);transition:background .14s,color .14s}.signin-page .lang-row:hover{background:var(--cream, var(--card-2))}.signin-page .lang-row.on{border-left-color:var(--coral);background:var(--fm-soft);color:var(--coral-deep, var(--coral))}.signin-page .lang-row b{font-weight:700;font-size:14px}.signin-page .lang-row small{font-weight:500;font-size:11.5px;color:var(--muted)}.signin-page .lang-panel{position:relative;overflow:hidden;background:linear-gradient(155deg,var(--fm-soft),var(--paper, #fff) 78%);border:1px solid var(--fm-softline);border-radius:16px;padding:24px;display:flex;flex-direction:column;justify-content:center}.signin-page .lang-greet{font-weight:700;font-size:clamp(20px,2.4vw,26px);line-height:1.38;color:var(--ink)}.signin-page .lang-listen{display:inline-flex;align-items:center;gap:6px;background:var(--paper, #fff);border:1px solid var(--fm-softline);color:var(--coral-deep, var(--coral));border-radius:999px;padding:6px 12px;font-size:11.5px;font-weight:700;cursor:pointer}@media (max-width: 460px){.signin-page .lang-split{grid-template-columns:1fr}}.signin-page .why-row{display:flex;gap:16px;align-items:flex-start}.signin-page .why-row+.why-row{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.signin-page .why-ic{width:46px;height:46px;flex-shrink:0;border-radius:14px;display:flex;align-items:center;justify-content:center}.signin-page .price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:760px;margin:0 auto}.signin-page .price-card{background:var(--card-2);border:1px solid var(--line);border-radius:20px;padding:28px;display:flex;flex-direction:column;position:relative}.signin-page .price-card.featured{border-color:var(--coral);box-shadow:0 14px 34px -18px #ee3d1c8c}.signin-page .price-badge{position:absolute;top:-11px;left:24px;background:var(--coral);color:#fff;font-size:11px;font-weight:700;padding:4px 11px;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}.signin-page .price-name{font-family:var(--font-display);font-weight:800;font-size:24px}.signin-page .price-desc{color:var(--muted);font-size:14px;margin-top:4px}.signin-page .price-list{list-style:none;padding:0;margin:18px 0 22px;display:flex;flex-direction:column;gap:11px}.signin-page .price-list li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--ink-2)}.signin-page .price-list li>span:first-child{color:var(--coral);flex:none;display:inline-flex;margin-top:1px}.signin-page .price-card .btn{margin-top:auto;width:100%}.signin-page .price-note{font-size:12px;color:var(--muted);margin-top:12px;text-align:center}@media (max-width: 680px){.signin-page .price-grid{grid-template-columns:1fr}}.section-head{text-align:center;max-width:640px;margin:0 auto 40px}.section-title{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,3.4vw,34px);line-height:1.12;letter-spacing:-.015em;margin:8px 0 0;color:var(--ink)}.section-sub{font-size:16px;line-height:1.55;color:var(--ink-3);margin:12px 0 0}.features{background:var(--card);border-radius:32px;margin-top:8px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.feature-card{background:var(--card-2);border:1px solid var(--line);border-radius:20px;padding:26px 24px;transition:transform .15s,box-shadow .15s}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.feature-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-bottom:16px}.feature-icon.tint-coral{background:var(--tint-coral);color:var(--coral-deep)}.feature-icon.tint-mango{background:var(--tint-mango);color:#b9791a}.feature-icon.tint-mint{background:var(--tint-mint);color:var(--mint-deep)}.feature-icon.tint-lavender{background:var(--tint-lavender);color:var(--lavender)}.feature-title{font-family:var(--font-display);font-size:18.5px;font-weight:700;margin:0 0 8px;color:var(--ink)}.feature-body{font-size:14.5px;line-height:1.55;color:var(--ink-3);margin:0}.proof{text-align:center}.stat-strip{display:flex;justify-content:center;align-items:stretch;gap:clamp(20px,5vw,64px);margin-bottom:44px;flex-wrap:wrap}.stat{padding:0 8px}.stat-n{font-family:var(--font-display);font-weight:700;font-size:clamp(36px,5vw,52px);line-height:1;color:var(--coral-deep)}.stat-unit{font-size:.45em;margin-left:3px;color:var(--coral)}.stat-l{font-size:13.5px;color:var(--muted);margin-top:8px}.proof-callout{background:var(--tint-warm);border:1px solid var(--line);border-radius:24px;padding:clamp(28px,4vw,44px);max-width:720px;margin:0 auto}.trust-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px}.trust-badge{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--ink-2)}.trust-badge svg{color:var(--mint-deep)}.testimonial-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.testimonial{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;margin:0}.testimonial blockquote{margin:0 0 18px;font-size:15px;line-height:1.55;color:var(--ink-2)}.testimonial figcaption{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--coral-soft),var(--coral));color:#fff;font-weight:700;flex-shrink:0}.testimonial-meta{display:block;font-size:12.5px;color:var(--muted)}.lang-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:760px;margin:0 auto}.lang-chip{background:var(--card);border:1px solid var(--line-2);border-radius:999px;padding:10px 18px;font-size:15px;font-weight:600;color:var(--ink-2);transition:transform .12s,border-color .15s,color .15s}.lang-chip:hover{transform:translateY(-2px);border-color:var(--coral);color:var(--coral-deep)}.lang-chip:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.lang-chip[aria-pressed=true]{background:var(--coral);border-color:var(--coral);color:#fff}.final-cta{position:relative;z-index:1;text-align:center;background:linear-gradient(135deg,#ff7b59,#ff5236);color:#fff;padding:clamp(48px,7vw,80px) clamp(20px,4vw,48px)}.final-title{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3.6vw,38px);line-height:1.1;letter-spacing:-.015em;margin:0 0 14px}.final-sub{font-size:clamp(15px,1.6vw,17px);line-height:1.55;opacity:.92;max-width:48ch;margin:0 auto 28px}.btn-final{background:var(--card);color:var(--coral-deep);font-weight:700}.btn-final:hover{background:#fff3ee}.final-micro{margin:16px 0 0;font-size:12.5px;opacity:.85}.signin-footer{position:relative;z-index:1;text-align:center;padding:32px 20px 40px;color:var(--muted)}.signin-footer{border-top:1px solid var(--line);margin-top:var(--section-gap)}.signin-footer-brand{display:flex;align-items:center;justify-content:center;gap:10px}.signin-footer-links{display:flex;gap:8px 18px;justify-content:center;flex-wrap:wrap;font-size:13px;margin-top:16px}.signin-footer-links a{color:var(--muted);text-decoration:none}.signin-footer-links a:hover{color:var(--coral-deep)}.signin-footer-tag{margin:10px 0 0;font-size:12.5px}.signin-footer-copy{margin:14px 0 0;font-size:12px;color:var(--muted)}.signin-footer-entity{margin:4px 0 0;font-size:11px;color:var(--muted);opacity:.8}.app-footer{margin-top:40px;padding:22px 20px 28px;border-top:1px solid var(--line);text-align:center;color:var(--muted)}.app-footer-links{display:flex;gap:6px 16px;justify-content:center;flex-wrap:wrap;font-size:12.5px}.app-footer-links a{color:var(--muted);text-decoration:none}.app-footer-links a:hover{color:var(--coral-deep)}.app-footer-copy{margin:12px 0 0;font-size:12px;color:var(--muted)}.app-footer-entity{margin:4px 0 0;font-size:11px;color:var(--muted);opacity:.8}@media (max-width: 920px){.app-footer{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}@media (max-width: 1000px){.signin-hero,.signin-page .signin-block{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-sub{margin-left:auto;margin-right:auto}.hero-cta-row,.hero-trust{justify-content:center}.auth-card{margin:0 auto}.feature-grid{grid-template-columns:1fr 1fr}.testimonial-row{grid-template-columns:1fr;max-width:480px;margin:0 auto}.signin-bg{width:420px;height:420px;top:-60px;right:-120px}}@media (max-width: 560px){.feature-grid{grid-template-columns:1fr}.signin-bar-actions .btn{display:none}.features{border-radius:24px}}@media (prefers-reduced-motion: reduce){.feature-card,.lang-chip{transition:none}.feature-card:hover,.lang-chip:hover{transform:none}}.guide-page{min-height:100vh;background:linear-gradient(165deg,var(--cream) 0%,var(--paper) 45%,var(--tint-coral) 100%)}.guide-bar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px clamp(16px,4vw,40px);background:#f6f0e2cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(231,221,200,.6)}.guide-bar-actions{display:flex;align-items:center;gap:10px}.guide-doc{max-width:900px;margin:0 auto;padding:clamp(28px,5vw,56px) clamp(20px,4vw,40px) 64px}.guide-hero{text-align:center;margin-bottom:40px}.guide-hero h1{font-size:clamp(30px,5vw,44px);margin:0 0 8px}.guide-sub{font-size:clamp(15px,1.8vw,18px);color:var(--coral-deep);font-weight:600;margin:0 0 16px}.guide-welcome{font-size:15px;line-height:1.6;color:var(--ink-3);max-width:60ch;margin:0 auto}.guide-section{margin-top:40px}.guide-section-title{font-family:var(--font-display);font-weight:700;font-size:22px;margin:0 0 16px;padding-bottom:8px;border-bottom:2px solid var(--line);color:var(--ink)}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide-card{display:flex;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px}.guide-card .feature-icon{width:40px;height:40px;border-radius:12px;flex-shrink:0}.guide-card-title{font-family:var(--font-display);font-weight:700;font-size:16px;margin:0 0 4px;color:var(--ink)}.guide-card-body{font-size:13.5px;line-height:1.5;color:var(--ink-3);margin:0}.guide-foot{text-align:center;margin-top:48px}.guide-foot-links{display:flex;gap:14px;justify-content:center;margin-top:20px;font-size:13px}.guide-foot-links a{color:var(--muted)}.guide-foot-links a:hover{color:var(--ink-2)}@media (max-width: 640px){.guide-grid{grid-template-columns:1fr}}@media print{.guide-bar,.guide-foot{display:none!important}.guide-page{background:var(--card)}.guide-card{break-inside:avoid;border-color:#ddd}.guide-section{break-inside:avoid}.feature-icon{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.calm-today{max-width:720px;margin:0 auto;text-align:left}.calm-notice{display:flex;align-items:center;gap:12px;background:var(--card-2);border:1px solid var(--line);border-radius:var(--r-md);padding:10px 14px;font-size:13.5px;color:var(--ink-2);margin-bottom:24px}.calm-notice>span:first-child{flex:1}.calm-notice-x{background:none;border:0;cursor:pointer;color:var(--muted);display:inline-flex;padding:2px}.calm-notice-x:hover{color:var(--ink)}.calm-hero{margin-bottom:40px}.calm-eyebrow{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--coral-deep);margin-bottom:12px}.calm-title{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4.5vw,44px);line-height:1.12;letter-spacing:-.02em;margin:0;color:var(--ink)}.calm-today .hero-em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--coral)}.calm-sub{font-size:16px;line-height:1.6;color:var(--ink-3);margin:14px 0 0;max-width:52ch}.calm-cta-row{display:flex;align-items:center;gap:20px;margin-top:24px;flex-wrap:wrap}.calm-link{background:none;border:0;cursor:pointer;color:var(--coral-deep);font-weight:600;font-size:14px;font-family:inherit;padding:0}.calm-link:hover{text-decoration:underline}.calm-link:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:4px}.calm-stats{display:flex;gap:clamp(24px,5vw,48px);flex-wrap:wrap}.calm-stat{display:flex;flex-direction:column;gap:4px}.calm-stat-n{font-family:var(--font-display);font-weight:700;font-size:30px;line-height:1;color:var(--ink-2)}.calm-stat-n.accent{color:var(--coral-deep)}.calm-stat-l{font-size:12.5px;color:var(--muted)}.calm-firsttime{font-size:15px;color:var(--ink-3);margin:0}.calm-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);padding:28px 32px;margin-top:32px;transition:box-shadow .18s,transform .18s}.calm-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.calm-card-eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.calm-word-row{display:flex;align-items:center;gap:12px}.calm-word{font-family:var(--font-display);font-weight:700;font-size:30px;color:var(--ink)}.calm-icon-btn{background:none;border:1px solid var(--line);border-radius:999px;width:32px;height:32px;display:inline-grid;place-items:center;cursor:pointer;color:var(--ink-3)}.calm-icon-btn:hover{border-color:var(--coral);color:var(--coral-deep)}.calm-ipa{font-family:var(--font-mono);font-size:13px;color:var(--muted);margin-top:4px}.calm-def{font-size:15px;line-height:1.6;color:var(--ink-2);margin:12px 0 0}.calm-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px}.calm-chips-label{font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-right:4px}.calm-chip{background:var(--card-2);border:1px solid var(--line);border-radius:999px;padding:5px 12px;font-size:13px;color:var(--ink-2)}.calm-example{font-family:var(--font-serif);font-style:italic;font-size:16px;line-height:1.55;color:var(--ink-2);margin:16px 0 0}.calm-actions{display:flex;align-items:center;gap:20px;margin-top:20px}.calm-divider{height:1px;background:var(--line);margin:28px 0}.calm-phrase{font-family:var(--font-serif);font-style:italic;font-size:20px;line-height:1.4;color:var(--ink);margin:0}.calm-tip{font-size:13.5px;line-height:1.55;color:var(--muted);margin:24px 0 0}.calm-tip strong{color:var(--ink-2)}.calm-today .sk{background:linear-gradient(90deg,var(--card-2) 25%,#efe7d6 37%,var(--card-2) 63%);background-size:400% 100%;border-radius:8px;animation:calmShimmer 1.4s ease infinite}.sk-eyebrow{width:120px;height:12px;margin-bottom:16px}.sk-title{width:70%;height:40px;margin-bottom:16px}.sk-line{width:50%;height:16px;margin-bottom:24px}.sk-btn{width:180px;height:46px;border-radius:999px}.sk-stat-n{width:40px;height:28px;margin-bottom:6px}.sk-stat-l{width:64px;height:12px}.sk-card{height:280px;border-radius:var(--r-lg);margin-top:32px}@keyframes calmShimmer{0%{background-position:100% 0}to{background-position:0 0}}@media (prefers-reduced-motion: reduce){.calm-card{transition:none}.calm-card:hover{transform:none}.calm-today .sk{animation:none}}@media (max-width: 560px){.calm-card{padding:22px 20px}}[data-calm] .pill-mint,[data-calm] .pill-mango,[data-calm] .pill-sky,[data-calm] .pill-lavender{background:var(--card-2);color:var(--ink-2)}[data-calm] .pill{border:1px solid var(--line)}[data-calm] .btn-coral{box-shadow:var(--shadow-sm)}[data-calm] .btn-coral:hover{box-shadow:var(--shadow-md)}[data-calm] .btn-primary{background:var(--coral);color:#fff}[data-calm] .btn-primary:hover{background:var(--coral-deep)}[data-calm] .btn-soft{background:transparent;color:var(--ink-2);border:1px solid var(--line-2)}[data-calm] .btn-soft:hover{background:#1a14100a}[data-calm] .card{border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:box-shadow .18s ease,transform .18s ease}[data-calm] .card-tight{border-radius:var(--r-lg)}[data-calm] h1,[data-calm] .h-display{letter-spacing:-.02em;line-height:1.12}[data-calm] h2{letter-spacing:-.015em;line-height:1.2}[data-calm] p{line-height:1.6}[data-calm] .verify-banner{background:var(--card-2);border:1px solid var(--line);color:var(--ink-2);border-radius:var(--r-md)}[data-calm] .verify-banner .btn-ghost{border-color:var(--coral-soft);color:var(--coral-deep)}[data-calm] .verify-banner .btn-ghost:hover{background:var(--tint-coral)}[data-calm] .nav-group{display:flex;flex-direction:column;gap:3px}[data-calm] .nav-section-label{color:var(--muted);font-size:10.5px;letter-spacing:.14em;padding:20px 12px 7px}[data-calm] .nav-group:first-of-type .nav-section-label{padding-top:6px}[data-calm] .nav-item{color:var(--ink-3);font-weight:500}[data-calm] .nav-item .nav-icon{color:var(--ink-3)}[data-calm] .nav-item:hover{background:var(--cream);color:var(--ink)}[data-calm] .nav-item:hover .nav-icon{color:var(--coral)}[data-calm] .nav-item.active{background:#ee3d1c1a;color:var(--coral-deep, var(--coral));font-weight:700;box-shadow:inset 3px 0 0 var(--coral)}[data-calm] .nav-item.active .nav-icon{color:var(--coral)}[data-calm] .today-page .card{border-radius:var(--r-xl);box-shadow:none}[data-calm] .today-page .card-tight{border-radius:var(--r-lg)}[data-calm] .today-page .pill{border:0}[data-calm] .today-page .pill-coral{background:var(--tint-coral);color:var(--coral-deep)}[data-calm] .today-page .pill-mint{background:var(--tint-mint);color:var(--mint-deep)}[data-calm] .today-page .pill-mango{background:var(--tint-mango);color:#8a6b11}[data-calm] .today-page .pill-sky{background:var(--tint-sky);color:#1f5f8b}[data-calm] .today-page .pill-lavender{background:var(--tint-lavender);color:var(--plum)}[data-calm] .today-page .btn-primary{background:var(--ink);color:var(--paper)}[data-calm] .today-page .btn-primary:hover{background:#2c231b}[data-calm] .today-page .btn-soft{background:var(--cream);color:var(--ink);border:1px solid transparent}[data-calm] .today-page .btn-soft:hover{background:var(--line)}[data-calm] .today-page .btn-coral,[data-calm] .today-page .btn-coral:hover{box-shadow:var(--shadow-pop)}@media (prefers-reduced-motion: reduce){[data-calm] .card{transition:none}}.dc-page p,.dc-page .dc-prose{text-align:justify;text-justify:inter-word;-webkit-hyphens:auto;hyphens:auto}.social-buttons{display:flex;flex-direction:column;gap:10px}.social-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:46px;padding:0 16px;border-radius:var(--r-md);font-family:var(--font-body);font-size:15px;font-weight:600;cursor:pointer;transition:filter .15s,box-shadow .15s,background .15s}.social-btn:hover{box-shadow:var(--shadow-sm)}.social-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.social-logo{display:inline-flex;align-items:center}.social-label{line-height:1}.social-google{background:#4285f4;color:#fff;border:1px solid #4285F4}.social-google:hover{background:#3b78dc}.social-google .social-logo{background:var(--card);border-radius:4px;padding:8px;line-height:0}.social-github{background:#24292f;color:#fff;border:1px solid #24292F}.social-github:hover{background:#2f363d}.social-facebook{background:#1877f2;color:#fff;border:1px solid #1877F2}.social-facebook:hover{background:#166fe0}.social-apple{background:#000;color:#fff;border:1px solid #000000}.social-apple:hover{background:#1a1a1a}.social-row{display:flex;gap:10px;margin-bottom:6px}.social-ic{flex:1 1 0;min-width:0;height:52px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);cursor:pointer;position:relative;transition:box-shadow .15s,transform .05s,background .15s}.social-ic:hover:not(:disabled){box-shadow:var(--shadow-sm)}.social-ic:active:not(:disabled){transform:translateY(1px)}.social-ic:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.social-ic.social-google{background:#fff;color:#3a2f26;border-color:var(--line)}.social-ic.social-github{background:#1a1410;border-color:#1a1410;color:#fff}.social-ic.social-github:hover{background:#2a2118}.social-ic.social-facebook{background:#1877f2;border-color:#1877f2;color:#fff}.social-ic.social-facebook:hover{background:#166fe0}.social-ic.social-apple.is-soon{background:transparent;border:1px dashed var(--line-2);color:var(--muted);cursor:not-allowed}.social-soon{position:absolute;top:-8px;right:-7px;background:#1a1410;color:#fff;font-size:9px;font-weight:700;letter-spacing:.5px;padding:2px 5px;border-radius:6px;line-height:1.25}html[data-theme=dark] .social-ic.social-google{background:#fff}html[data-theme=dark] .social-soon{background:#f0e9dc;color:#1a1410}.auth-foot-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:18px;font-size:13.5px;color:var(--muted)}.auth-foot-row .linklike{font-size:13.5px}.auth-foot-phone{font-weight:600;color:var(--coral-deep)}.auth-foot-sep,.auth-foot-new{color:var(--muted)}.auth-foot-create{font-weight:700;color:var(--coral-deep)}.or-divider{display:flex;align-items:center;text-align:center;gap:12px;margin:18px 0;color:var(--muted);font-size:12.5px}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:var(--line)}.btn-whatsapp{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:10px;padding:12px 16px;border-radius:12px;border:1.5px solid #25D366;background:#fff;color:var(--ink);font:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:background .15s,border-color .15s}.btn-whatsapp>svg{color:#25d366;flex:none}.btn-whatsapp:hover{background:#25d36617;border-color:#1da851}html[data-theme=dark] .btn-whatsapp{background:var(--card);color:var(--ink)}.phone-row{display:flex;gap:8px;align-items:stretch}.phone-row .phone-dial{flex:0 0 auto;width:auto;max-width:42%}.phone-row .text-input{flex:1 1 auto;min-width:0}.refer-page{max-width:640px}.refer-hero{text-align:center;position:relative;overflow:hidden}.refer-gift{width:60px;height:60px;margin:4px auto 14px;display:grid;place-items:center;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--coral),var(--coral-deep));box-shadow:0 8px 22px -8px var(--coral)}.refer-title{font-size:clamp(1.5rem,4vw,2rem);line-height:1.15;margin:6px 0 0;text-wrap:balance;color:var(--ink)}.refer-sub{max-width:460px;margin:12px auto 0;color:var(--ink-2)}.refer-link-label{display:block;text-align:left;margin:22px 0 6px;font-size:12px;text-transform:uppercase;letter-spacing:.06em}.refer-link-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.refer-link-input{flex:1 1 240px;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.refer-share-btn{width:100%;margin-top:12px;justify-content:center;display:inline-flex;align-items:center;gap:8px;font-size:15px}.refer-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.refer-stat{text-align:center;padding:18px 10px}.refer-stat-n{font-size:clamp(1.6rem,5vw,2.1rem);font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--ink)}.refer-pending-hint{margin:14px 2px 0}.refer-how{margin-top:16px}.refer-steps{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:14px}.refer-steps li{display:flex;align-items:flex-start;gap:12px;color:var(--ink-2);line-height:1.4}.refer-step-n{flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--ocean);background:color-mix(in srgb,var(--ocean) 14%,transparent)}.refer-cap-note{margin-top:16px;font-size:12.5px}@media (max-width: 420px){.refer-stats{grid-template-columns:1fr}}.sg{--sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--serif: "Plus Jakarta Sans", system-ui, sans-serif;--bg: #fffdf9;--bg-grad-top: #ffffff;--surface: #ffffff;--surface-2: #faf8f3;--surface-3: #f1efe8;--ink: #141210;--ink-2: #4a463f;--ink-3: #635c52;--ink-4: #837c70;--hair: #ece9e0;--hair-strong: #dbd7cc;--accent: #ff4d2e;--accent-strong: #ee3d1c;--accent-ink: #d2371b;--accent-soft: #ffe9e3;--accent-line: rgba(255, 77, 46, .32);--good: #1f8a5b;--good-ink: #1a7a4f;--good-soft: rgba(31, 138, 91, .14);--warn: #a9761b;--warn-soft: rgba(169, 118, 27, .14);--shadow-sm: 0 1px 2px rgba(26, 24, 21, .04), 0 1px 3px rgba(26, 24, 21, .05);--shadow-md: 0 2px 6px rgba(26, 24, 21, .05), 0 14px 30px -16px rgba(26, 24, 21, .22);--shadow-lg: 0 6px 14px rgba(26, 24, 21, .07), 0 28px 50px -22px rgba(26, 24, 21, .3);--shadow-accent: 0 10px 24px -10px rgba(238, 61, 28, .55);--radius: 22px;--radius-sm: 14px;--radius-xs: 10px;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.5;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}html[data-theme=dark] .sg{--bg: #171411;--bg-grad-top: #1d1916;--surface: #211d18;--surface-2: #272219;--surface-3: #2f2a22;--ink: #f4efe6;--ink-2: #c2baac;--ink-3: #a89e8d;--ink-4: #8a8273;--hair: rgba(255, 255, 255, .09);--hair-strong: rgba(255, 255, 255, .16);--accent: #ff6a4a;--accent-strong: #ff6a4a;--accent-ink: #ff855f;--accent-soft: rgba(255, 106, 74, .16);--accent-line: rgba(255, 106, 74, .4);--good: #5cae82;--good-ink: #6fc193;--good-soft: rgba(92, 174, 130, .18);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 2px 6px rgba(0, 0, 0, .32), 0 16px 32px -16px rgba(0, 0, 0, .6);--shadow-accent: 0 10px 24px -10px rgba(0, 0, 0, .55)}.sg *,.sg *:before,.sg *:after{box-sizing:border-box}.sg{display:flex;flex-direction:column;gap:16px;width:100%;max-width:1120px;margin:0 auto;padding:28px 40px 64px}@media (max-width: 760px){.sg{padding:18px 16px 56px}}.sg .hue-coral,.sg .hue-pink{--hue: var(--accent-ink);--hue-soft: var(--accent-soft);--hue-solid: var(--accent-strong)}.sg .hue-amber,.sg .hue-teal{--hue: #b0680f;--hue-soft: rgba(192, 118, 18, .13);--hue-solid: #c0760f}.sg .hue-blue,.sg .hue-purple{--hue: #6a5ab0;--hue-soft: rgba(106, 90, 176, .13);--hue-solid: #6f5cb8}.sg .hue-green{--hue: #2c7d54;--hue-soft: rgba(44, 125, 84, .13);--hue-solid: #318257}html[data-theme=dark] .sg .hue-amber,html[data-theme=dark] .sg .hue-teal{--hue: #e3a866;--hue-soft: rgba(227, 168, 102, .16)}html[data-theme=dark] .sg .hue-blue,html[data-theme=dark] .sg .hue-purple{--hue: #b4a7ea;--hue-soft: rgba(180, 167, 234, .16)}html[data-theme=dark] .sg .hue-green{--hue: #6dbf91}.sg .ap-display{font-family:var(--serif);font-weight:700;font-size:42px;line-height:1.06;letter-spacing:-.035em}.sg .ap-h1{font-family:var(--serif);font-weight:700;font-size:34px;line-height:1.1;letter-spacing:-.028em}.sg .ap-h2{font-family:var(--serif);font-weight:700;font-size:25px;line-height:1.18;letter-spacing:-.028em}.sg .ap-em{font-style:normal;color:var(--accent-ink)}.sg .ap-title{font-weight:700;font-size:19px;letter-spacing:-.01em}.sg .ap-lead{font-size:18px;color:var(--ink-2);line-height:1.5}.sg .ap-body{font-size:16px;color:var(--ink-2);line-height:1.55}.sg .ap-sub{font-size:15px;color:var(--ink-3)}.sg .overline{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap}.sg .overline.accent,.sg .eyebrow{color:var(--accent-ink)}.sg .num{font-variant-numeric:tabular-nums}.sg .btn{font-family:var(--sans);font-weight:600;font-size:17px;cursor:pointer;white-space:nowrap;border:none;border-radius:var(--radius-sm);height:56px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;letter-spacing:-.01em;transition:transform .12s,box-shadow .15s,background .15s}.sg .btn:active{transform:translateY(1px)}.sg .btn-primary{background:var(--accent-strong);color:#fff;box-shadow:0 6px 16px -8px #ee3d1c8c}html[data-theme=dark] .sg .btn-primary{box-shadow:0 6px 16px -8px #00000080}.sg .btn-secondary{background:var(--surface);color:var(--ink);border:1px solid var(--hair-strong);box-shadow:var(--shadow-sm)}.sg .btn-sm{height:44px;font-size:15px;border-radius:var(--radius-xs);padding:0 16px}.sg .btn-lg{height:60px;font-size:18px}.sg .card{background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.sg .card-pad{padding:20px}.sg .tile{background:var(--surface-2);border:1px solid var(--hair);border-radius:var(--radius-sm)}.sg .chip{display:inline-flex;align-items:center;gap:7px;height:32px;padding:0 13px;border-radius:100px;border:1px solid var(--hair-strong);background:var(--surface);font-size:13.5px;font-weight:600;color:var(--ink-2);white-space:nowrap}.sg .chip.accent{color:var(--accent-ink);border-color:var(--accent-line);background:var(--accent-soft);font-weight:700}.sg .chip.ghost{border-color:transparent;background:var(--surface-3)}.sg .meter{height:7px;border-radius:5px;background:var(--surface-3);overflow:hidden}.sg .meter>i{display:block;height:100%;border-radius:5px;background:var(--ink)}.sg .meter.accent>i{background:var(--accent)}.sg .meter.good>i{background:var(--good)}.sg .row{display:flex;align-items:center}.sg .row-sb{display:flex;align-items:center;justify-content:space-between}.sg .col{display:flex;flex-direction:column}.sg .grow,.sg .s-grow{flex:1 1 auto;min-width:0}.sg .gap6{gap:6px}.sg .gap8{gap:8px}.sg .gap10{gap:10px}.sg .gap12{gap:12px}.sg .gap14{gap:14px}.sg .gap16{gap:16px}.sg .gap20{gap:20px}.sg .gap24{gap:24px}.sg .mt6{margin-top:6px}.sg .mt8{margin-top:8px}.sg .mt10{margin-top:10px}.sg .mt12{margin-top:12px}.sg .mt14{margin-top:14px}.sg .mt16{margin-top:16px}.sg .mt18{margin-top:18px}.sg .mt22{margin-top:22px}.sg .cta-row{display:flex;gap:12px;flex-wrap:wrap}.sg .text-input,.sg textarea.text-input{font-family:var(--sans);font-size:16px;height:52px;padding:0 16px;border-radius:var(--radius-sm);border:1px solid var(--hair-strong);background:var(--surface);color:var(--ink);outline:none;width:100%}.sg textarea.text-input{height:auto;padding:14px 16px;line-height:1.5;resize:vertical}.sg .text-input:focus{border-color:var(--accent-line)}.sg .text-input::placeholder{color:var(--ink-4)}.sg .seg{display:inline-flex;padding:4px;gap:4px;background:var(--surface-3);border-radius:100px}.sg .seg button{height:40px;border:none;background:transparent;cursor:pointer;font-family:var(--sans);font-weight:600;font-size:14px;color:var(--ink-2);padding:0 18px;border-radius:100px;transition:background .15s,color .15s}.sg .seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}html[data-theme=dark] .sg .seg button.on{background:var(--surface-2)}.sg .prac-split{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}@media (max-width: 1000px){.sg .prac-split{grid-template-columns:1fr}}.sg .chat-card{background:var(--surface);border:1px solid var(--hair);border-radius:22px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;min-height:560px;max-height:78vh}.sg .chat-scroll{flex:1 1 auto;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px}.sg .msg-row{display:flex;gap:10px;align-items:flex-end}.sg .msg-row.user{flex-direction:row-reverse}.sg .bubble{max-width:82%;padding:13px 16px;border-radius:20px;font-size:16px;line-height:1.45}.sg .bubble.them{background:var(--surface-2);border:1px solid var(--hair);border-bottom-left-radius:6px;color:var(--ink)}.sg .bubble.me{background:var(--accent-strong);color:#fff;border-bottom-right-radius:6px}.sg .input-bar{display:flex;align-items:center;gap:10px;padding:12px 14px;border-top:1px solid var(--hair)}.sg .input-bar .text-input{border:1px solid var(--hair-strong);background:var(--surface-2);flex:1 1 auto;min-width:0}.sg .input-bar .btn,.sg .input-bar .record-button{flex:0 0 auto}.sg .aria-av{width:40px;height:40px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);display:grid;place-items:center;font-weight:700;flex:none}.sg .topic-item{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-radius:14px;cursor:pointer;width:100%;text-align:left;border:none;background:transparent}.sg .topic-item.on{background:var(--accent-soft)}.sg .topic-item:hover:not(.on){background:var(--surface-3)}.sg .topic-item .dot{width:9px;height:9px;border-radius:50%;margin-top:7px;flex:none}.sg .opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid var(--hair);background:var(--surface-2);color:var(--ink);cursor:pointer;font-size:15px;margin-top:8px;transition:background .12s,border-color .12s}.sg .opt:hover:not(:disabled){border-color:var(--hair-strong)}.sg .opt.picked{background:var(--accent-soft);border-color:var(--accent-line)}.sg .opt.correct{background:var(--good-soft);border-color:var(--good)}.sg .opt.wrong{background:var(--accent-soft);border-color:var(--accent)}.sg .opt-mark{width:28px;height:28px;border-radius:8px;background:var(--surface);border:1px solid var(--hair-strong);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}.sg .play-btn{width:88px;height:88px;border-radius:50%;background:var(--accent-strong);color:#fff;display:grid;place-items:center;border:none;cursor:pointer;box-shadow:var(--shadow-accent);margin:0 auto}.sg .play-btn:disabled{opacity:.7}.sg .sq{border-radius:14px;display:grid;place-items:center;flex:none}.sg .sq.soft{background:var(--hue-soft);color:var(--hue)}.sg .sq.solid{background:var(--hue-solid);color:#fff;box-shadow:0 4px 12px -6px #00000040}.sg .moat-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.sg .moat-stat{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 15px;background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);font-family:var(--sans);transition:border-color .15s,transform .1s}.sg .moat-stat:hover{border-color:var(--hair-strong)}.sg .moat-stat:active{transform:translateY(1px)}.sg .moat-stat-text{display:flex;flex-direction:column;min-width:0}.sg .moat-stat-val{font-size:22px;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}.sg .moat-stat-label{font-size:12.5px;color:var(--ink-3);margin-top:2px}.sg .exam-opt{width:100%;transition:border-color .15s,transform .1s}.sg .exam-opt:hover{border-color:var(--accent-line)}.sg .exam-opt:active{transform:translateY(1px)}.sg .session-check{width:34px;height:34px;border-radius:50%;flex:none;cursor:pointer;border:2px solid var(--hair-strong);color:#fff;display:grid;place-items:center;transition:background .15s,border-color .15s}.sg .strip{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:18px;border:1px solid var(--hair);background:var(--surface)}.sg .strip.accent{background:var(--accent-soft);border-color:var(--accent-line)}.sg .strip.tint{background:var(--hue-soft);border-color:transparent}.sg .greet-hero{position:relative;overflow:hidden;border-radius:24px;padding:38px 40px;background:var(--accent);box-shadow:0 14px 34px -16px #ee3d1c99}html[data-theme=dark] .sg .greet-hero{background:linear-gradient(118deg,var(--accent),#ff8a4a)}.sg .greet-hero .overline{color:#ffffffd1}.sg .greet-hero .ap-display,.sg .greet-hero .ap-lead,.sg .greet-hero .ap-em{color:#fff}.sg .greet-hero .gh-num{position:absolute;right:-8px;bottom:-120px;font-family:var(--serif);font-weight:700;font-size:340px;line-height:1;color:#ffffff1a;letter-spacing:-12px;pointer-events:none}.sg .greet-hero .mk{position:relative;white-space:nowrap}.sg .greet-hero .mk:after{content:"";position:absolute;left:0;right:0;bottom:5px;height:8px;background:#ffffff6b}.sg .greet-hero .hpill{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 17px;border-radius:100px;background:#ffffff29;color:#fff;font-weight:600;font-size:14.5px;white-space:nowrap}.sg .greet-hero .btn-primary{background:#141210;color:#fff;box-shadow:none}.sg .greet-hero .btn-secondary{background:#ffffff29;color:#fff;border-color:#fff6;box-shadow:none}@keyframes sg-flame{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1.16) translateY(-1px)}}.sg .flame-anim{animation:sg-flame 1.7s ease-in-out infinite;transform-origin:center bottom;display:inline-flex}@media (prefers-reduced-motion: reduce){.sg .flame-anim{animation:none}}.sg .streak-onfire{filter:drop-shadow(0 0 8px rgba(255,77,46,.6))}.sg .goal-card{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.sg .goal-ring{position:relative;width:116px;height:116px;flex:none}.sg .goal-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.sg .goal-ring .goal-track{fill:none;stroke:var(--hair-strong);stroke-width:11}.sg .goal-ring .goal-fill{fill:none;stroke-width:11;stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.22,1,.36,1),stroke .4s ease}.sg .goal-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.sg .goal-center .gc-num{font-family:var(--serif);font-weight:700;font-size:30px;line-height:1;letter-spacing:-.03em}.sg .goal-center .gc-unit{font-size:12px;font-weight:700;color:var(--ink-3);letter-spacing:.02em}.sg .goal-ring.done{animation:sg-goal-pop .6s cubic-bezier(.34,1.56,.64,1)}@keyframes sg-goal-pop{0%{transform:scale(.92)}60%{transform:scale(1.06)}to{transform:scale(1)}}@media (prefers-reduced-motion: reduce){.sg .goal-ring.done{animation:none}.sg .goal-ring .goal-fill{transition:none}}.sg .cando-row{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;padding:6px 8px;margin:-6px -8px;border-radius:12px;cursor:pointer;transition:background .14s}.sg .cando-row:hover{background:var(--hue-soft, var(--accent-soft))}.sg .cando-row .cando-go{opacity:0;transition:opacity .14s,transform .14s}.sg .cando-row:hover .cando-go{opacity:1;transform:translate(2px)}@media (hover: none){.sg .cando-row .cando-go{opacity:.6}}.sg.sc-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px;background:#160f0a75;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:sc-fade .22s ease}@keyframes sc-fade{0%{opacity:0}to{opacity:1}}.sg .sc-modal{width:min(440px,100%);padding:30px 28px 26px;text-align:center;animation:sc-rise .42s cubic-bezier(.22,1,.36,1)}@keyframes sc-rise{0%{transform:translateY(18px) scale(.96);opacity:0}to{transform:none;opacity:1}}.sg .sc-promo{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#fff;background:var(--accent);padding:8px 16px;border-radius:999px;margin-bottom:16px;box-shadow:0 10px 22px -10px var(--accent)}.sg .sc-flame{font-size:0}.sg .sc-h{font-size:30px;margin-top:4px}.sg .sc-streak{color:var(--accent-ink);font-weight:700;font-size:16px;margin-top:6px}.sg .sc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.sg .sc-stat{background:var(--surface-2);border:1px solid var(--hair);border-radius:14px;padding:14px 8px}.sg .sc-stat-n{font-family:var(--serif);font-weight:700;font-size:26px;line-height:1;letter-spacing:-.03em;color:var(--ink)}.sg .sc-stat-l{font-size:12px;font-weight:600;color:var(--ink-3);margin-top:5px}.sg .sc-nailed{background:var(--accent-soft);border-radius:16px;padding:16px 18px;text-align:left}.sg .sc-skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}.sg .sc-skill-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.sg .sc-skill-track{height:6px;border-radius:999px;background:var(--hair);overflow:hidden;margin-top:4px}.sg .sc-skill-track>i{display:block;height:100%;border-radius:999px;transition:width .5s cubic-bezier(.22,1,.36,1)}.sg .sc-focus{text-align:left}.sg .sc-achievements{margin-top:14px}.sg .sc-ach-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:8px}.sg .sc-ach-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--accent-soft);color:var(--accent-ink);font-weight:700;font-size:13px}.sg .ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}.sg .ach-card{display:flex;flex-direction:column;align-items:center;text-align:center}.sg .ach-card .meter{width:100%}.sg .ach-card.earned{border-color:var(--accent);background:var(--accent-soft)}@media (max-width: 380px){.sg .sc-skill-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion: reduce){.sg.sc-overlay,.sg .sc-modal{animation:none}.sg .sc-skill-track>i{transition:none}}.sg .stat-collapse{display:flex;flex-direction:column;gap:12px}.sg .streak-badge{display:flex;align-items:center;gap:12px;width:100%;padding:15px 20px;background:var(--surface);border:1px solid var(--hair-strong);border-radius:18px;box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .14s,background .14s}.sg .streak-badge:hover,.sg .streak-badge.open{border-color:var(--accent-line)}.sg .streak-badge .sb-num{font-family:var(--serif);font-weight:700;font-size:28px;line-height:1;letter-spacing:-.03em}.sg .streak-badge .sb-label{font-weight:600;color:var(--ink-2);text-align:left}.sg .streak-badge .sb-chev{color:var(--ink-3);display:inline-flex;transition:transform .2s ease}.sg .stat-collapse .stat-grid{animation:sc-grid-in .26s cubic-bezier(.22,1,.36,1)}@keyframes sc-grid-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.sg .stat-collapse .stat-grid{animation:none}}.sg .stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.sg .stat-card{background:var(--surface);border:1px solid var(--hair-strong);border-radius:18px;padding:20px 22px;box-shadow:var(--shadow-sm)}.sg .stat-card .sc-num{font-family:var(--serif);font-weight:700;font-size:36px;line-height:1;margin-top:14px;letter-spacing:-.035em}.sg .wod{display:grid;grid-template-columns:1.55fr 1fr;gap:0}.sg .listen-panel{background:linear-gradient(140deg,#f7e7d3,#f3ecde);border-radius:18px;display:grid;place-items:center}html[data-theme=dark] .sg .listen-panel{background:var(--surface-2)}.sg .card.sg-current{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line),var(--shadow-sm)}.sg .lvl-rail{display:flex;align-items:center}.sg .lvl-node{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-weight:700;font-size:14px;flex:none;border:2px solid var(--hair-strong);background:var(--surface);color:var(--ink-3)}.sg .lvl-node small{font-weight:600;font-size:9px;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.sg .lvl-node.past{background:var(--good);border-color:var(--good);color:#fff}.sg .lvl-node.cur{border-color:var(--accent);color:var(--accent-ink);box-shadow:0 0 0 5px var(--accent-soft)}.sg .lvl-conn{flex:1 1 auto;height:3px;min-width:12px;background:var(--hair-strong);border-radius:3px}.sg .lvl-conn.filled{background:var(--good)}.sg .pips{display:inline-flex;gap:5px;align-items:center}.sg .pip{width:9px;height:9px;border-radius:50%;background:var(--hair-strong)}.sg .pip.on{background:var(--accent)}.sg .pip.done{background:var(--good)}.sg .setup-split{display:grid;grid-template-columns:1fr minmax(380px,480px);gap:clamp(24px,5vw,72px);align-items:center;min-height:50vh}@media (max-width: 1000px){.sg .setup-split{grid-template-columns:1fr;min-height:0;align-items:start}}.sg .duo{display:grid;grid-template-columns:1fr 1fr;gap:22px}.sg .feat-card{border-radius:22px;padding:26px;background:var(--hue-soft);border:1px solid transparent}.sg .mom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.sg .mom-card{background:var(--surface);border:1px solid var(--hair);border-radius:18px;padding:22px;box-shadow:var(--shadow-sm)}.sg .lesson-card{display:flex;align-items:center;gap:16px;width:100%;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--hair);border-radius:var(--radius);padding:18px 20px;box-shadow:var(--shadow-sm);transition:box-shadow .15s,transform .12s}.sg .lesson-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.sg .sprint-card{background:#141210;color:#fff;border-radius:var(--radius);padding:28px 30px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}html[data-theme=dark] .sg .sprint-card{background:#0d0b09;border:1px solid var(--hair)}.sg .sprint-card .sprint-copy{flex:1 1 240px}.sg .sprint-card .ap-h2{color:#fff}.sg .sprint-card .ap-body{color:#ffffffbd}.sg select.text-input{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.sg button.card{transition:box-shadow .15s,transform .12s}.sg button.card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.sg .feature-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.sg .today-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap}.sg .today-head .ap-em{color:var(--ink-3)}.sg .today-head .cta-row{flex:0 0 auto}.sg .btn-ink{background:var(--ink);color:var(--surface);box-shadow:var(--shadow-sm)}.sg .today-hero-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:22px;align-items:stretch}.sg .goal-feature{display:flex;align-items:center;gap:28px;flex-wrap:wrap}.sg .goal-feature .s-grow{min-width:240px}.sg .goal-feature .goal-ring{width:132px;height:132px}.sg .goal-feature .goal-center .gc-num{font-size:34px}.sg .onramp-card{background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--radius);padding:26px;display:flex;flex-direction:column;gap:0}.sg .onramp-card .onramp-btn{margin-top:auto}.sg .mom-card .mom-top,.sg .mom-card .mom-prog{display:flex;align-items:center;justify-content:space-between}.sg .wod-example{border-left:3px solid var(--accent)}@media (max-width: 960px){.sg .today-hero-grid{grid-template-columns:1fr}}@media (max-width: 1100px){.sg .stat-grid{grid-template-columns:repeat(2,1fr)}.sg .duo,.sg .mom-grid,.sg .wod{grid-template-columns:1fr}}@media (max-width: 640px){.sg .greet-hero{padding:26px 22px}.sg .ap-display{font-size:32px}.sg .greet-hero .gh-num{display:none}}@keyframes sgFadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sg.today-enter>*{opacity:0;animation:sgFadeUp .38s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * 55ms)}.sg.today-enter>*:nth-child(1){--i: 0}.sg.today-enter>*:nth-child(2){--i: 1}.sg.today-enter>*:nth-child(3){--i: 2}.sg.today-enter>*:nth-child(4){--i: 3}.sg.today-enter>*:nth-child(5){--i: 4}.sg.today-enter>*:nth-child(6){--i: 5}.sg.today-enter>*:nth-child(7){--i: 6}.sg.today-enter>*:nth-child(8){--i: 7}.sg.today-enter>*:nth-child(9){--i: 8}.sg.today-enter>*:nth-child(n+10){--i: 9}.sg .streak-badge-hero{color:var(--accent-strong);border-color:var(--accent-line);background:var(--accent-soft);font-weight:600}@keyframes sgStreakGlow{0%{box-shadow:0 0 #ff4d2e00}40%{box-shadow:0 0 0 6px #ff4d2e2e}to{box-shadow:0 0 #ff4d2e00}}.sg .streak-badge-hero.streak-milestone{animation:sgStreakGlow 2.4s ease-out 2}.sg .level-progress-inline{max-width:360px;padding:2px 0;border-radius:var(--radius-sm)}.sg .level-progress-inline .meter{height:6px}.sg .level-progress-inline:hover .meter i{background:var(--accent-strong)}@media (prefers-reduced-motion: reduce){.sg.today-enter>*{opacity:1;animation:none}.sg .streak-badge-hero.streak-milestone{animation:none}}@keyframes ariaBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}.aria-avatar .aria-breathe{animation:ariaBreathe 3.6s ease-in-out infinite}@keyframes ariaListenPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.55}}.aria-avatar .aria-listen-pulse{transform-origin:center;animation:ariaListenPulse 1.1s ease-in-out infinite}@keyframes ariaSpeakWave{0%,to{opacity:.4}50%{opacity:1}}.aria-avatar .aria-speak-wave{animation:ariaSpeakWave .9s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.aria-avatar .aria-breathe,.aria-avatar .aria-listen-pulse,.aria-avatar .aria-speak-wave{animation:none}}.sg.firstwin-page{min-height:100vh;display:grid;place-items:center;padding:40px 20px;position:relative;overflow:hidden}.firstwin-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(60% 45% at 20% 15%,rgba(255,77,46,.18),transparent 70%),radial-gradient(50% 40% at 90% 20%,rgba(255,143,100,.16),transparent 70%),radial-gradient(70% 50% at 50% 100%,rgba(255,200,170,.2),transparent 70%),var(--paper)}.firstwin-card{position:relative;z-index:1;background:var(--surface);border:1px solid var(--hair);border-radius:28px;padding:40px 32px;max-width:520px;width:100%;text-align:center;box-shadow:0 24px 64px #ff4d2e24}.firstwin-emoji{font-size:46px;line-height:1;margin:6px 0 12px;animation:firstWinBounce 1.2s ease-out .2s both}@keyframes firstWinBounce{0%{opacity:0;transform:translateY(-10px) scale(.6)}60%{opacity:1;transform:translateY(4px) scale(1.15)}to{opacity:1;transform:translateY(0) scale(1)}}.firstwin-headline{font-size:32px;font-weight:800;line-height:1.12;color:var(--ink);margin:6px 0 12px}.firstwin-sub{font-size:16px;line-height:1.5;color:var(--ink-2);margin:0 0 20px}.firstwin-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent-strong);font-size:14px;font-weight:700;margin-bottom:24px}.firstwin-cta-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:6px}.firstwin-footer-link{display:block;margin-top:22px;color:var(--ink-3);font-size:13px;text-decoration:none}.firstwin-footer-link:hover{color:var(--ink)}@media (max-width: 480px){.firstwin-card{padding:32px 22px;border-radius:22px}.firstwin-headline{font-size:26px}}@media (prefers-reduced-motion: reduce){.firstwin-emoji{animation:none;opacity:1;transform:none}}.sg .karaoke{line-height:1.8}.sg .k-word{border-radius:6px;padding:1px 2px;margin:-1px -2px;transition:background .12s ease,color .12s ease}.sg .k-word.on{background:var(--accent-soft);color:var(--accent-ink);font-weight:600}.sg .k-word.done{color:var(--ink)}@media (prefers-reduced-motion: reduce){.sg .k-word{transition:none}}.sg .score-ring{position:relative;width:128px;height:128px;flex:none}.sg .ring-track{fill:none;stroke:var(--surface-3);stroke-width:10}.sg .ring-fill{fill:none;stroke:var(--accent);stroke-width:10;stroke-linecap:round;transition:stroke-dashoffset .9s cubic-bezier(.22,.9,.35,1)}.sg .ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.sg .ring-num{font-size:30px;font-weight:700;color:var(--ink);line-height:1}.sg .ring-total{font-size:16px;font-weight:600;color:var(--ink-3)}@keyframes sg-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.sg .reveal-item{animation:sg-rise .45s cubic-bezier(.22,.9,.35,1) both}@media (prefers-reduced-motion: reduce){.sg .ring-fill{transition:none}.sg .reveal-item{animation:none}}@keyframes ariaHaloGlow{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.8}50%{transform:translate(-50%,-50%) scale(1.12);opacity:1}}@keyframes ariaRipple{0%{transform:translate(-50%,-50%) scale(.85);opacity:.5}70%{opacity:.12}to{transform:translate(-50%,-50%) scale(1.9);opacity:0}}.aria-avatar{overflow:visible}.aria-avatar.aria-active-state:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,#ff4d2e4d,#ff4d2e1a 55%,#ff4d2e00 72%);pointer-events:none;z-index:0;animation:ariaHaloGlow 2.4s ease-in-out infinite}.aria-avatar.aria-active-state:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,77,46,.45);pointer-events:none;z-index:0;animation:ariaRipple 2.1s ease-out infinite}@media (prefers-reduced-motion: reduce){.aria-avatar.aria-active-state:before{animation:none}.aria-avatar.aria-active-state:after{display:none}}.sg .k-word.tap{cursor:pointer}.sg .k-word.tap:hover{background:var(--surface-3)}.sg .k-word.tap.sel{background:var(--accent-soft);color:var(--accent-ink);box-shadow:0 0 0 1.5px var(--accent-line)}.sg .tap-actions{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid var(--hair)}.sg .tap-col{display:flex;flex-direction:column;gap:6px;align-items:center}.sg .cap{font-size:11.5px;font-weight:600;letter-spacing:.02em;line-height:1.2;text-align:center;color:var(--ink-4)}.sg .btn.playing{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}.sg .zone-row{display:flex;gap:16px;align-items:stretch;margin-top:14px}.sg .zone{border:1px solid var(--hair);border-radius:14px;background:var(--surface);padding:14px}.sg .zone.tools{flex:none;width:300px;display:flex;flex-direction:column;gap:12px}.sg .zone.tools .tap-col{width:100%;align-items:stretch}.sg .zone.tools .tap-col .cap{text-align:left}.sg .zone.tools .btn{width:100%;justify-content:center}.sg .zone.speak{flex:1 1 auto;min-width:0}@media (max-width: 820px){.sg .zone-row{flex-direction:column}.sg .zone.tools{width:auto;flex-direction:row;flex-wrap:wrap;align-items:flex-end}.sg .zone.tools .overline{width:100%}.sg .zone.tools .tap-col,.sg .zone.tools .btn{width:auto}}.sg details.q-acc{padding:0;overflow:hidden}.sg .q-acc summary{display:flex;gap:10px;align-items:flex-start;padding:14px 18px;cursor:pointer;list-style:none}.sg .q-acc summary::-webkit-details-marker{display:none}.sg .q-acc .q-mark{flex:none;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.sg .q-acc .q-mark.good{color:var(--good-ink);background:var(--good-soft)}.sg .q-acc .q-mark.bad{color:var(--accent-ink);background:var(--accent-soft)}.sg .q-acc .q-chev{margin-left:auto;flex:none;color:var(--ink-4);transition:transform .15s ease}.sg details.q-acc[open] .q-chev{transform:rotate(90deg)}.sg .q-acc .q-body{padding:0 18px 14px}@media (prefers-reduced-motion: reduce){.sg .q-acc .q-chev{transition:none}}.sg .q-acc .q-review-cue{display:inline-flex;align-items:center;margin-left:auto;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.03em;white-space:nowrap}.sg .q-acc .q-review-cue.bad{color:var(--accent-ink);background:var(--accent-soft)}.sg .q-acc .q-review-cue.good{color:var(--good-ink);background:var(--good-soft)}.sg .q-acc .q-chev{margin-left:8px}.sg details.q-acc[open]>summary .q-review-cue{display:none}.sg details.q-acc[open]>summary .q-chev{margin-left:auto}.sg .ar-dial{--dial-hi: #efe6d8;--dial-lo: #e2d4bf;--dial-border: #cbb894;--dial-shade: rgba(90, 64, 30, .35);--knob-hi: #ffffff;--knob-lo: #f2ece0;--knob-border: #d8c39a;--dial-ink: #7a6647;--dial-ink-on: #3a2c15;--dial-ink-glint: rgba(255, 255, 255, .7);position:relative;display:inline-flex;align-items:center;padding:5px;border-radius:999px;background:linear-gradient(180deg,var(--dial-hi),var(--dial-lo));box-shadow:inset 0 2px 4px var(--dial-shade),inset 0 -1px 2px #fff9,0 2px 3px #0000001f;border:1px solid var(--dial-border)}html[data-theme=dark] .sg .ar-dial{--dial-hi: #3a332a;--dial-lo: #2d2720;--dial-border: #4d443a;--dial-shade: rgba(0, 0, 0, .5);--knob-hi: #56493a;--knob-lo: #463b2e;--knob-border: #5f5240;--dial-ink: #a89e8d;--dial-ink-on: #f4efe6;--dial-ink-glint: rgba(0, 0, 0, .4);box-shadow:inset 0 2px 4px var(--dial-shade),inset 0 -1px 2px #ffffff0f,0 2px 3px #0000004d}.sg .ar-knob{position:absolute;top:5px;bottom:5px;left:0;border-radius:999px;background:linear-gradient(180deg,var(--knob-hi),var(--knob-lo));box-shadow:0 2px 4px var(--dial-shade),inset 0 1px 1px #ffffffe6,inset 0 -2px 3px #966e3c40;border:1px solid var(--knob-border);transition:transform .32s cubic-bezier(.34,1.4,.5,1),width .2s ease;z-index:0}html[data-theme=dark] .sg .ar-knob{box-shadow:0 2px 4px #00000080,inset 0 1px 1px #ffffff1f,inset 0 -2px 3px #00000059}.sg .ar-opt{position:relative;z-index:1;background:transparent;border:none;cursor:pointer;font-family:var(--sans);font-size:14px;font-weight:600;padding:6px 16px;border-radius:999px;color:var(--dial-ink);transition:color .2s ease;font-variant-numeric:tabular-nums}.sg .ar-opt.on{color:var(--dial-ink-on);text-shadow:0 1px 0 var(--dial-ink-glint)}.sg .ar-opt:not(.on):hover{color:var(--dial-ink-on)}@media (prefers-reduced-motion: reduce){.sg .ar-knob{transition:none}}.sg .setup-full{min-height:calc(100vh - 150px);display:grid;grid-template-columns:.9fr 1.35fr;gap:32px;align-items:stretch}.sg .setup-full>div:first-child{align-self:center}.sg .setup-full>div:last-child{display:flex;flex-direction:column}.sg .setup-full>div:last-child>.card{flex:1 1 auto}.sg .tb-divider{border-top:1px dashed var(--hair-strong);margin:16px 0 14px}@media (max-width: 1000px){.sg .setup-full{grid-template-columns:1fr;min-height:0;gap:20px}.sg .setup-full>div:first-child{align-self:start}}.sg .selected-topic{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:14px;border:1px dashed var(--hair-strong);background:var(--surface-2);min-height:48px;transition:border-color .18s ease,background .18s ease}.sg .selected-topic.filled{border-style:solid;border-color:var(--accent-line);background:var(--accent-soft)}.sg .selected-topic__value{font-weight:600;color:var(--ink);min-width:0;overflow-wrap:anywhere}.sg .selected-topic:not(.filled) .selected-topic__value{color:var(--ink-3);font-style:italic;font-weight:400}.sg .selected-topic__clear{margin-left:auto;border:none;background:transparent;cursor:pointer;color:var(--ink-3);font-size:16px;line-height:1;padding:4px 8px;border-radius:8px;flex:none}.sg .selected-topic__clear:hover{background:var(--surface-3);color:var(--ink)}@media (prefers-reduced-motion: reduce){.sg .selected-topic{transition:none}}