:root,[data-theme=light]{--bg: #ffffff;--bg-soft: #f7f6fb;--surface: #ffffff;--border: #ebe8f3;--text: #1d1d1f;--text-muted: #625f6e;--primary: #684df0;--primary-fill: #684df0;--primary-shadow: #4f36c9;--primary-soft: #efeaff;--on-primary: #ffffff;--success: #198754;--success-fill: #198754;--success-shadow: #146c43;--success-soft: #e3f9ea;--success-text: #157a41;--danger: #d92d4f;--danger-fill: #d92d4f;--danger-shadow: #a8203b;--danger-soft: #ffe9ec;--danger-text: #b3243c;--warn-soft: #fff4d6;--warn-text: #7a5c00;--hint-letter: #c2410c;--progress: linear-gradient(90deg, #ff8a3d, #ff4f7b);--streak: #c2410c;--overlay: rgba(20, 18, 30, .45);--radius-s: 10px;--radius-m: 14px;--radius-l: 22px;--gap: 12px;--tap: 44px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", sans-serif}[data-theme=dark]{--bg: #16151c;--bg-soft: #1f1d27;--surface: #211f2a;--border: #2f2c3a;--text: #f1f0f6;--text-muted: #a9a5b8;--primary: #9a85ff;--primary-fill: #6d55e0;--primary-shadow: #4a37b8;--primary-soft: #2a2442;--on-primary: #ffffff;--success: #34c27a;--success-fill: #188049;--success-shadow: #0f5c33;--success-soft: #123826;--success-text: #7fe3ae;--danger: #ff6b82;--danger-fill: #cc3a57;--danger-shadow: #9c2f44;--danger-soft: #3a1820;--danger-text: #ffb3c0;--warn-soft: #3a3014;--warn-text: #ffd97a;--hint-letter: #ff9a4d;--streak: #ff8a3d;--overlay: rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:16px;-webkit-tap-highlight-color:transparent}.page{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;padding:16px 16px calc(16px + env(safe-area-inset-bottom))}.title{font-size:22px;font-weight:800;margin:4px 0 12px}.muted{color:var(--text-muted)}.section-label{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin:16px 2px 8px}.btn{min-height:var(--tap);border:0;border-radius:var(--radius-m);padding:12px 16px;font:inherit;font-weight:800;cursor:pointer;width:100%}.btn-primary{background:var(--primary-fill);color:var(--on-primary);box-shadow:0 3px 0 var(--primary-shadow)}.btn-success{background:var(--success-fill);color:var(--on-primary);box-shadow:0 3px 0 var(--success-shadow)}.btn-danger{background:var(--danger-fill);color:var(--on-primary);box-shadow:0 3px 0 var(--danger-shadow)}.btn-ghost{background:var(--surface);color:var(--text);border:2px solid var(--border);box-shadow:0 3px 0 var(--border)}.btn:disabled{opacity:.45;cursor:default}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:none}.card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-m);padding:12px;box-shadow:0 3px 0 var(--border)}.tile{min-width:var(--tap);min-height:var(--tap);border-radius:var(--radius-s);border:2px solid var(--border);background:var(--surface);color:var(--text);box-shadow:0 3px 0 var(--border);font:inherit;font-weight:800;font-size:18px;cursor:pointer;padding:0 12px}.tile:disabled{opacity:.4}.input{width:100%;min-height:52px;border:2px solid var(--primary);border-radius:var(--radius-m);padding:12px;font:inherit;font-size:18px;background:var(--surface);color:var(--text)}.progress{height:8px;border-radius:4px;background:var(--bg-soft);overflow:hidden}.progress>span{display:block;height:100%;background:var(--progress);border-radius:4px}.sheet-backdrop{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet{background:var(--surface);width:100%;max-width:480px;border-radius:var(--radius-l) var(--radius-l) 0 0;padding:12px 16px calc(20px + env(safe-area-inset-bottom))}.tabbar{position:sticky;bottom:0;display:flex;justify-content:space-around;background:var(--surface);border-top:1px solid var(--border);padding:6px 0 calc(8px + env(safe-area-inset-bottom))}.tabbar a{min-width:var(--tap);min-height:var(--tap);display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-muted);text-decoration:none;font-size:12px}.tabbar a.active{color:var(--primary);font-weight:700}.row{display:flex;gap:8px}.row>*{flex:1}.field{display:flex;align-items:center;border:2px solid var(--primary);border-radius:var(--radius-m);background:var(--surface);padding:0 12px;min-height:52px}.btn[data-result=correct],.field[data-result=correct]{background:var(--success-soft);color:var(--success-text);border-color:var(--success);box-shadow:0 3px 0 var(--success)}.btn[data-result=wrong],.field[data-result=wrong]{background:var(--danger-soft);color:var(--danger-text);border-color:var(--danger);box-shadow:0 3px 0 var(--danger)}.field[data-result]{box-shadow:none}.btn[data-result]:disabled{opacity:1}.answer-box[data-result=correct]{background:var(--success-soft);color:var(--success-text)}.answer-box[data-result=wrong]{background:var(--danger-soft);color:var(--danger-text)}@keyframes shrink{0%{width:100%}to{width:0}}.file-pick{position:relative;display:flex;align-items:center;justify-content:center;text-align:center}.file-pick:focus-within{outline:3px solid var(--primary);outline-offset:2px}.file-pick[data-disabled=true]{opacity:.45;cursor:default}.file-pick>input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-pick>input:disabled{cursor:default}