@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap";:root{--ink:#171819;--muted:#6f7275;--paper:#f6f6f1;--white:#fff;--line:#dedfd9;--lime:#dfff86;--lime-deep:#cffa64;--pink:#edc7fb;--blue:#b8e1fb;--purple:#c8c5ff;--orange:#ffc98b;--danger:#dc5b5b;--shadow:0 16px 40px #17181914;--radius-lg:32px;--radius-md:24px;--radius-sm:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,Noto Sans SC,system-ui,sans-serif}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,audio:focus-visible{outline-offset:3px;outline:3px solid #17181952}audio{width:100%;height:42px}.site-frame{min-height:100vh;padding-bottom:92px}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f6f6f1e6;border-bottom:1px solid #17181914;justify-content:space-between;align-items:center;height:70px;padding:0 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-1px;cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-size:22px;font-weight:900;display:flex}.brand span{background:var(--lime);border-radius:11px;place-items:center;width:34px;height:34px;font-size:18px;display:grid}.desktop-nav{display:none}.privacy-pill{border:1px solid var(--line);background:#ffffffb8;border-radius:999px;padding:8px 11px;font-size:11px;font-weight:700}.app-main{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 50px}.eyebrow,.section-kicker{letter-spacing:.14em;text-transform:uppercase;color:#686b6c;font-size:11px;font-weight:800;display:block}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;min-height:48px;padding:0 22px;font-weight:800;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--lime);border-color:#c6e56f}.button.primary:hover{box-shadow:0 10px 24px #b9de5c59}.button.dark{background:var(--ink);color:#fff}.button.ghost{border-color:var(--line);background:#fff}.button.wide{width:100%}.button.giant{align-items:center;gap:42px;min-height:60px;padding:0 28px;display:inline-flex}.action-row{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.action-row.centered{justify-content:center}.home-dashboard{gap:20px;display:grid}.welcome-row{justify-content:space-between;align-items:flex-end;gap:18px;padding:6px 2px 0;display:flex}.welcome-row h1{letter-spacing:-.055em;margin:7px 0 8px;font-size:clamp(31px,8vw,52px);line-height:1.05}.welcome-row p{color:var(--muted);margin:0;font-size:14px}.day-badge{display:none}.streak-card{background:var(--lime);border-radius:var(--radius-lg);padding:22px;box-shadow:0 16px 35px #afce5d33}.card-heading{justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13px;display:flex}.card-heading>div{align-items:center;gap:9px;font-size:20px;display:flex}.flame{color:var(--ink);font-size:13px}.week-strip{background:#fff;border-radius:999px;grid-template-columns:repeat(7,1fr);gap:5px;padding:7px;display:grid;box-shadow:0 8px 18px #17181914}.week-strip div{place-items:center;gap:4px;min-width:0;display:grid}.week-strip span{color:var(--muted);font-size:10px;display:none}.week-strip b{background:#eff6dc;border-radius:50%;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.week-strip .done b{background:var(--lime)}.week-strip .today b{border:2px solid var(--ink);background:var(--lime);box-shadow:0 0 0 3px #fff}.streak-bottom{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:12px;display:flex}.streak-bottom span{color:#59603f}.home-grid{gap:14px;display:grid}.mode-card{border-radius:var(--radius-lg);cursor:pointer;grid-template-columns:46px 1fr auto;align-items:end;gap:12px;min-height:190px;padding:22px;transition:transform .2s,box-shadow .2s;display:grid}.mode-card:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.quick-card{background:var(--pink)}.random-card{background:var(--blue)}.mode-icon{background:#ffffff9e;border-radius:14px;align-self:start;place-items:center;width:44px;height:44px;font-size:24px;font-weight:800;display:grid}.mode-card>div:nth-child(2) span{color:#55525c;margin-bottom:5px;font-size:11px;font-weight:700;display:block}.mode-card h2{letter-spacing:-.045em;margin:0;font-size:27px}.mode-card p{color:#575a5c;margin:6px 0 0;font-size:12px}.mode-card>button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:50%;width:44px;height:44px;font-size:20px}.stats-panel,.today-plan{border-radius:var(--radius-lg);background:#fff;border:1px solid #e4e5df;padding:22px}.panel-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.panel-title h2{letter-spacing:-.03em;margin:0;font-size:20px}.panel-title button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.stats-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{border-radius:20px;flex-direction:column;min-height:125px;padding:14px 12px;display:flex}.stat.pink{background:#f0d6fa}.stat.blue{background:#cceaff}.stat.purple{background:#d7d4ff}.stat span{font-size:11px;font-weight:700}.stat b{letter-spacing:-.05em;margin-top:auto;font-size:34px;line-height:1}.stat small{color:#626467;margin-top:4px;font-size:9px}.today-plan{background:var(--ink);color:#fff}.today-plan .section-kicker{color:var(--lime)}.today-plan h2{letter-spacing:-.04em;margin:10px 0 8px;font-size:24px}.today-plan p{color:#c8c9ca;margin:0 0 20px;font-size:13px;line-height:1.7}.today-plan .button{background:var(--lime);color:var(--ink)}.practice-layout{gap:16px;display:grid}.practice-sidebar{border-radius:var(--radius-lg);background:var(--pink);align-self:start;padding:25px}.practice-sidebar h1{letter-spacing:-.055em;margin:10px 0 12px;font-size:34px;line-height:1.05}.practice-sidebar>p{color:#5d5862;margin:0;font-size:13px;line-height:1.7}.question-dots{gap:8px;margin-top:24px;display:flex}.question-dots button{cursor:pointer;background:#ffffff8c;border:1px solid #17181924;border-radius:50%;width:37px;height:37px;font-weight:800}.question-dots button.active{background:var(--ink);color:#fff}.question-dots button.done{background:var(--lime)}.quick-page-nav{grid-template-columns:38px 1fr 38px;align-items:center;gap:8px;margin-top:10px;display:grid}.quick-page-nav span{text-align:center;color:#5d5862;font-size:11px;font-weight:800}.quick-page-nav button{cursor:pointer;background:#ffffffb3;border:1px solid #17181924;border-radius:12px;width:38px;height:32px;font-weight:900}.quick-page-nav button:disabled{opacity:.35;cursor:default}.local-note{border-top:1px solid #1718191f;align-items:flex-start;gap:10px;margin-top:23px;padding-top:17px;display:flex}.local-note>span{background:#fff;border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.local-note p{margin:0;font-size:11px;line-height:1.45}.practice-stage{border-radius:var(--radius-lg);background:#fff;border:1px solid #e4e5df;min-width:0;padding:22px}.stage-topline{color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.question-card{border-radius:var(--radius-md);background:#f4f5ef;padding:22px}.question-label{color:#6f725c;letter-spacing:.12em;font-size:10px;font-weight:800}.question-card h2{letter-spacing:-.045em;margin:10px 0 8px;font-size:clamp(25px,7vw,38px);line-height:1.12}.question-card p{color:var(--muted);margin:0 0 18px}.stage-action{padding:22px 3px 0}.stage-action p{color:var(--muted);text-align:center;margin:0 0 14px;font-size:13px}.rating-panel,.coach-panel,.compare-panel{border-top:1px solid var(--line);margin-top:18px;padding-top:22px}.rating-panel h2,.coach-panel h2,.compare-panel h2{letter-spacing:-.04em;margin:8px 0 16px;font-size:25px;line-height:1.15}.rating-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.rating-grid button{cursor:pointer;border:1px solid #0000;border-radius:18px;min-height:95px;padding:10px 6px;font-size:10px;font-weight:800;transition:transform .18s,filter .18s}.rating-grid button:hover{filter:saturate(1.08);transform:translateY(-2px)}.rating-grid button.rating-stuck{background:#ffd1cb;border-color:#f3afa6}.rating-grid button.rating-clear{background:#ffe49a;border-color:#eccb6d}.rating-grid button.rating-smooth{background:#caeea0;border-color:#a9d874}.rating-grid button span{background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;margin:0 auto 8px;font-size:15px;display:grid}.intent-copy{color:var(--muted);font-size:13px;line-height:1.7}.formula-card{background:var(--lime);border-radius:20px;margin-top:18px;padding:18px}.formula-card span{color:#626b40;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.formula-card strong{font-size:17px;line-height:1.45}.keyword-row{grid-template-columns:repeat(2,1fr);gap:8px;margin-top:10px;display:grid}.keyword-row span{background:#f4f5ef;border-radius:14px;align-items:center;gap:7px;padding:10px;font-size:11px;font-weight:700;display:flex}.keyword-row b{background:#fff;border-radius:50%;flex:0 0 22px;place-items:center;height:22px;display:grid}.sample-card{background:#f0efff;border-radius:22px;margin-top:18px;padding:18px}.sample-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.sample-head span{color:var(--muted);font-size:10px;display:block}.sample-head strong{margin-top:3px;font-size:15px;display:block}.answer-controls{align-items:center;gap:7px;display:flex}.translation-toggle{cursor:pointer;background:#fff;border:1px solid #d8d7ed;border-radius:50%;width:36px;height:36px;font-size:12px;font-weight:900;transition:background .18s,border-color .18s}.translation-toggle.active{background:var(--lime);border-color:#bddc66}.single-version{background:#fff;border-radius:999px;align-items:center;height:36px;padding:0 13px;font-weight:800;color:var(--ink)!important;font-size:10px!important;display:inline-flex!important}.segmented{background:#fff;border-radius:999px;padding:3px;display:inline-flex}.segmented button{cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:48px;height:31px;font-size:10px;font-weight:800}.segmented button.active{background:var(--ink);color:#fff}.speed-row{justify-content:flex-end;align-items:center;gap:5px;margin-top:10px;display:flex}.speed-row span{color:var(--muted);margin-right:3px;font-size:10px}.speed-row button{cursor:pointer;background:#fff;border:1px solid #d8d7ed;border-radius:999px;padding:5px 9px;font-size:9px;font-weight:800}.speed-row button.active{background:var(--ink);color:#fff}.answer-script{white-space:pre-line;color:#4b4d54;margin:14px 0 0;font-size:12px;line-height:1.75}.translation-block{border-top:1px solid #d8d7ed;margin-top:15px;padding-top:14px}.translation-block>span{color:#77768a;font-size:10px;font-weight:800;display:block}.translation-block p{white-space:pre-line;color:#3f4148;margin:7px 0 0;font-size:12px;line-height:1.8}.recording-compare{gap:10px;display:grid}.recording-compare>div{border:1px solid var(--line);background:#f7f7f3;border-radius:18px;padding:14px}.recording-compare span{margin-bottom:9px;font-size:11px;font-weight:800;display:block}.random-shell{width:min(880px,100%);margin:0 auto}.random-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin:4px 0 22px;display:flex}.random-heading h1{letter-spacing:-.055em;margin:8px 0;font-size:clamp(31px,8vw,52px);line-height:1.02}.random-heading p{max-width:590px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}.random-status{flex:none;justify-items:center;gap:9px;display:grid}.remaining-orb{background:var(--blue);border-radius:50%;align-content:center;place-items:center;width:86px;height:86px;display:grid;box-shadow:0 10px 30px #78b6db3d}.remaining-orb b{font-size:30px;line-height:1}.remaining-orb span{margin-top:4px;font-size:9px}.restart-random{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;padding:2px 5px;font-size:9px;font-weight:800;display:inline-flex}.restart-random span{color:var(--ink);font-size:14px}.draw-card{text-align:center;background:var(--lime);border-radius:38px;flex-direction:column;justify-content:center;align-items:center;min-height:440px;padding:32px 24px;display:flex}.shuffle-mark{background:#fff;border-radius:28px;place-items:center;width:86px;height:86px;margin-bottom:22px;display:grid;transform:rotate(-4deg);box-shadow:0 12px 26px #1718191a}.shuffle-mark span{font-size:42px;font-weight:800}.draw-card h2{letter-spacing:-.05em;margin:9px 0;font-size:32px}.draw-card>p{color:#58603f;max-width:440px;margin:0 0 25px;font-size:13px;line-height:1.7}.blind-card{box-shadow:var(--shadow);background:#fff;border:1px solid #e2e3dd;border-radius:38px;overflow:hidden}.blind-top{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:10px;padding:18px 22px;font-size:10px;font-weight:800;display:flex}.hidden-question{text-align:center;background:var(--ink);color:#fff;align-content:center;place-items:center;min-height:330px;padding:30px;display:grid}.hidden-question h2{letter-spacing:-.04em;margin:18px 0 4px;font-size:30px}.hidden-question p{color:#aeb0b1;margin:0;font-size:12px}.sound-wave{align-items:center;gap:7px;height:60px;display:flex}.sound-wave i{background:var(--lime);border-radius:999px;width:6px;animation:1.05s ease-in-out infinite wave;display:block}.sound-wave i:first-child{height:22px}.sound-wave i:nth-child(2){height:50px;animation-delay:-.8s}.sound-wave i:nth-child(3){height:34px;animation-delay:-.6s}.sound-wave i:nth-child(4){height:58px;animation-delay:-.4s}.sound-wave i:nth-child(5){height:27px;animation-delay:-.2s}@keyframes wave{0%,to{opacity:.68;transform:scaleY(.65)}50%{opacity:1;transform:scaleY(1)}}.revealed-question{background:var(--blue);align-content:center;min-height:260px;padding:28px;display:grid}.revealed-question h2{letter-spacing:-.05em;margin:0 0 10px;font-size:clamp(28px,8vw,46px);line-height:1.08}.revealed-question p{color:#4b5e69;margin:0}.blind-actions{flex-wrap:wrap;justify-content:center;gap:8px;padding:18px;display:flex}.revealed-actions{background:#fff}.blind-card .embedded{border-top:0;margin:0;padding:24px}.blind-card .coach-panel{border:0;margin:0;padding:24px}.random-answer-panel{background:#fff}.random-answer-panel .sample-card{background:#f0efff}.answer-next{margin-top:18px}.progress-page{width:min(950px,100%);margin:0 auto}.progress-heading{margin:4px 0 24px}.progress-heading h1{letter-spacing:-.055em;margin:8px 0 0;font-size:clamp(34px,8vw,56px);line-height:1.02}.progress-cards{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.progress-card{border-radius:var(--radius-md);flex-direction:column;min-height:160px;padding:18px;display:flex}.progress-card.lime{background:var(--lime)}.progress-card.pink{background:var(--pink)}.progress-card.blue{background:var(--blue)}.progress-card.purple{background:var(--purple)}.progress-card span{font-size:11px;font-weight:700}.progress-card b{letter-spacing:-.06em;margin-top:auto;font-size:45px;line-height:1}.progress-card small{color:#5f6264;margin-top:6px;font-size:10px}.privacy-card{border-radius:var(--radius-lg);background:var(--ink);color:#fff;gap:18px;margin-top:14px;padding:26px;display:grid}.privacy-icon{background:var(--lime);width:64px;height:64px;color:var(--ink);border-radius:22px;place-items:center;font-size:32px;display:grid}.privacy-card .section-kicker{color:var(--lime)}.privacy-card h2{letter-spacing:-.04em;margin:8px 0;font-size:26px}.privacy-card p{color:#c9cbcc;margin:0;font-size:13px;line-height:1.75}.recording-dock{z-index:55;background:var(--ink);color:#fff;border-radius:22px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px;display:grid;position:fixed;bottom:82px;left:14px;right:14px;box-shadow:0 18px 50px #0000004d}.recording-dot{background:#ff5c5c;border-radius:50%;width:11px;height:11px;animation:1.2s infinite pulse;box-shadow:0 0 0 5px #ff5c5c24}@keyframes pulse{50%{opacity:.45}}.recording-dock strong{font-size:12px;display:block}.recording-dock small{color:#aeb0b1;margin-top:2px;font-size:9px;display:block}.recording-dock button{cursor:pointer;background:#fff;border:0;border-radius:999px;padding:9px 13px;font-size:10px;font-weight:800}.countdown-overlay{z-index:70;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171819b8;place-items:center;display:grid;position:fixed;inset:0}.countdown-overlay>div{aspect-ratio:1;background:var(--lime);border-radius:50%;align-content:center;place-items:center;width:min(310px,100% - 40px);display:grid;box-shadow:0 30px 80px #00000047}.countdown-overlay span{font-size:12px;font-weight:800}.countdown-overlay b{letter-spacing:-.08em;font-size:106px;line-height:1}.countdown-overlay p{margin:4px 0 0;font-size:11px}.countdown-skip{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:999px;min-height:40px;margin-top:14px;padding:0 19px;font-size:11px;font-weight:800;box-shadow:0 9px 20px #17181933}.toast-error{z-index:80;color:#7b3030;box-shadow:var(--shadow);background:#fff0f0;border:1px solid #efc0c0;border-radius:16px;padding:13px 42px 13px 14px;font-size:12px;position:fixed;bottom:88px;left:16px;right:16px}.toast-error>span{background:var(--danger);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;margin-right:8px;font-weight:800;display:inline-grid}.toast-error button{cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:10px;right:12px}.mobile-nav{z-index:40;height:72px;padding:7px max(12px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border-top:1px solid #e6e7e2;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#96999b;cursor:pointer;background:0 0;border:0;align-content:center;place-items:center;gap:2px;font-size:10px;font-weight:700;display:grid}.mobile-nav button span{font-size:20px;line-height:1}.mobile-nav button.active{color:var(--ink)}.mobile-nav button.active span{background:var(--lime);border-radius:12px;place-items:center;width:34px;height:29px;display:grid}@media (width>=560px){.week-strip span{display:block}.week-strip b{width:38px;height:38px}.mode-card{min-height:210px;padding:26px}.privacy-card{grid-template-columns:auto 1fr;align-items:center}.recording-compare{grid-template-columns:repeat(2,1fr)}}@media (width>=768px){.site-frame{padding-bottom:0}.topbar{height:78px;padding:0 30px}.desktop-nav{align-items:center;gap:4px;display:flex}.desktop-nav button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:800}.desktop-nav button.active{background:var(--ink);color:#fff}.privacy-pill{padding:9px 14px;font-size:12px}.mobile-nav{display:none}.app-main{width:min(1180px,100% - 56px);padding:44px 0 80px}.day-badge{flex-direction:column;align-items:flex-end;min-width:120px;display:flex}.day-badge b{letter-spacing:-.07em;font-size:52px;line-height:.9}.day-badge span{color:var(--muted);margin-top:8px;font-size:11px}.streak-card{padding:28px 34px}.week-strip{padding:9px 14px}.home-grid{grid-template-columns:repeat(2,1fr)}.stats-panel{grid-column:1/-1}.stats-grid{gap:12px}.stat{min-height:155px;padding:18px}.stat b{font-size:46px}.today-plan{grid-column:1/-1}.practice-stage,.question-card{padding:30px}.keyword-row,.progress-cards{grid-template-columns:repeat(4,1fr)}.recording-dock{width:540px;bottom:24px;left:50%;right:auto;transform:translate(-50%)}.toast-error{width:520px;bottom:28px;left:50%;right:auto;transform:translate(-50%)}}@media (width>=1024px){.home-dashboard{grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);align-items:start}.welcome-row,.streak-card{grid-column:1/-1}.home-grid{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.stats-panel{grid-column:1}.today-plan{grid-column:2}.mode-card{min-height:230px}.practice-layout{grid-template-columns:310px minmax(0,1fr);gap:22px}.practice-sidebar{padding:30px;position:sticky;top:100px}.practice-stage{padding:36px}.coach-panel,.rating-panel,.compare-panel{padding-top:30px}.random-heading{margin-bottom:30px}.draw-card{min-height:500px}.blind-card .coach-panel,.blind-card .embedded{padding:34px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}