:root{--ink:#20231f;--paper:#f4efe5;--cream:#fbf8f1;--line:#cfc7b9;--orange:#e85b32;--green:#b9caa6;--muted:#6f716a}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Hiragino Sans,sans-serif}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.topbar{min-height:72px;display:flex;align-items:center;gap:32px;padding:0 4vw;border-bottom:1px solid var(--line);background:rgba(244,239,229,.96);position:-webkit-sticky;position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{border:0;background:none;font:800 21px/1 Georgia,serif;letter-spacing:-.7px;white-space:nowrap}.brand span,.page-title em{color:var(--orange);font-style:italic}.topbar nav{display:flex;justify-content:center;flex:1 1;gap:5px;overflow:auto}.topbar nav button{border:0;border-bottom:3px solid transparent;background:none;padding:25px 10px 21px;color:var(--muted);white-space:nowrap}.topbar nav button.active{color:var(--ink);border-color:var(--orange)}.topbar nav b{display:inline-grid;place-items:center;margin-left:5px;border-radius:20px;background:var(--orange);color:#fff;font-size:9px;min-width:17px;height:17px}.page{width:min(1120px,92vw);margin:auto;padding:52px 2% 80px}.page-title{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px;border-bottom:1px solid var(--line);padding-bottom:28px}.page-title h1{margin:7px 0 9px;font:500 clamp(38px,5vw,62px)/1 Georgia,serif;letter-spacing:-2px}.page-title>div>p:last-child{color:var(--muted)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;color:var(--orange);margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:var(--cream)}.metric{padding:25px;border-right:1px solid var(--line);display:flex;flex-direction:column}.metric:last-child{border:0}.metric strong{font:500 42px Georgia,serif}.metric span{font-size:12px;color:var(--muted)}.metric.accent{background:var(--orange);color:white}.metric.accent span{color:white}.dashboard-grid,.split{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px;margin-top:25px}.primary-action{min-height:210px;border:0;background:var(--ink);color:white;padding:30px;text-align:left;display:flex;flex-direction:column;justify-content:space-between}.primary-action strong{font:500 32px Georgia,serif}.flow{border:1px solid var(--line);padding:30px;background:var(--cream)}.flow ol{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;counter-reset:flow}.flow li{border-top:1px solid var(--line);padding-top:12px;font-size:13px}.flow li:before{counter-increment:flow;content:"0" counter(flow);color:var(--orange);margin-right:10px;font:italic 18px Georgia,serif}.panel{background:var(--cream);border:1px solid var(--line);padding:28px}.form label{display:block;font-size:12px;font-weight:700;margin-bottom:17px}.form input,.form select,.form textarea,.import-panel textarea{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid var(--line);background:white;resize:vertical}.button{border:1px solid var(--line);background:transparent;padding:11px 17px;font-weight:750}.button.primary{background:var(--orange);border-color:var(--orange);color:white}.list{display:grid;align-content:start}.row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 6px}.row small,.row strong{display:block}.row small{color:var(--muted);font-size:11px;margin-top:5px}.candidate-actions button,.row button{border:0;background:transparent;padding:7px}.danger{color:#a42d19!important}.empty{grid-column:1/-1;padding:45px;border:1px dashed var(--line);text-align:center;color:var(--muted)}.import-panel textarea{font-family:ui-monospace,SFMono-Regular,monospace;line-height:1.5}.actions,.import-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:15px}.errors{margin-top:15px;background:#fde5df;color:#9c2f1f;padding:12px 17px;font-size:12px}.candidate-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px}.candidate{background:var(--cream);border:1px solid var(--line);padding:24px;display:flex;flex-direction:column}.candidate h2{font:500 27px Georgia,serif;margin:17px 0 5px}.candidate p{color:var(--muted)}.candidate blockquote{border-left:2px solid var(--orange);margin:10px 0;padding-left:13px;font-size:13px}.pill{align-self:start;background:var(--green);padding:6px 10px;font-size:10px;font-weight:800;letter-spacing:.08em}.tags{display:flex;gap:8px;flex-wrap:wrap;color:var(--orange);font-size:11px}.candidate-actions{display:flex;justify-content:flex-end;border-top:1px solid var(--line);margin:20px -24px -24px;padding:10px 17px}.candidate-actions .approve{background:var(--ink);color:white;padding:7px 14px}.filters,.mode-tabs{display:flex;gap:7px;margin-bottom:20px;overflow:auto}.filters button,.mode-tabs button{border:1px solid var(--line);background:transparent;padding:8px 14px;white-space:nowrap}.filters button.active,.mode-tabs button.active{background:var(--ink);color:white}.review-page{max-width:880px}.review-card{background:var(--cream);border:1px solid var(--line);box-shadow:8px 8px #ded6c8;padding:35px 45px}.review-card .prompt{font:500 clamp(25px,4vw,38px)/1.35 Georgia,serif;margin:45px 0}.review-card .hint{color:var(--muted);background:#eee8dd;padding:13px}.reveal{display:block;margin:30px auto}.answer{border-top:1px solid var(--line);padding-top:25px}.answer h2{font:500 31px Georgia,serif}.answer blockquote{border-left:3px solid var(--orange);padding-left:15px;margin-left:0;color:var(--muted)}.grades{display:grid;grid-template-columns:repeat(4,1fr);margin:30px -45px -35px}.grades button{border:0;border-right:1px solid var(--paper);padding:17px;background:var(--ink);color:white}.grades button:first-child{background:#795f57}.grades button:last-child{background:var(--orange)}.backup-card h2{font:500 28px Georgia,serif}.backup-card p{color:var(--muted)}.file-button{display:inline-block;background:var(--ink);color:white;padding:11px 17px;font-weight:750;cursor:pointer}.file-button input{display:none}.loading{padding:20vh;text-align:center}@media(max-width:800px){.topbar{align-items:flex-start;padding-top:18px;flex-direction:column;gap:8px}.topbar nav{width:100%;justify-content:flex-start}.topbar nav button{padding:12px 8px}.metrics{grid-template-columns:1fr 1fr}.metric:nth-child(2){border-right:0}.candidate-grid,.dashboard-grid,.split{grid-template-columns:1fr}.page{padding-top:35px}.review-card{padding:25px}.grades{margin:25px -25px -25px}.grades button{font-size:12px;padding:14px 4px}}.audio-player{display:flex;align-items:center;gap:18px;margin:22px 0 8px;padding:16px;border:1px solid var(--line);background:#eee8dd}.audio-play{flex:none;width:46px;height:46px;border:0;border-radius:50%;background:var(--orange);color:white}.audio-player label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}.audio-player select{max-width:210px;padding:6px;border:1px solid var(--line);background:var(--cream)}.repeat-control input{accent-color:var(--orange);width:16px;height:16px}.audio-unavailable{color:var(--muted);font-size:12px}@media (max-width:520px){.audio-player{gap:11px;flex-wrap:wrap}}.audio-label{min-width:50px;font-size:11px}.continuous-launch{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:18px 22px;border:0;background:var(--orange);color:white;text-align:left}.continuous-launch strong{font:500 21px Georgia,serif}.continuous-launch:disabled{opacity:.45;cursor:not-allowed}.continuous-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.continuous-heading h2{margin:7px 0 0;font:500 32px Georgia,serif}.continuous-progress{display:flex;align-items:center;gap:14px;margin-bottom:14px;font-size:12px}.continuous-progress>div{flex:1 1;height:5px;background:#d9d2c7}.continuous-progress span{display:block;height:100%;background:var(--orange);transition:width .3s}.continuous-card{min-height:370px;padding:38px 45px;border:1px solid var(--line);background:var(--cream);box-shadow:8px 8px #ded6c8}.phase-badge{display:inline-block;padding:6px 10px;background:var(--ink);color:white;font-size:10px;font-weight:800;letter-spacing:.12em}.phase-badge.japanese{background:var(--orange)}.continuous-card h3{margin:26px 0 20px;font:500 clamp(29px,5vw,44px) Georgia,serif}.continuous-card>p{padding:13px 15px;border-left:3px solid transparent;color:var(--muted);transition:.2s}.continuous-card>p.speaking{border-color:var(--orange);background:#f3e4d8;color:var(--ink);font-weight:700}.continuous-card>p.japanese{font-size:14px}.continuous-card blockquote{margin:22px 0 0;padding-top:18px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.continuous-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:22px}.continuous-controls button,.continuous-controls select{padding:10px 13px;border:1px solid var(--line);background:var(--cream)}.continuous-controls button:disabled{opacity:.35}.continuous-controls .continuous-play{min-width:100px;border-color:var(--orange);background:var(--orange);color:white;font-weight:800}.continuous-controls label{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700}@media (max-width:600px){.continuous-heading,.continuous-launch{align-items:flex-start;flex-direction:column}.continuous-card{min-height:330px;padding:28px 24px}}.voice-settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.voice-setting{position:relative}.voice-setting h2{margin:18px 0 7px;font:500 30px Georgia,serif}.voice-setting p{color:var(--muted);font-size:13px}.voice-setting label{display:block;margin:25px 0 18px;font-size:12px;font-weight:800}.voice-setting select{display:block;width:100%;margin-top:8px;padding:11px;border:1px solid var(--line);background:white}.language-mark{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--ink);color:white;font:700 13px Georgia,serif}.language-mark.japanese{background:var(--orange)}.settings-save{display:flex;align-items:center;gap:18px;margin-top:22px}.settings-save p{color:var(--muted);font-size:12px}@media (max-width:700px){.voice-settings-grid{grid-template-columns:1fr}.settings-save{align-items:flex-start;flex-direction:column}}.dashboard-metrics{grid-template-columns:repeat(4,1fr)}.today-mission{margin-bottom:24px;border:1px solid var(--ink);background:var(--ink);color:white;padding:30px;box-shadow:8px 8px var(--orange)}.mission-heading{display:flex;justify-content:space-between;align-items:center;gap:24px}.mission-heading h2{margin:7px 0 0;font:500 clamp(34px,5vw,54px)/1 Georgia,serif}.mission-start{min-width:210px;border:0;background:var(--orange);color:white;padding:18px 20px;display:flex;justify-content:space-between;font-weight:800}.mission-counts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:26px;border:1px solid #55584f}.mission-counts>div{min-height:105px;padding:18px;border-right:1px solid #55584f;display:grid;align-content:center;grid-template-columns:auto 1fr;grid-column-gap:6px;column-gap:6px}.mission-counts>div:last-child{border:0}.mission-counts span{grid-column:1/-1;color:#c8c9c3;font-size:11px}.mission-counts strong{font:500 34px Georgia,serif}.mission-counts small{align-self:end;padding-bottom:6px;color:#c8c9c3}.queue-preview{display:flex;align-items:center;gap:9px;overflow:auto;margin-top:18px;color:#c8c9c3;font-size:10px;white-space:nowrap}.queue-preview>strong{color:var(--orange);text-transform:uppercase;letter-spacing:.12em;margin-right:8px}.queue-preview span{display:flex;gap:9px}.queue-preview i{color:var(--orange);font-style:normal}.mastery{margin-top:24px}.mastery>div{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;padding-top:14px}.mastery>div b,.mastery>div span{font-size:12px}.mastery h2{font:500 26px Georgia,serif;margin:8px 0 2px}.mastery>div span small{color:var(--muted);font-size:10px;margin-left:4px}.mastery>div i{display:block;grid-column:1/-1;height:7px;background:var(--orange)}.mastery .level-mastered i{background:#537a45}.mastery .level-strong i{background:#88a66f}.mastery .level-fading i{background:#d3a33d}.mastery .level-at-risk i{background:#d9763e}.mastery .level-forgotten i{background:#9b5147}.memory-stats{display:grid;grid-gap:7px;gap:7px;margin:14px 0}.memory-mode{display:grid;grid-template-columns:70px 1fr repeat(3,auto);align-items:center;grid-gap:10px;gap:10px;border-top:1px solid var(--line);padding-top:8px}.memory-mode>strong{font-size:10px;text-transform:uppercase;letter-spacing:.1em}.memory-mode small{color:var(--muted);font-size:10px}.memory-level{justify-self:start;border-radius:20px;padding:4px 8px;background:#e7e1d6;font-size:10px;font-weight:800}.memory-level.level-mastered{background:#c8d9bd;color:#35522c}.memory-level.level-strong{background:#dce6cf;color:#4c653e}.memory-level.level-fading{background:#f1dfad;color:#705313}.memory-level.level-at-risk{background:#f1c3a8;color:#793a1c}.memory-level.level-forgotten{background:#e5c0bb;color:#712f28}.activity{margin-top:22px;display:grid;grid-template-columns:220px 1fr;grid-gap:25px;gap:25px}.activity h2{font:500 26px Georgia,serif;margin:8px 0}.activity-help{color:var(--muted);font-size:11px;line-height:1.5}.activity-chart{height:175px;display:grid;grid-template-columns:repeat(7,1fr);grid-gap:10px;gap:10px;border-bottom:1px solid var(--line)}.activity-day{display:flex;flex-direction:column;height:100%;text-align:center;border:0;border-bottom:3px solid transparent;background:transparent;padding:0}.activity-day:focus-visible,.activity-day:hover{background:#f1ece2;outline:none}.activity-day.selected{border-bottom-color:var(--orange)}.activity-total{height:19px;padding-top:2px;font:700 11px Georgia,serif}.bars{height:125px;display:flex;align-items:flex-end;justify-content:center}.stacked-bar{flex-direction:column-reverse;justify-content:flex-start;align-items:center}.stacked-bar i{display:block;width:min(30px,68%);min-height:2px}.stacked-bar i.level-mastered{background:#537a45}.stacked-bar i.level-strong{background:#88a66f}.stacked-bar i.level-fading{background:#d3a33d}.stacked-bar i.level-at-risk{background:#d9763e}.stacked-bar i.level-forgotten{background:#9b5147}.activity-day small{font-size:10px;color:var(--muted);padding-top:5px}.activity-day small em{display:block;margin-top:2px;font-size:8px;font-style:normal}.chart-legend{grid-column:2;color:var(--muted);font-size:11px;margin:0}.memory-legend{display:flex;flex-wrap:wrap;gap:10px}.memory-legend span.level-mastered{color:#537a45}.memory-legend span.level-strong{color:#718e59}.memory-legend span.level-fading{color:#a67817}.memory-legend span.level-at-risk{color:#b95724}.memory-legend span.level-forgotten{color:#8a3930}.day-mastery{grid-column:2;display:flex;align-items:center;gap:10px;min-height:30px;border-top:1px solid var(--line);padding-top:12px;font-size:11px}.day-mastery>span{color:var(--muted)}.day-mastery>div{display:flex;flex-wrap:wrap;gap:5px;margin-left:auto}.test-types{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:17px;gap:17px;margin-bottom:24px}.test-type{min-height:260px;text-align:left;padding:26px;border:1px solid var(--line);background:var(--cream);display:flex;flex-direction:column}.test-type span{color:var(--orange);font-size:11px;font-weight:800}.test-type h2{font:500 30px Georgia,serif}.test-type p{color:var(--muted);line-height:1.6}.test-type strong{margin-top:auto}.test-type.production{background:var(--ink);color:white}.test-type.future{opacity:.55}.recent-tests{margin-top:20px}.muted{color:var(--muted)}.output-card{max-width:820px;margin:auto;background:var(--cream);border:1px solid var(--line);box-shadow:8px 8px #ded6c8;padding:35px 45px}.test-progress{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:16px;font-size:12px}.target-expression{background:var(--ink);color:white;margin:25px -45px 0;padding:20px 45px}.expected small,.target-expression small{color:var(--orange);font-weight:800}.target-expression h2{font:500 31px Georgia,serif;margin:8px 0}.output-card .prompt{font:500 27px/1.45 Georgia,serif;margin:32px 0}.answer-input{font-size:12px;font-weight:800}.answer-input textarea{display:block;width:100%;margin-top:8px;padding:15px;border:1px solid var(--line);background:white;resize:vertical}.expected{border-top:1px solid var(--line);padding-top:24px}.expected h2{font:500 27px Georgia,serif}.expected blockquote{border-left:3px solid var(--orange);padding-left:14px;color:var(--muted);margin-left:0}.ai-panel{display:flex;justify-content:space-between;align-items:center;background:#e9e4da;padding:16px;margin-top:22px}.ai-panel p{margin:4px 0;color:var(--muted);font-size:12px}.assessment-label{text-align:center;font-weight:700}.output-grades{margin:20px -45px -35px}.test-complete{text-align:center}.test-complete>strong{font:500 72px Georgia,serif;color:var(--orange)}.settings-section{margin:24px 0}.danger-zone{border-color:#c38478}.danger-button{border-color:#a42d19;color:#a42d19}@media (max-width:800px){.dashboard-metrics,.test-types{grid-template-columns:1fr 1fr}.activity{grid-template-columns:1fr}.chart-legend,.day-mastery{grid-column:1}.day-mastery{align-items:flex-start;flex-wrap:wrap}.day-mastery>div{width:100%;margin-left:0}.output-card{padding:25px}.target-expression{padding-left:25px;padding-right:25px}.output-grades,.target-expression{margin-left:-25px;margin-right:-25px}.memory-mode{grid-template-columns:58px 1fr}.mission-heading{align-items:stretch;flex-direction:column}.mission-start{width:100%}.mission-counts{grid-template-columns:1fr 1fr}.mission-counts>div:nth-child(2){border-right:0}.mission-counts>div:nth-child(-n+2){border-bottom:1px solid #55584f}}.card-title-link{border:0;background:none;padding:0;text-align:left}.card-title-link h2{text-decoration-thickness:1px;text-underline-offset:4px}.card-title-link:hover h2{text-decoration:underline}.card-detail{max-width:760px;margin:auto}.detail-back{display:block;border:0;background:none;color:var(--muted);padding:0;margin-bottom:28px}.card-detail>h2{font:500 clamp(34px,5vw,52px)/1.05 Georgia,serif;margin:24px 0 8px}.card-detail>p{color:var(--muted);font-size:18px}.detail-copy{border-top:1px solid var(--line);margin-top:25px;padding-top:24px}.detail-copy small{display:block;color:var(--orange);font-weight:800;letter-spacing:.12em;margin:22px 0 8px}.detail-copy p{font:500 25px/1.35 Georgia,serif}.detail-copy blockquote{border-left:3px solid var(--orange);margin-left:0;padding-left:16px;color:var(--muted)}.detail-copy code{display:block;background:#eee8dd;padding:13px}.related-expressions{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.related-expressions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:9px;gap:9px;margin-top:13px}.related-expressions button{border:1px solid var(--line);background:white;padding:13px;text-align:left}.related-expressions button:hover{border-color:var(--orange)}.related-expressions span,.related-expressions strong{display:block}.related-expressions span{color:var(--muted);font-size:11px;margin-top:5px}@media (max-width:600px){.related-expressions>div{grid-template-columns:1fr}}:root{--focus-accent:#356859}.review-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.focus-launch{border:1px solid var(--ink);background:var(--ink);color:#fff;padding:10px 16px;font-weight:750;white-space:nowrap}.focus-launch span{margin-left:12px}.focus-launch:disabled{opacity:.4;cursor:default}.app-focus-mode,.focus-main{min-height:100dvh;background:#fafafa}.focus-main{overflow:auto}.focus-review{--focus-ink:#202422;min-height:100dvh;background:#fafafa;color:var(--focus-ink);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;flex-direction:column}.focus-toolbar{height:56px;flex:0 0 56px;display:grid;grid-template-columns:auto minmax(100px,280px) auto;justify-content:center;align-items:center;grid-gap:22px;gap:22px;padding:0 24px;color:#727774;font-size:12px}.focus-progress{width:min(30vw,280px);height:3px;background:#e4e6e5;overflow:hidden}.focus-progress i{display:block;height:100%;background:var(--focus-accent);transition:width .2s ease}.focus-toolbar button{border:0;background:transparent;color:inherit;padding:8px}.focus-review kbd{font:inherit;border:1px solid #d6dad8;border-radius:3px;padding:2px 6px;color:#747a77;background:#fff}.focus-card{flex:1 1;width:min(1040px,calc(100% - 40px));margin:0 auto 24px;background:#fff;border:1px solid #e1e3e2;border-radius:8px;display:grid}.focus-card.is-prompt{place-items:center;min-height:calc(100dvh - 80px)}.focus-prompt{width:min(760px,88%);text-align:center;padding:8vh 24px}.focus-mode-label,.rating-prompt{color:#717773;font-size:13px;letter-spacing:.06em}.focus-prompt h1{font:600 clamp(28px,4.3vw,56px)/1.35 system-ui,sans-serif;letter-spacing:-.025em;margin:28px 0}.focus-hint{color:#6d736f;font-size:clamp(15px,2vw,20px)}.focus-next,.focus-reveal{border:0;border-radius:5px;background:var(--focus-accent);color:#fff;min-height:56px;padding:0 28px;font-weight:750;font-size:16px}.focus-reveal{margin-top:clamp(28px,7vh,72px)}.focus-reveal kbd{margin-left:20px;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.35);color:#fff}.focus-answer-layout{width:min(820px,88%);margin:auto;padding:clamp(20px,5vh,56px) 0 40px}.focus-question{color:#686e6b;border-bottom:1px solid #eceeed;padding-bottom:15px;margin-bottom:clamp(24px,5vh,50px)}.focus-explanation summary,.focus-question summary{cursor:pointer;font-size:13px}.focus-question p{margin-bottom:0}.focus-answer{outline:none;text-align:center}.focus-answer>span{display:block;color:var(--focus-accent);font-size:11px;font-weight:800;letter-spacing:.16em}.focus-answer h1{font:650 clamp(34px,5.2vw,66px)/1.16 system-ui,sans-serif;letter-spacing:-.035em;margin:18px auto 14px;text-wrap:balance}.focus-answer>p{color:#656b68;font-size:clamp(16px,2vw,21px)}.say-aloud{display:flex;align-items:center;gap:14px;margin:clamp(28px,5vh,48px) auto 26px;padding:16px 18px;max-width:640px;background:#f3f7f5;border-left:3px solid var(--focus-accent)}.say-aloud>span{font-size:28px;color:var(--focus-accent)}.say-aloud div{flex:1 1}.say-aloud p,.say-aloud strong{display:block;margin:0}.say-aloud p{color:#6c726f;font-size:12px;margin-top:3px}.say-aloud button{border:0;background:transparent;color:#949996;font-size:11px}.rating-prompt{text-align:center;margin-top:30px}.focus-grades{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px;gap:10px;margin-top:12px}.focus-grades button{min-height:66px;border:1px solid #d8dcda;border-radius:5px;background:#fff;display:flex;justify-content:center;align-items:center;gap:9px}.focus-grades button:focus-visible,.focus-grades button:hover:not(:disabled){border-color:var(--focus-accent);outline:2px solid color-mix(in srgb,var(--focus-accent) 20%,transparent)}.focus-grades button.selected{border-color:var(--focus-accent);background:#edf5f1;color:var(--focus-accent)}.focus-grades button:disabled:not(.selected){opacity:.42}.focus-after-rating{margin-top:24px;border-top:1px solid #eceeed;padding-top:20px}.focus-after-rating>p{text-align:center;color:var(--focus-accent);font-size:13px}.focus-after-rating .related-expressions{margin-top:20px}.focus-after-rating .related-expressions>div{grid-template-columns:repeat(3,1fr)}.focus-explanation{margin:22px 0;color:#626865}.focus-explanation blockquote{margin-left:0;font-size:18px}.focus-explanation code{display:block;padding:10px;background:#f4f5f4}.focus-next{display:block;margin:28px auto 0;min-width:210px}.focus-next span{float:right;margin-left:30px}@media (orientation:landscape) and (max-height:560px) and (pointer:coarse){.focus-toolbar{height:38px;flex-basis:38px;padding:0 14px}.focus-card{width:calc(100% - 20px);min-height:calc(100dvh - 48px);margin-bottom:10px;border-radius:5px}.focus-prompt{padding:4vh 18px;width:92%}.focus-prompt h1{font-size:clamp(26px,5vw,42px);margin:12px 0}.focus-reveal{margin-top:4vh;min-height:48px}.focus-answer-layout{position:relative;width:92%;padding:12px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.75fr);grid-template-areas:"question question" "answer aloud" "answer rating";grid-column-gap:28px;column-gap:28px;align-items:center}.focus-question{grid-area:question;margin:0;padding-bottom:6px}.focus-answer{grid-area:answer}.focus-answer h1{font-size:clamp(28px,5.3vw,50px);margin:10px 0}.say-aloud{grid-area:aloud;margin:8px 0;padding:10px 12px}.rating-prompt{grid-area:rating;margin:2px 0 76px}.focus-grades{position:absolute;left:52%;right:4%;bottom:26px}.focus-grades button{min-height:54px}.focus-after-rating{grid-column:1/-1;max-height:42vh;overflow:auto;margin-top:6px;padding-top:8px}.focus-after-rating .related-expressions,.focus-explanation{display:none}.focus-next{min-height:46px;margin:8px auto 0}}@media (max-width:620px){.focus-toolbar{grid-template-columns:auto 1fr auto;gap:10px;padding:0 12px}.focus-progress{width:100%}.focus-card{width:calc(100% - 20px)}.focus-answer-layout{width:90%}.focus-grades{gap:5px}.focus-grades button{flex-direction:column;min-height:70px;font-size:12px}.say-aloud button{display:none}.focus-after-rating .related-expressions>div{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.focus-progress i{transition:none}.focus-review *,.focus-review :after,.focus-review :before{scroll-behavior:auto!important;animation-duration:.01ms!important}}