:root{--cds-white:#fff;--cds-black:#000;--cds-gray-10:#f4f4f4;--cds-gray-20:#e0e0e0;--cds-gray-30:#c6c6c6;--cds-gray-40:#a8a8a8;--cds-gray-50:#8d8d8d;--cds-gray-60:#6f6f6f;--cds-gray-70:#525252;--cds-gray-80:#393939;--cds-gray-90:#262626;--cds-gray-100:#161616;--cds-blue-10:#edf5ff;--cds-blue-20:#d0e2ff;--cds-blue-40:#78a9ff;--cds-blue-60:#0f62fe;--cds-blue-70:#0043ce;--cds-blue-80:#002d9c;--cds-red-10:#fff1f1;--cds-red-50:#fa4d56;--cds-red-60:#da1e28;--cds-red-70:#a2191f;--cds-green-10:#defbe6;--cds-green-50:#24a148;--cds-green-60:#198038;--cds-green-70:#0e6027;--cds-yellow-30:#f1c21b;--bg:#fff;--layer-01:#f4f4f4;--layer-02:#fff;--layer-hover:#e8e8e8;--text-primary:#161616;--text-secondary:#525252;--text-helper:#6f6f6f;--text-on-color:#fff;--border-subtle:#e0e0e0;--border-strong:#8d8d8d;--interactive:#0f62fe;--font-sans:"IBM Plex Sans","Helvetica Neue",Arial,sans-serif;--font-mono:"IBM Plex Mono","Menlo","Courier New",monospace;--s02:0.25rem;--s03:0.5rem;--s04:0.75rem;--s05:1rem;--s06:1.5rem;--s07:2rem;--s08:2.5rem;--s09:3rem;--s10:4rem;--ease:cubic-bezier(0.2,0,0.38,0.9);--ease-entrance:cubic-bezier(0,0,0.38,0.9)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--layer-01);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.4}button{font-family:inherit}.mono{font-family:var(--font-mono)}.app{max-width:520px;margin:0 auto;min-height:100%;flex-direction:column;border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle)}.app,.topbar{background:var(--bg);display:flex}.topbar{height:56px;flex:0 0 auto;align-items:center;gap:var(--s04);padding:0 var(--s05);border-bottom:1px solid var(--border-subtle)}.topbar .brand{display:flex;align-items:center;gap:var(--s03);font-weight:600;font-size:14px;letter-spacing:.16px}.brand-mark{width:20px;height:20px;display:block;background:var(--cds-gray-100);-webkit-mask:var(--mark-mask) center /contain no-repeat;mask:var(--mark-mask) center /contain no-repeat}.topbar .spacer{flex:1 1}.iconbtn{height:40px;min-width:40px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--s02);padding:0 var(--s03);font-size:13px;letter-spacing:.16px;transition:background var(--ease) .11s}.iconbtn:hover{background:hsla(0,0%,55%,.12)}.iconbtn img{width:16px;height:16px}.screen{display:none;flex:1 1 auto;flex-direction:column;min-height:0}.screen.active{display:flex}.home-scroll{flex:1 1;overflow-y:auto}.hero{padding:var(--s09) var(--s05) var(--s07);border-bottom:1px solid var(--border-subtle)}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.32px;text-transform:uppercase;color:var(--text-helper);margin:0 0 var(--s04)}.hero h1{margin:0;font-weight:300;font-size:34px;line-height:1.12;letter-spacing:0}.hero p{margin:var(--s04) 0 0;color:var(--text-secondary);font-size:15px;max-width:42ch}.source-pill{margin-top:var(--s05);display:inline-flex;align-items:center;gap:var(--s02);font-family:var(--font-mono);font-size:11px;letter-spacing:.32px;text-transform:uppercase;color:var(--text-helper)}.source-pill .dot{width:6px;height:6px;background:var(--cds-gray-50)}.source-pill.gemini .dot{background:var(--interactive)}.source-pill.gemini{color:var(--interactive)}.source-pill.manual .dot{background:var(--cds-green-60)}.source-pill.manual{color:var(--cds-green-60)}.mode-card,.modes{display:flex;flex-direction:column}.mode-card{gap:var(--s03);text-align:left;width:100%;background:var(--layer-02);border:none;border-bottom:1px solid var(--border-subtle);padding:var(--s06) var(--s05);cursor:pointer;position:relative;transition:background var(--ease) .11s}.mode-card:hover{background:var(--layer-01)}.mode-card:focus-visible{outline:2px solid var(--interactive);outline-offset:-2px}.mode-card .row{display:flex;align-items:flex-start;gap:var(--s04)}.mode-num{font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.32px;color:var(--text-on-color);background:var(--cds-gray-100);padding:2px 8px;flex:0 0 auto;line-height:1.4}.mode-card.primary-mode .mode-num{background:var(--interactive)}.mode-card h2{margin:0;font-size:20px;font-weight:600;letter-spacing:0}.mode-card .desc{margin:0;color:var(--text-secondary);font-size:14px}.mode-card .go{position:absolute;right:var(--s05);top:var(--s06);width:20px;height:20px;color:var(--text-secondary)}.mode-card .tagline{font-family:var(--font-mono);font-size:11px;letter-spacing:.32px;text-transform:uppercase;color:var(--interactive)}.mode-card[disabled]{cursor:not-allowed;opacity:.55}.today{padding:var(--s06) var(--s05) var(--s09)}.today h3{font-size:12px;font-family:var(--font-mono);letter-spacing:.32px;text-transform:uppercase;color:var(--text-helper);margin:0 0 var(--s04);font-weight:500}.stat-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:1px;gap:1px;background:var(--border-subtle);border:1px solid var(--border-subtle)}.stat-cell{background:var(--layer-02);padding:var(--s05) var(--s04)}.stat-cell .num{font-size:30px;font-weight:300;line-height:1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-cell .lbl{margin-top:var(--s03);font-size:12px;color:var(--text-helper);letter-spacing:.16px}.today-actions{margin-top:var(--s05);display:flex;gap:1px}.drill-head{flex:0 0 auto;padding:var(--s04) var(--s05);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--s05)}.metric{display:flex;flex-direction:column;gap:2px}.metric .v{font-family:var(--font-mono);font-size:18px;font-weight:500;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1}.metric .k{font-size:11px;color:var(--text-helper);letter-spacing:.16px;text-transform:uppercase}.metric.timer .v.warn{color:var(--cds-red-60)}.drill-head .spacer{flex:1 1}.progress-track{height:4px;background:var(--border-subtle);flex:0 0 auto}.progress-fill{height:100%;background:var(--interactive);width:0;transition:width var(--ease) .24s}.drill-body{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;padding:var(--s07) var(--s05);min-height:0;overflow-y:auto}.pattern-chip{align-self:flex-start;font-family:var(--font-mono);font-size:11px;letter-spacing:.32px;text-transform:uppercase;color:var(--text-secondary);background:var(--layer-01);border:1px solid var(--border-subtle);padding:4px 8px;margin-bottom:var(--s06);border-radius:0}.pattern-chip.hidden{visibility:hidden}.prompt{font-weight:300;letter-spacing:-.01em;border-left:3px solid transparent;padding-left:var(--s05);transition:border-color var(--ease) .15s}.prompt.word{font-size:48px;line-height:1.05;font-weight:400}.prompt.sentence{font-size:26px;line-height:1.35}.prompt .blank{display:inline-block;min-width:2.2em;border-bottom:3px solid var(--interactive);text-align:center;color:var(--interactive);font-weight:500}.prompt.correct-flash{border-left-color:var(--cds-green-50)}.prompt.wrong-flash{border-left-color:var(--cds-red-60)}.feedback{margin-top:var(--s06);min-height:48px;display:flex;flex-direction:column;gap:var(--s02);opacity:0;transition:opacity var(--ease) .11s}.feedback.show{opacity:1}.feedback .verdict{display:flex;align-items:center;gap:var(--s03);font-weight:600;font-size:15px}.feedback .verdict img{width:18px;height:18px}.feedback.ok .verdict{color:var(--cds-green-60)}.feedback.no .verdict{color:var(--cds-red-60)}.feedback .reason{font-size:14px;color:var(--text-secondary);max-width:46ch}.feedback .eg{font-size:13px;color:var(--text-helper)}.feedback .eg b{color:var(--text-primary);font-weight:600}.choices{flex:0 0 auto;display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--border-subtle);border-top:1px solid var(--border-subtle)}.choice{background:var(--layer-02);border:none;cursor:pointer;height:72px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:17px;font-weight:500;color:var(--text-primary);transition:background var(--ease) .07s,color var(--ease) .07s;position:relative}.choice .hint{font-family:var(--font-mono);font-size:10px;letter-spacing:.2px;color:var(--text-helper);text-transform:uppercase}.choice:hover{background:var(--layer-hover)}.choice:focus-visible{outline:2px solid var(--interactive);outline-offset:-2px}.choice:disabled{cursor:default}.choice.is-correct{background:var(--cds-green-50);color:#fff}.choice.is-correct .hint{color:hsla(0,0%,100%,.85)}.choice.is-wrong{background:var(--cds-red-60);color:#fff}.choice.is-wrong .hint{color:hsla(0,0%,100%,.85)}.choice.dim{opacity:.45}.advance-hint{flex:0 0 auto;text-align:center;padding:var(--s03);font-size:12px;color:var(--text-helper);border-top:1px solid var(--border-subtle);background:var(--layer-01);min-height:34px}.stats-scroll{flex:1 1;overflow-y:auto;padding:var(--s07) var(--s05) var(--s10)}.stats-scroll h2{font-weight:300;font-size:28px;margin:0 0 var(--s02)}.stats-scroll .sub{color:var(--text-secondary);font-size:14px;margin:0 0 var(--s07)}.overall{display:grid;grid-template-columns:1fr 1fr;grid-gap:1px;gap:1px;background:var(--border-subtle);border:1px solid var(--border-subtle);margin-bottom:var(--s07)}.overall .stat-cell .num{font-size:36px}.sec-title{font-family:var(--font-mono);font-size:12px;letter-spacing:.32px;text-transform:uppercase;color:var(--text-helper);margin:var(--s07) 0 var(--s04);font-weight:500;padding-bottom:var(--s03)}.bar-row,.sec-title{border-bottom:1px solid var(--border-subtle)}.bar-row{padding:var(--s04) 0}.bar-row .bar-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--s04);margin-bottom:var(--s03)}.bar-row .bar-label{font-size:13px;color:var(--text-primary);max-width:62%}.bar-row .bar-meta{font-family:var(--font-mono);font-size:13px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--text-secondary);white-space:nowrap}.bar-track{height:8px;background:var(--layer-01);border:1px solid var(--border-subtle)}.bar-val{height:100%;background:var(--interactive);transition:width var(--ease) .4s}.bar-val.low{background:var(--cds-red-60)}.bar-sub{margin-top:var(--s03);display:flex;gap:var(--s05);font-size:12px;color:var(--text-helper)}.bar-sub .slow{color:var(--cds-red-60);font-weight:500}.empty-note{color:var(--text-helper);font-size:13px;padding:var(--s05) 0}.btn{height:48px;border:1px solid transparent;font-family:var(--font-sans);font-size:14px;letter-spacing:.16px;display:inline-flex;align-items:center;gap:var(--s05);padding:0 var(--s05);cursor:pointer;transition:background var(--ease) .11s;justify-content:space-between;flex:1 1}.btn img{width:16px;height:16px}.btn.primary{background:var(--interactive);color:#fff}.btn.primary:hover{background:#0050e6}.btn.secondary{background:var(--cds-gray-80);color:#fff}.btn.secondary:hover{background:#4c4c4c}.btn.tertiary{background:transparent;color:var(--interactive);border-color:var(--interactive)}.btn.tertiary:hover{background:var(--interactive);color:#fff}.btn.ghost{background:transparent;color:var(--interactive)}.btn.ghost:hover{background:hsla(0,0%,55%,.12)}.btn.danger-ghost{background:transparent;color:var(--cds-red-60)}.btn.danger-ghost:hover{background:var(--cds-red-10)}.btn:focus-visible{outline:2px solid var(--interactive);outline-offset:-4px}.btn[disabled]{cursor:not-allowed;opacity:.5}.btn[disabled]:hover{background:var(--cds-gray-80)}.btn-row{display:flex;gap:1px;background:var(--border-subtle);margin-top:var(--s07)}.loading-hero{padding:var(--s07) var(--s05);display:flex;align-items:center;gap:var(--s04);color:var(--text-helper);font-size:13px;font-family:var(--font-mono);letter-spacing:.16px;text-transform:uppercase;border-bottom:1px solid var(--border-subtle)}.loading-hero .spinner{width:14px;height:14px;border:2px solid var(--border-subtle);border-top-color:var(--interactive);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:380px){.prompt.word{font-size:40px}.prompt.sentence{font-size:22px}}.admin{max-width:1100px;margin:0 auto;min-height:100%;padding:0;background:var(--bg);border-left:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column}.admin-topbar{height:56px;display:flex;align-items:center;gap:var(--s04);padding:0 var(--s05);border-bottom:1px solid var(--border-subtle)}.admin-topbar .brand{display:flex;align-items:center;gap:var(--s03);font-weight:600;font-size:14px;letter-spacing:.16px}.admin-topbar .role{font-family:var(--font-mono);font-size:11px;letter-spacing:.32px;text-transform:uppercase;color:var(--text-helper);padding:2px 8px;background:var(--layer-01);border:1px solid var(--border-subtle)}.admin-topbar .spacer{flex:1 1}.admin-login{padding:var(--s09) var(--s05);max-width:420px;margin:0 auto}.admin-login h1{font-weight:300;font-size:28px;margin:0 0 var(--s05)}.admin-login p{color:var(--text-secondary);font-size:14px;margin:0 0 var(--s06)}.admin-input{width:100%;height:48px;background:var(--layer-01);border:none;border-bottom:1px solid var(--border-strong);padding:0 var(--s04);font-family:var(--font-sans);font-size:14px;color:var(--text-primary);letter-spacing:.16px}.admin-input:focus{outline:2px solid var(--interactive);outline-offset:-2px}.admin-input.mono{font-family:var(--font-mono)}.admin-input.error{border-bottom-color:var(--cds-red-60)}.admin-helper{margin-top:var(--s03);font-size:12px;color:var(--text-helper);letter-spacing:.32px}.admin-helper.error{color:var(--cds-red-60)}.admin-body{flex:1 1;padding:var(--s06) var(--s05) var(--s10);overflow-y:auto}.admin-section{margin-bottom:var(--s09);border:1px solid var(--border-subtle)}.admin-section-head{display:flex;align-items:center;gap:var(--s04);padding:var(--s05);background:var(--layer-01);border-bottom:1px solid var(--border-subtle)}.admin-section-head h2{margin:0;font-weight:600;font-size:16px;letter-spacing:0}.admin-section-head .meta{font-family:var(--font-mono);font-size:12px;color:var(--text-helper);letter-spacing:.16px}.admin-section-head .spacer{flex:1 1}.admin-section-head .pill-action{background:var(--bg);border:1px solid var(--interactive);color:var(--interactive);height:32px;padding:0 var(--s04);font-size:12px;letter-spacing:.32px;text-transform:uppercase;font-family:var(--font-mono);cursor:pointer;display:inline-flex;align-items:center;gap:var(--s02)}.admin-section-head .pill-action:hover{background:var(--interactive);color:#fff}.admin-section-head .pill-action[disabled]{cursor:not-allowed;opacity:.5}.admin-section-head .pill-action.danger{border-color:var(--cds-red-60);color:var(--cds-red-60)}.admin-section-head .pill-action.danger:hover{background:var(--cds-red-60);color:#fff}.admin-table{width:100%;border-collapse:collapse;background:var(--layer-02);font-size:13px}.admin-table th{text-align:left;font-family:var(--font-mono);font-size:11px;letter-spacing:.32px;text-transform:uppercase;color:var(--text-helper);font-weight:500;padding:var(--s04) var(--s04);background:var(--layer-01)}.admin-table td,.admin-table th{border-bottom:1px solid var(--border-subtle)}.admin-table td{padding:4px var(--s03);vertical-align:middle}.admin-table tr:hover td{background:var(--layer-hover)}.admin-table .row-num{font-family:var(--font-mono);color:var(--text-helper);font-size:11px;width:36px;text-align:right;padding-right:var(--s04)}.admin-table .cell-input{width:100%;border:1px solid transparent;background:transparent;font-family:inherit;font-size:13px;padding:8px 6px;color:var(--text-primary)}.admin-table .cell-input:focus{outline:none;border-color:var(--interactive);background:var(--cds-blue-10)}.admin-table .cell-input.mono{font-family:var(--font-mono)}.admin-table select.cell-input{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23525252'><path d='M8 11L3 6h10z'/></svg>");background-repeat:no-repeat;background-position:right 6px center;padding-right:22px}.admin-table td.actions{width:60px;text-align:right}.admin-row-del{background:transparent;border:none;color:var(--text-helper);cursor:pointer;height:28px;width:28px;display:inline-flex;align-items:center;justify-content:center;transition:background var(--ease) .07s}.admin-row-del:hover{background:var(--cds-red-10);color:var(--cds-red-60)}.admin-row-del img{width:14px;height:14px}.admin-row-invalid{background:var(--cds-red-10)!important}.admin-add-row{padding:var(--s04) var(--s05);background:var(--layer-01);display:flex;align-items:center;gap:var(--s04);border-top:1px solid var(--border-subtle)}.admin-add-btn{background:transparent;border:1px dashed var(--border-strong);color:var(--text-secondary);height:36px;padding:0 var(--s04);cursor:pointer;font-size:12px;letter-spacing:.16px}.admin-add-btn:hover{border-color:var(--interactive);color:var(--interactive)}.admin-bar{position:-webkit-sticky;position:sticky;bottom:0;background:var(--bg);border-top:1px solid var(--border-subtle);padding:var(--s04) var(--s05);display:flex;align-items:center;gap:var(--s04);margin:0 calc(-1 * var(--s05));z-index:5}.admin-bar .status{font-family:var(--font-mono);font-size:12px;letter-spacing:.16px;color:var(--text-helper)}.admin-bar .status.dirty{color:var(--cds-yellow-30)}.admin-bar .status.error{color:var(--cds-red-60)}.admin-bar .status.ok{color:var(--cds-green-60)}.admin-bar .spacer{flex:1 1}.admin-bar .btn{flex:0 0 auto}.admin-toolbar{display:flex;gap:var(--s04);padding:var(--s05) 0;flex-wrap:wrap}.admin-toolbar .btn{flex:0 0 auto}.admin-file-input{display:none}@media (max-width:720px){.admin-table td:nth-child(4),.admin-table th:nth-child(4){display:none}}