:root{--bg:#f6f5fb;--card:#fff;--text:#1b1a22;--muted:#6a6878;--line:#e3e1ee;--accent:#5b3fd9;--on-accent:#fff;--warn:#b4540a}@media (prefers-color-scheme:dark){:root{--bg:#141318;--card:#1e1d25;--text:#f1f0f7;--muted:#9a98a8;--line:#302e3b;--accent:#8a72ff;--on-accent:#12101c;--warn:#f0a060}}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--bg);color:var(--text);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);margin:0;font:17px/1.4 -apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif}main{max-width:520px;margin:0 auto;padding:16px}h1{margin:8px 0 16px;font-size:28px}h2{margin:0 0 4px;font-size:19px}h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:28px 0 8px;font-size:13px}p{margin:0 0 12px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;margin:0 0 12px;padding:16px}.note{color:var(--muted)}.problem{color:var(--warn)}.body,.hint,.empty{color:var(--muted)}.empty{text-align:center;padding:32px 0}.options{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-top:12px;display:grid}button{border:1px solid var(--line);min-height:48px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:12px;padding:0 16px;font-weight:600}button.primary{background:var(--accent);color:var(--on-accent);border-color:#0000}button:disabled{opacity:.45}button:active{transform:scale(.98)}.hint{margin:10px 0 0;font-size:14px}.number{gap:8px;margin-top:12px;display:flex}.number input{border:1px solid var(--line);background:var(--bg);min-height:48px;color:var(--text);font:inherit;border-radius:12px;flex:1;padding:0 14px}.recent{margin:0;padding:0;list-style:none}.recent li{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:12px;padding:10px 0;display:flex}.recent strong{color:var(--text);white-space:nowrap;font-weight:600}@media (prefers-reduced-motion:reduce){button:active{transform:none}}