:root{color:#17383c;font-synthesis:none;text-rendering:optimizelegibility;--ink:#17383c;--muted:#66777a;--teal:#1f6f78;--teal-dark:#15545b;--paper:#fffef9;--line:#d7dfdc;--orange:#e98754;--red:#b84a4a;--green:#327b58;background:#f4f2ea;font-family:Inter,ui-rounded,SF Pro Rounded,SF Pro Display,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 0,#1f6f781f,#0000 34rem),#f4f2ea;min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #e98754a6}main{width:min(100%,980px);padding:max(28px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(36px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));margin:0 auto}.hero{grid-template-columns:72px 1fr;align-items:start;gap:18px;padding:18px 4px 28px;display:grid}.hero__mark{aspect-ratio:1;color:#fff;background:var(--teal);letter-spacing:4px;border-radius:22px 22px 22px 7px;place-items:center;width:72px;padding-bottom:15px;font-size:36px;font-weight:900;line-height:0;display:grid;box-shadow:0 12px 28px #1f6f7838}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;max-width:700px;margin-bottom:10px;font-size:clamp(2rem,6vw,3.7rem);line-height:1.02}h2{letter-spacing:-.025em;margin-bottom:0;font-size:clamp(1.35rem,4vw,1.85rem)}h3{margin-bottom:0;font-size:1.25rem}.hero p:last-child,.section-copy{color:var(--muted);line-height:1.55}.hero p:last-child{max-width:690px;margin-bottom:0;font-size:1.04rem}.eyebrow,.locale{color:var(--teal);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:.72rem;font-weight:800}.status-strip{color:var(--muted);border:1px solid var(--line);background:#fffef9b3;border-radius:18px;flex-wrap:wrap;gap:12px 24px;margin-bottom:14px;padding:13px 18px;font-size:.88rem;display:flex}.status-strip>div{align-items:center;gap:8px;display:flex}.status-dot,.listening-dot{background:#a5afad;border-radius:999px;flex:none;width:10px;height:10px}.status-dot--online{background:var(--green)}.status-dot--offline{background:var(--orange)}.notice{background:#fff1d9;border:1px solid #efcf96;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;margin:14px 0;padding:14px 18px;display:flex}.notice--error{color:#7e2e2e;background:#ffebeb;border-color:#edbaba}.panel{background:var(--paper);border:1px solid #17383c1a;border-radius:26px;margin:14px 0;padding:clamp(20px,5vw,34px);box-shadow:0 16px 50px #30434212}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.section-copy{max-width:760px;margin-bottom:22px}.version,.count-badge{color:var(--teal-dark);background:#e4f1ef;border-radius:999px;flex:none;padding:7px 10px;font-size:.78rem;font-weight:800}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.capability{background:#f5f8f6;border-radius:16px;align-items:center;gap:12px;min-height:68px;padding:13px;display:flex}.capability>span{color:#fff;background:var(--teal);border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.capability strong,.capability small{display:block}.capability strong{font-size:.9rem}.capability small{color:var(--muted);margin-top:2px}.install-help{color:var(--teal-dark);background:#eaf5f3;border-radius:14px;margin:16px 0 0;padding:13px 15px;font-size:.9rem}.speech-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.speech-card{border:1px solid var(--line);background:#f6f8f5;border-radius:20px;padding:20px}.speech-card__header{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.listening-dot--active{background:var(--red);animation:1.2s ease-in-out infinite pulse;box-shadow:0 0 0 7px #b84a4a1f}.test-phrase{margin-bottom:14px;font-size:1.05rem}.toggle-row,.storage-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.toggle-row{color:var(--muted);justify-content:flex-start;margin-bottom:14px;font-size:.86rem}.toggle-row input{width:20px;height:20px;accent-color:var(--teal)}.button-row{grid-template-columns:1fr 1fr;gap:8px;display:grid}.button-row--compact{margin-top:10px;display:flex}.button,.text-button,.segment{cursor:pointer;border:0;min-height:44px}.button{border-radius:14px;padding:10px 14px;font-size:.88rem;font-weight:800}.button:disabled{cursor:not-allowed;opacity:.45}.button--primary{color:#fff;background:var(--teal)}.button--primary:hover:not(:disabled){background:var(--teal-dark)}.button--secondary{color:var(--teal-dark);background:#deeeeb}.text-button{color:var(--teal-dark);text-underline-offset:3px;background:0 0;padding:4px 2px;font-size:.85rem;font-weight:800;text-decoration:underline}.speech-result{background:#fff;border-radius:14px;gap:7px;min-height:73px;margin-top:16px;padding:13px;font-size:.84rem;display:grid}.speech-result>span,.hint{color:var(--muted)}.speech-result ol{margin:2px 0 0;padding-left:23px}.speech-result li{padding:3px 0}.speech-result small{color:var(--muted);margin-left:8px}.hint{margin-bottom:12px;font-size:.83rem;line-height:1.45}.probe-card{background:#f5f8f6;border-radius:17px;justify-content:space-between;align-items:center;gap:18px;padding:16px;display:flex}.probe-card span,.probe-card strong,.probe-card small{display:block}.probe-card span,.probe-card small{color:var(--muted);font-size:.78rem}.probe-card strong{margin:4px 0;font-size:.97rem}.storage-row{color:var(--muted);margin-top:16px;font-size:.86rem}.error-text{color:var(--red);margin:12px 0 0;font-size:.86rem}.gate-list{gap:9px;display:grid}.gate{background:#f6f7f4;border-left:4px solid #aeb8b6;border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:64px;padding:10px 12px 10px 15px;display:grid}.gate--passed{border-left-color:var(--green)}.gate--failed{border-left-color:var(--red)}.gate-label{font-size:.9rem;line-height:1.35}.segmented{background:#e5e9e7;border-radius:12px;padding:3px;display:flex}.segment{color:#64716f;background:0 0;border-radius:9px;min-width:48px;min-height:36px;padding:5px 8px;font-size:.76rem;font-weight:700}.segment[aria-pressed=true]{color:var(--ink);background:#fff;box-shadow:0 2px 8px #17383c1a}.segment--passed[aria-pressed=true]{color:var(--green)}.segment--failed[aria-pressed=true]{color:var(--red)}.panel--actions{justify-content:space-between;align-items:center;gap:20px;display:flex}.panel--actions .section-copy{margin-bottom:0}footer{text-align:center;padding:24px 8px 10px}footer a{color:var(--muted);font-size:.82rem}.study-shell{width:100%;min-height:100dvh;padding:max(18px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));place-items:center;display:grid}.study-card{background:var(--paper);border:1px solid #17383c1a;border-radius:32px;width:min(100%,560px);min-height:min(720px,100dvh - 36px);padding:clamp(18px,5vw,34px);box-shadow:0 24px 70px #3043421f}.study-card--center,.study-card--summary{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.study-topbar{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;font-size:.9rem;font-weight:800;display:grid}.study-progress{background:#e2e9e6;border-radius:99px;height:9px;overflow:hidden}.study-progress span{background:var(--teal);border-radius:inherit;height:100%;transition:width .24s;display:block}.quiet-button{width:44px;height:44px;color:var(--muted);cursor:pointer;letter-spacing:2px;background:0 0;border:0;border-radius:13px;font-weight:900}.study-prompt{text-align:center;padding:clamp(52px,10vh,88px) 8px clamp(38px,7vh,62px)}.study-kicker{color:var(--teal);letter-spacing:.13em;text-transform:uppercase;margin-bottom:13px;font-size:.76rem;font-weight:900}.study-prompt h1{letter-spacing:-.055em;margin:0;font-size:clamp(3rem,13vw,5.2rem)}.choice-list{gap:12px;display:grid}.choice{min-height:68px;color:var(--ink);cursor:pointer;background:#f4f8f6;border:2px solid #dbe5e1;border-radius:18px;padding:14px 20px;font-size:clamp(1.16rem,5vw,1.42rem);font-weight:750;transition:transform .1s,border-color .1s,background .1s}.choice:active,.choice--selected{border-color:var(--teal);background:#e3f1ee;transform:scale(.985)}.speech-answer{text-align:center;place-items:center;gap:12px;min-height:270px;display:grid}.speech-answer p{min-height:26px;color:var(--ink);margin:0;font-weight:750}.speech-answer small{color:var(--muted)}.microphone-button{color:#fff;background:var(--teal);cursor:pointer;border:0;border-radius:42px;place-items:center;width:118px;height:118px;padding:12px;font-size:3.2rem;line-height:1;transition:transform .12s;display:grid;box-shadow:0 18px 42px #1f6f7847}.microphone-button__label{font-size:.8rem;font-weight:800}.microphone-button:disabled{cursor:wait;opacity:.7}.microphone-button:active{transform:scale(.96)}.microphone-button--active{background:var(--red);animation:1.2s ease-in-out infinite pulse}.audio-prompt{min-width:150px;min-height:128px;color:var(--teal-dark);cursor:pointer;background:#e4f2ef;border:0;border-radius:28px;place-items:center;gap:8px;margin:0 auto;font-size:3.5rem;display:grid}.audio-prompt span{font-size:.78rem;font-weight:800}.reveal{background:#edf7f0;border-radius:23px;gap:14px;margin-top:8px;padding:22px;display:grid}.study-card--incorrect .reveal{background:#fff1e8}.reveal__result{align-items:center;gap:15px;display:flex}.reveal__icon,.summary-check{color:#fff;background:var(--green);border-radius:18px;flex:none;place-items:center;width:54px;height:54px;font-size:1.7rem;font-weight:900;display:grid}.study-card--incorrect .reveal__icon{background:var(--orange)}.reveal__result p{color:var(--muted);margin-bottom:3px;font-size:.9rem;font-weight:750}.reveal__result strong{font-size:1.7rem}.replay-button,.next-button{cursor:pointer;border:0;border-radius:16px;min-height:56px;font-weight:850}.replay-button{color:var(--teal-dark);background:#dcefeb}.next-button{color:#fff;background:var(--teal);font-size:1.05rem}.audio-warning{color:var(--red);text-align:center}.summary-check{border-radius:26px;width:76px;height:76px;margin-bottom:26px;font-size:2.4rem;box-shadow:0 14px 32px #327b5838}.study-card--summary h1{font-size:clamp(3.4rem,14vw,5.5rem)}.summary-stats{background:#f3f7f5;border-radius:22px;grid-template-columns:repeat(3,1fr);width:100%;margin:28px 0 38px;padding:22px 8px;display:grid}.summary-stats>div{gap:5px;padding:0 8px;display:grid}.summary-stats>div+div{border-left:1px solid var(--line)}.summary-stats strong{font-size:1.7rem}.summary-stats span{color:var(--muted);font-size:.76rem;line-height:1.25}.diagnostics-link{margin-top:18px}.parent-shell{width:min(100%,1080px);min-height:100dvh;padding:max(26px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) max(42px, env(safe-area-inset-bottom)) max(18px, env(safe-area-inset-left));margin:0 auto}.parent-header,.parent-section-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.parent-header h1{margin:0}.parent-eyebrow{color:var(--teal);letter-spacing:.13em;text-transform:uppercase;margin-bottom:7px;font-size:.72rem;font-weight:900}.parent-tabs{background:#e1e8e5;border-radius:17px;gap:5px;margin:24px 0 16px;padding:5px;display:flex;overflow-x:auto}.parent-tabs button{min-height:44px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:12px;flex:1;padding:8px 17px;font-weight:800}.parent-tabs button[aria-current=page]{color:var(--ink);background:var(--paper);box-shadow:0 3px 12px #17383c1a}.parent-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.parent-panel,.parent-loading{background:var(--paper);border:1px solid #17383c1a;border-radius:25px;padding:clamp(21px,4vw,32px);box-shadow:0 14px 42px #30434212}.parent-panel--wide{grid-column:1/-1}.parent-panel>h2{margin-bottom:10px}.parent-muted{color:var(--muted);line-height:1.5}.today-stats{grid-template-columns:repeat(4,1fr);gap:9px;margin-top:24px;display:grid}.today-stats>div{background:#f1f6f4;border-radius:17px;align-content:center;gap:5px;min-height:106px;padding:15px;display:grid}.today-stats strong{color:var(--teal-dark);font-size:2rem}.today-stats span{color:var(--muted);font-size:.78rem;line-height:1.3}.parent-section-heading>span{min-width:38px;height:38px;color:var(--teal-dark);background:#e3f0ed;border-radius:99px;place-items:center;font-weight:900;display:grid}.unit-list,.word-list,.backup-actions{gap:10px;margin-top:22px;display:grid}.unit-card{background:#f5f7f5;border:2px solid #0000;border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.unit-card--active{background:#ecf6f3;border-color:#a8cec6}.unit-card span,.unit-card small{color:var(--muted);font-size:.78rem}.unit-card h3{margin:3px 0 6px}.unit-card-actions,.review-actions,.review-word-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.review-unit-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-top:22px;display:flex}.review-unit-heading h2{margin:0}.review-unit-counts{color:var(--muted);text-align:right;gap:3px;font-size:.82rem;display:grid}.review-unit-counts strong{color:var(--ink)}.review-actions{margin:20px 0}.review-word-list{gap:10px;display:grid}.review-word{background:#f5f7f5;border-left:4px solid #d2dcd8;border-radius:15px;gap:9px;padding:15px 17px;display:grid}.review-word--needs_human_review,.review-word--deferred{border-left-color:var(--orange);background:#fff7e8}.review-word--approved,.review-word--edited{border-left-color:var(--green)}.review-word--excluded{opacity:.68;border-left-color:var(--red)}.review-word-main{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.review-word-main>div{align-items:baseline;gap:9px;display:flex}.review-word-main span,.review-word-main small,.review-aliases{color:var(--muted)}.review-word-main small{text-align:right}.review-aliases,.review-note{margin:0;font-size:.82rem;line-height:1.45}.review-note{color:#705027;background:#fff1d9;border-radius:10px;padding:10px 12px}.review-exclude{color:var(--red)}.word-list button{min-height:56px;color:var(--ink);text-align:left;cursor:pointer;background:#f5f7f5;border:0;border-radius:14px;grid-template-columns:1fr 1fr auto;align-items:center;gap:14px;padding:11px 15px;display:grid}.word-list button:hover{background:#eaf3f0}.word-list button span,.word-list button small{color:var(--muted)}.word-list button small{text-align:right}.field-label{color:var(--ink);gap:7px;margin-top:18px;font-size:.86rem;font-weight:800;display:grid}.field-label input,.field-label textarea{width:100%;min-height:48px;color:var(--ink);background:#fff;border:1px solid #cbd8d4;border-radius:12px;padding:11px 13px}.field-label textarea{resize:vertical;min-height:86px}.parent-check{color:var(--muted);align-items:flex-start;gap:10px;margin-top:20px;font-size:.88rem;line-height:1.4;display:flex}.parent-check input{width:20px;height:20px;accent-color:var(--teal)}.backup-actions{grid-template-columns:1fr 1fr}.parent-modal-backdrop{z-index:20;padding:max(18px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1227298c;place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.parent-modal{background:var(--paper);border-radius:27px;width:min(100%,650px);max-height:calc(100dvh - 36px);padding:clamp(22px,5vw,34px);position:relative;overflow-y:auto;box-shadow:0 30px 90px #0a1e1e4d}.parent-modal h2 span{color:var(--muted);font-weight:600}.modal-close{width:44px;height:44px;color:var(--muted);cursor:pointer;background:#edf1ef;border:0;border-radius:14px;font-size:1.5rem;position:absolute;top:16px;right:16px}.direction-grid{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0;display:grid}.direction-grid>div{background:#f1f6f4;border-radius:15px;gap:5px;padding:15px;display:grid}.direction-grid span,.direction-grid small{color:var(--muted)}.parent-warning{color:#7e5125;background:#fff1d9;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;display:flex}.parent-save{width:100%;margin-top:18px}.attempt-list{gap:7px;margin-top:28px;display:grid}.attempt-list>div{background:#f5f7f5;border-radius:10px;grid-template-columns:26px 1fr auto;align-items:center;gap:9px;padding:9px 11px;display:grid}.attempt-list small{color:var(--muted)}.attempt-good{color:var(--green);font-weight:900}.attempt-bad{color:var(--red);font-weight:900}@keyframes pulse{50%{transform:scale(.76)}}@media (width<=700px){.hero{grid-template-columns:54px 1fr;gap:13px}.hero__mark{border-radius:17px 17px 17px 6px;width:54px;padding-bottom:11px;font-size:25px}.capability-grid,.speech-grid{grid-template-columns:1fr}.gate{grid-template-columns:1fr;gap:9px}.segmented{width:100%}.segment{flex:1}.panel--actions,.probe-card{flex-direction:column;align-items:stretch}.parent-grid{grid-template-columns:1fr}.today-stats{grid-template-columns:1fr 1fr}}@media (width<=430px){main{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.panel{border-radius:21px}.button-row{grid-template-columns:1fr}.study-shell{padding:0}.study-card{min-height:100dvh;box-shadow:none;border:0;border-radius:0}.study-prompt{padding-top:58px;padding-bottom:42px}.parent-header,.unit-card,.unit-card-actions,.review-actions{flex-direction:column;align-items:stretch}.review-unit-heading,.review-word-main,.review-word-main>div{flex-direction:column;align-items:flex-start}.review-unit-counts,.review-word-main small{text-align:left}.parent-tabs button{min-width:max-content}.word-list button{grid-template-columns:1fr 1fr}.word-list button small{text-align:left;grid-column:1/-1}.direction-grid,.backup-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
