:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--primary:#9a6700;--primary-strong:#f5b301;--on-primary:#fff;--primary-container:#ffe7a3;--bg:#fffbf2;--surface:#fff;--text:#1f1b10;--muted:#6b6250;--border:#e7dfc9;--highlight:#fff0b8;--danger:#c62828;--success:#2e7d32;--shadow:0 1px 3px #0000001f, 0 1px 2px #00000014;--radius:14px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.4}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--primary:#f5c044;--primary-strong:#f5c044;--on-primary:#2a1f00;--primary-container:#5a4300;--bg:#16130b;--surface:#221e14;--text:#eee5d3;--muted:#b3a98f;--border:#3a3324;--highlight:#4a3a0a;--danger:#ef9a9a;--success:#81c784;--shadow:0 1px 3px #00000080}}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}body{-webkit-text-size-adjust:100%;margin:0}h1,h2,h3,p{margin:0}button,input,select{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--primary);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-header{z-index:10;background:var(--surface);box-shadow:var(--shadow);padding-top:env(safe-area-inset-top);position:sticky;top:0}.header-inner{flex-wrap:wrap;align-items:center;gap:8px 12px;max-width:760px;margin:0 auto;padding:8px 12px 4px;display:flex}.header-inner h1{color:var(--primary);font-size:1.25rem}.selector{flex:1;align-items:center;gap:8px;min-width:0;display:flex}.year-select select{border:1px solid var(--border);background:var(--primary-container);border-radius:20px;min-height:40px;padding:4px 10px;font-weight:600}.chips{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.chip{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:18px;flex:none;min-height:36px;padding:4px 12px}.chip[aria-pressed=true]{background:var(--primary-container);border-color:var(--primary);font-weight:600}.tabs{max-width:760px;margin:0 auto;display:flex}.tab-btn{min-height:52px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-size:.8rem;display:flex}.tab-btn[aria-selected=true]{color:var(--primary);border-bottom-color:var(--primary);font-weight:600}.content{max-width:760px;padding:12px 12px calc(32px + env(safe-area-inset-bottom));margin:0 auto}.tab{flex-direction:column;gap:12px;display:flex}.tab h2{font-size:1.3rem}.subtitle,.muted{color:var(--muted)}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:10px;padding:12px;scroll-margin-top:170px;display:flex}.card h3{font-size:1.05rem}.card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.columns{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field-row{flex-wrap:wrap;gap:12px;display:flex}.field{flex-direction:column;flex:1;gap:4px;min-width:120px;display:flex}.field-label{color:var(--muted);font-size:.85rem}.field input{border:1px solid var(--border);background:var(--bg);border-radius:10px;min-height:44px;padding:8px 10px;font-size:1rem}.field input:disabled{opacity:.6}.hp-field{opacity:0;width:1px;height:1px;position:absolute;left:-10000px}.password-input{display:flex;position:relative}.password-input input{flex:1;min-width:0;padding-right:48px}.password-input .icon-btn{position:absolute;top:50%;right:0;transform:translateY(-50%)}.password-input input::-ms-reveal{display:none}.checkbox{cursor:pointer;align-items:center;gap:8px;min-height:44px;display:inline-flex}.checkbox input{width:20px;height:20px;accent-color:var(--primary)}.slider{flex-direction:column;gap:4px;display:flex}.slider input{accent-color:var(--primary);min-height:32px}.answer-form{flex-direction:column;gap:10px;display:flex}.answer-form input{font-size:1.2rem}.button-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.button-row.end{justify-content:flex-end}.button-row.tight{gap:0}.btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:22px;align-items:center;gap:6px;min-height:44px;padding:8px 16px;display:inline-flex}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:600}.btn.text{color:var(--primary);background:0 0;border-color:#0000;font-weight:600}.btn:disabled,.icon-btn:disabled{opacity:.4;cursor:default}.icon-btn{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:not(:disabled):hover{background:var(--highlight)}.icon-btn.primary{background:var(--primary);width:56px;height:56px;color:var(--on-primary)}.icon-btn.danger{color:var(--danger)}.icon-btn.star[aria-pressed=true]{color:var(--primary-strong)}.icon{flex:none}.list{border-top:1px solid var(--border);margin:0;padding:0;list-style:none;position:relative;overflow-y:auto}.scroll-400{max-height:400px}.scroll-150{max-height:150px}.scroll-reading{max-height:55vh}.row{border-bottom:1px solid var(--border);align-items:center;display:flex}.row.playing{background:var(--highlight);font-weight:700}.row-main{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;min-width:0;min-height:44px;padding:6px 8px;display:flex}.row-main:disabled,.row.static .row-main{cursor:default}.row.wrap{flex-wrap:wrap}.btn.text.danger{color:var(--danger)}a.btn{text-decoration:none}.user-menu{align-items:center;gap:2px;margin-left:auto;font-size:.85rem;display:flex}.row-details{color:var(--muted);font-size:.8rem;font-weight:400}.list.plain li{border-bottom:1px solid var(--border);overflow-wrap:anywhere;padding:6px 4px}.status{color:var(--muted)}.sentence{font-size:1.1rem;font-style:italic}.spelling{letter-spacing:.08em;text-align:center;overflow-wrap:anywhere;font-size:1.6rem;font-weight:700}.definition{background:var(--primary-container);border-radius:10px;padding:8px}.result{min-height:1.4em;font-weight:700}.result.ok{color:var(--success)}.result.bad,.error{color:var(--danger)}.banner{border:1px solid var(--danger);border-radius:10px;margin-bottom:12px;padding:10px}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom));z-index:20;background:var(--text);color:var(--bg);box-shadow:var(--shadow);border-radius:20px;padding:10px 18px;position:fixed;transform:translate(-50%)}.toast:empty{display:none}.dialog{border-radius:var(--radius);background:var(--surface);max-width:min(420px,90vw);color:var(--text);box-shadow:var(--shadow);border:none;padding:20px}.dialog::backdrop{background:#00000073}.dialog p{margin:12px 0 16px}@media (width<=480px){.columns{grid-template-columns:1fr}.header-inner h1{width:100%}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}