:root{color-scheme:dark;--bg:#101815;--panel:#1a2520;--text:#eaf0e8;--muted:#aebfb0;--accent:#ddc184;--line:#35473b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 system-ui,"Microsoft YaHei",sans-serif}header{max-width:1100px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);font-size:14px}a{color:var(--accent)}main{max-width:1100px;margin:auto;padding:24px}.hero{padding:22px 0 30px}.eyebrow{color:var(--accent);font-size:13px;letter-spacing:2px}h1{font-size:40px;line-height:1.2;margin:12px 0}h2{font-size:24px;margin:0 0 14px}h3{font-size:18px;margin:0 0 10px}p{margin:10px 0}nav{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:18px}button,input,select{font:inherit}button{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:9px;padding:9px 16px;cursor:pointer;min-height:44px}button:hover,button:focus-visible{border-color:var(--accent)}button:disabled{opacity:.5;cursor:wait}button.primary,button[aria-current=page]{background:var(--accent);color:#172119;border-color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.card{background:var(--panel);padding:24px;border:1px solid var(--line);border-radius:14px;margin:16px 0}.grid .card{margin:0}.muted,footer{color:var(--muted);font-size:14px}.tag{color:var(--accent);font-size:13px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.stat{font-size:30px;color:var(--accent)}#status{min-height:28px;color:var(--accent)}#exercise{scroll-margin-top:20px}.option{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--line);padding:14px;margin:12px 0;border-radius:9px;cursor:pointer}.option:has(input:checked){border-color:var(--accent);background:#2b3729}input[type=radio]{margin-top:7px;accent-color:var(--accent)}input[type=number],select{background:var(--bg);color:var(--text);border:1px solid var(--line);padding:8px;border-radius:6px;max-width:100%}.field{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0}.notice{border-left:3px solid var(--accent);padding:12px 16px;background:#283329;margin:16px 0;white-space:pre-wrap}.row{border-bottom:1px solid var(--line);padding:16px 0}footer{padding:32px 0}small{color:var(--muted)}@media(max-width:600px){main{padding:16px}header{padding:16px;font-size:12px}h1{font-size:32px}.card{padding:18px}nav{gap:6px}nav button{padding:8px 12px;font-size:14px}.grid{grid-template-columns:1fr}}