:root{--ink:#202321;--muted:#6f746f;--line:#d8dbd7;--paper:#fbfbf8;--panel:#fff;--soft:#f0f2ed;--accent:#375b49;--accent-soft:#e8eee9;--wrong:#8a4138;--wrong-soft:#f5e9e6;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--paper);min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #cbd8cf}.app-shell{width:min(1180px,100% - 40px);margin:0 auto;padding:30px 0 52px}.topbar{border-bottom:1px solid var(--line);grid-template-columns:210px 1fr 190px;align-items:end;gap:26px;padding-bottom:20px;display:grid}.brand{cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.brand strong{letter-spacing:-.04em;margin-top:3px;font-size:28px;font-weight:680;display:block}.kicker{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:10px;font-weight:750}.primary-nav{justify-content:center;gap:4px;display:flex}.nav-item{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 12px;font-size:14px;font-weight:620}.nav-item:hover,.nav-item:focus-visible{color:var(--ink)}.nav-item.active{border-bottom-color:var(--accent);color:var(--ink)}.account-cluster{justify-items:end;gap:5px;display:grid}.user-switch{cursor:pointer;background:0 0;border:0;align-items:baseline;gap:7px;padding:0;display:flex}.user-switch strong{text-overflow:ellipsis;white-space:nowrap;max-width:125px;font-size:12px;overflow:hidden}.user-switch span{color:var(--muted);font-size:10px}.user-switch:hover span{color:var(--ink)}.sync-state{color:var(--muted);justify-content:flex-end;align-items:center;gap:7px;font-size:10px;display:flex}.sync-state i{background:#8e948f;border-radius:50%;width:6px;height:6px}.sync-state.server i{background:var(--accent)}.sync-state.browser i{background:#b17c42}.mode-bar{justify-content:center;gap:4px;min-height:52px;padding-top:14px;display:flex}.mode-bar button,.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:3px;padding:7px 10px;font-size:12px;font-weight:650}.mode-bar button:hover,.segmented button:hover{color:var(--ink)}.mode-bar button.active,.segmented button.active{border-color:var(--line);color:var(--ink);background:#fff}.workspace{grid-template-columns:210px minmax(0,720px);justify-content:center;gap:54px;padding-top:clamp(30px,5vh,58px);display:grid}.study-summary{color:var(--muted);padding-top:28px}.summary-label{letter-spacing:.09em;text-transform:uppercase;margin:0 0 5px;font-size:11px;font-weight:750}.summary-value{color:var(--ink);margin:0;font-size:21px;font-weight:670}.range-value{color:var(--muted);margin:3px 0 17px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.meter{background:#e1e3df;height:4px;overflow:hidden}.meter span{background:var(--accent);height:100%;transition:width .15s ease-out;display:block}.summary-detail{margin:10px 0 0;font-size:12px;line-height:1.45}.summary-detail strong{color:var(--ink)}.quiet-note{margin:27px 0 0;font-size:12px;line-height:1.6}.drill-panel{border:1px solid var(--line);background:var(--panel);min-height:478px;padding:27px 34px 30px;box-shadow:0 20px 50px #2023210b}.drill-meta{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:11px;font-weight:720;display:flex}.prompt-block{text-align:center;padding:62px 0 52px}.prompt-block.table-prompt{padding:34px 0 24px}.prompt-label{color:var(--muted);margin:0 0 13px;font-size:13px}.prompt-word{letter-spacing:-.045em;margin:0;font-size:clamp(47px,6.2vw,72px);font-weight:660;line-height:1.05}.prompt-word.sentence-prompt{letter-spacing:-.035em;font-size:clamp(30px,4.2vw,48px)}.prompt-translation{color:var(--muted);margin:9px 0 0;font-size:13px}.answer-form{grid-template-columns:1fr auto;gap:10px;display:grid}.answer-form label{color:var(--muted);grid-column:1/-1;font-size:12px;font-weight:650}.answer-form input,.conjugation-grid input{background:#fff;border:1px solid #bcc1bb;border-radius:3px;outline:none;min-width:0;padding:13px 14px;font-size:17px}.answer-form input:focus,.conjugation-grid input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.answer-form input:disabled,.conjugation-grid input:disabled{color:var(--ink);background:#f7f7f4}.primary-action{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:3px;padding:0 20px;font-weight:650}.primary-action:hover{background:var(--accent)}.primary-action span,.feedback button span{color:#c5ccc7;margin-left:9px}.gender-choices{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.gender-choices button{cursor:pointer;background:#fff;border:1px solid #bcc1bb;border-radius:3px;justify-content:center;align-items:center;gap:14px;min-height:55px;font-size:18px;font-weight:680;display:flex}.gender-choices button:hover,.gender-choices button.selected{border-color:var(--accent);background:var(--accent-soft)}.gender-choices button span{color:var(--muted);font-family:ui-monospace,monospace;font-size:11px;font-weight:500}.conjugation-form{gap:18px;display:grid}.conjugation-grid{grid-template-columns:repeat(2,1fr);gap:10px 16px;display:grid}.conjugation-grid label{color:var(--muted);grid-template-columns:75px 1fr;align-items:center;gap:9px;font-size:12px;font-weight:650;display:grid;position:relative}.conjugation-grid input{width:100%;padding:10px 11px;font-size:15px}.conjugation-grid small{color:var(--accent);font-size:11px;font-weight:700;position:absolute;right:10px}.conjugation-grid input[aria-invalid=true]{background:#fff7f5;border-color:#c69088}.table-submit{justify-self:end;min-height:42px}.feedback{min-height:60px;margin-top:16px;padding:13px 15px;font-size:13px;line-height:1.4}.feedback.empty{color:var(--muted);padding-left:0}.feedback.correct,.feedback.incorrect{justify-content:space-between;align-items:center;gap:22px;display:flex}.feedback.correct{background:var(--accent-soft);color:#294536}.feedback.incorrect{background:var(--wrong-soft);color:var(--wrong)}.feedback div{gap:2px;display:grid}.feedback div>span{color:#667069}.feedback.incorrect div>span{color:#795a54}.feedback button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:3px;flex:none;padding:9px 12px;font-size:12px;font-weight:680}.loading-screen{text-align:center;place-content:center;min-height:100vh;display:grid}.loading-screen h1{letter-spacing:-.04em;margin:6px 0 12px;font-size:40px}.loading-screen span{color:var(--muted);font-size:13px}.learner-screen{place-content:center;min-height:100vh;padding:24px;display:grid}.learner-card{border:1px solid var(--line);background:var(--panel);width:min(460px,100vw - 32px);padding:38px 40px 34px;box-shadow:0 20px 50px #2023210b}.learner-card h1{letter-spacing:-.045em;margin:7px 0 10px;font-size:35px}.learner-card>p:not(.kicker,.privacy-note){color:var(--muted);margin:0;font-size:13px;line-height:1.55}.known-learners{flex-wrap:wrap;gap:7px;margin-top:22px;display:flex}.known-learners button{border:1px solid var(--line);background:var(--soft);cursor:pointer;border-radius:3px;padding:8px 11px;font-size:12px;font-weight:650}.known-learners button:hover{background:#fff;border-color:#b7bcb6}.learner-form{gap:7px;margin-top:24px;display:grid}.learner-form label{color:var(--muted);font-size:11px;font-weight:700}.learner-form>div{grid-template-columns:1fr auto;display:grid}.learner-form input{background:#fff;border:1px solid #bcc1bb;border-radius:3px 0 0 3px;min-width:0;padding:12px 13px;font-size:16px}.learner-form button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:0 3px 3px 0;padding:0 16px;font-size:12px;font-weight:680}.learner-form button:disabled,.known-learners button:disabled{cursor:default;opacity:.5}.learner-form .form-error{color:var(--wrong);margin:2px 0 0;font-size:12px}.learner-card .privacy-note{border-top:1px solid var(--line);color:var(--muted);margin:24px 0 0;padding-top:16px;font-size:10px;line-height:1.5}.progress-view{max-width:980px;margin:0 auto;padding:54px 0 20px}.page-heading{justify-content:space-between;align-items:end;gap:50px;padding-bottom:24px;display:flex}.page-heading h2{letter-spacing:-.04em;margin:4px 0 0;font-size:34px}.page-heading>p{max-width:480px;color:var(--muted);margin:0;font-size:13px;line-height:1.55}.progress-tabs{border-bottom:1px solid var(--line);gap:20px;margin-bottom:17px;display:flex}.progress-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:9px 1px 10px;font-size:12px;font-weight:680}.progress-tabs button.active{border-bottom-color:var(--accent);color:var(--ink)}.progress-cards{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.progress-card{border:1px solid var(--line);background:#fff;padding:19px 20px 17px}.summary-top{justify-content:space-between;gap:20px;margin-bottom:15px;display:flex}.summary-top h3{margin:0;font-size:13px}.summary-top strong{font-size:13px}.progress-card p{color:var(--muted);margin:10px 0 0;font-size:12px}.range-settings{background:var(--soft);grid-template-columns:1fr auto auto;align-items:center;gap:22px;margin:16px 0 28px;padding:17px 20px;display:grid}.range-settings h3{margin:0 0 3px;font-size:13px}.range-settings p{color:var(--muted);margin:0;font-size:12px}.range-settings label{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:flex}.range-settings input{width:52px;color:var(--ink);background:#fff;border:1px solid #bcc1bb;border-radius:3px;padding:7px 5px}.inventory-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.segmented{gap:3px;display:flex}.inventory-toolbar>span{color:var(--muted);font-size:11px}.inventory-list{border-bottom:1px solid var(--line)}.inventory-row{border-top:1px solid #e6e8e4;grid-template-columns:22px 30px minmax(180px,1fr) 90px 105px 54px;align-items:center;gap:10px;min-height:54px;font-size:12px;display:grid}.inventory-row:first-child{border-top:0}.state-mark{text-align:center;font-size:15px}.state-mark.new{color:#a3a7a3}.state-mark.learning{color:#9b763e}.state-mark.solid{color:var(--accent)}.item-id,.attempts{color:var(--muted);font-family:ui-monospace,monospace;font-size:10px}.item-name{gap:2px;display:grid}.item-name strong{font-size:13px}.item-name span{color:var(--muted);font-size:11px}.inventory-row select{background:#fff;border:1px solid #c8ccc7;border-radius:3px;padding:6px;font-size:11px}.reset-button{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:11px}.reset-button:hover:not(:disabled){color:var(--wrong)}.reset-button:disabled{cursor:default;opacity:.35}.people-progress{padding-top:3px}.people-intro{background:var(--soft);justify-content:space-between;align-items:start;gap:40px;padding:17px 20px;display:flex}.people-intro h3{margin:0 0 4px;font-size:13px}.people-intro p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.people-intro>p{max-width:360px}.people-table-wrap{border:1px solid var(--line);background:#fff;margin-top:20px;overflow-x:auto}.people-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;min-width:800px;font-size:11px}.people-table th,.people-table td{text-align:right;white-space:nowrap;border-bottom:1px solid #e6e8e4;padding:12px 10px}.people-table thead th{color:var(--muted);letter-spacing:.055em;text-transform:uppercase;font-size:9px;font-weight:750}.people-table th:first-child{text-align:left;background:#fff;min-width:130px;position:sticky;left:0}.people-table tbody tr:last-child th,.people-table tbody tr:last-child td{border-bottom:0}.people-table tbody th{font-weight:500}.people-table tbody th strong{font-size:12px}.people-table tbody th span{color:var(--muted);text-transform:uppercase;margin-left:7px;font-size:9px;font-weight:500}.people-table tbody td{color:var(--muted)}.people-table tbody td:last-child{color:var(--ink)}.empty-people{color:var(--muted);margin:25px 0;font-size:13px}@media (width<=820px){.app-shell{width:min(100% - 24px,680px);padding-top:18px}.topbar{grid-template-columns:1fr auto;align-items:start;gap:15px}.primary-nav{border-top:1px solid var(--line);grid-area:2/1/auto/-1;justify-content:flex-start;width:100%;padding-top:8px;overflow-x:auto}.nav-item{flex:1 0 auto}.account-cluster{align-self:center}.mode-bar{justify-content:flex-start;overflow-x:auto}.workspace{grid-template-columns:1fr;gap:22px;padding-top:22px}.study-summary{order:2;padding:0 2px}.drill-panel{min-height:auto;padding:22px 20px 25px}.prompt-block{padding:50px 0 44px}.answer-form{grid-template-columns:1fr}.primary-action{min-height:48px}.feedback.correct,.feedback.incorrect{flex-direction:column;align-items:stretch;gap:10px}.feedback button{align-self:flex-end}.conjugation-grid{grid-template-columns:1fr}.page-heading{flex-direction:column;align-items:start;gap:12px}.people-intro{flex-direction:column;align-items:start;gap:9px}.progress-cards{grid-template-columns:1fr}.range-settings{grid-template-columns:1fr 1fr}.range-settings>div{grid-column:1/-1}.inventory-row{grid-template-columns:22px 25px minmax(150px,1fr) 92px;padding:8px 0}.attempts{display:none}.inventory-row select{grid-column:3}.reset-button{grid-column:4}}@media (width<=480px){.brand strong{font-size:24px}.sync-state{font-size:9px}.user-switch strong{max-width:90px}.mode-bar{padding-bottom:2px}.drill-panel{padding-inline:16px}.prompt-word{font-size:50px}.prompt-word.sentence-prompt{font-size:31px}.gender-choices{gap:6px}.gender-choices button{gap:8px;min-height:52px}.range-settings{grid-template-columns:1fr}.range-settings>div{grid-column:auto}.inventory-row{grid-template-columns:20px 24px minmax(120px,1fr) 76px}.inventory-row select{width:90px}.learner-card{padding:30px 24px 27px}.learner-card h1{font-size:31px}}