:root{--bg:#f7f8fa;--fg:#1c2330;--card:#fff;--ac:#0b6bcb;--mu:#5b6575;--bd:#dde2ea}
@media(prefers-color-scheme:dark){:root{--bg:#12161d;--fg:#e8ecf2;--card:#1a2029;--ac:#5aa9ff;--mu:#9aa5b5;--bd:#2b3442}}
*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,sans-serif;background:var(--bg);color:var(--fg)}
header,main,footer{max-width:760px;margin:0 auto;padding:16px}
header a{color:var(--fg);font-weight:700;text-decoration:none;font-size:20px}
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:20px;margin:16px 0}
label{display:block;margin:12px 0 4px;font-weight:600}
input,select{width:100%;padding:10px;font-size:17px;border:1px solid var(--bd);border-radius:8px;background:var(--bg);color:var(--fg)}
button{margin-top:16px;padding:12px 20px;font-size:17px;border:0;border-radius:8px;background:var(--ac);color:#fff;cursor:pointer}
.res{margin-top:16px;font-size:18px}.res b{color:var(--ac)}
a{color:var(--ac)}ul.l{padding-left:20px}.mu{color:var(--mu);font-size:14px}
.ad{min-height:90px;margin:16px 0}