:root{--paper:#050f24;--sheet:#0a1a36;--ink:#e6f4f1;--muted:#8ea6c4;--line:#1c3460;--accent:#3ddc97;--accent-ink:#03140f;--warn:#f2a066;--ok:#7fd8a0;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 "Segoe UI",system-ui,sans-serif}
main{max-width:760px;margin:0 auto;padding:28px max(16px,env(safe-area-inset-left,0px)) 60px}
a{color:var(--accent)}
h1{font-size:1.9rem;line-height:1.15;margin:.4em 0}
h2{font-size:1.15rem;margin:1.6em 0 .3em}
.back{font-size:.9rem;text-decoration:none}
.todo{background:#3a2416;color:var(--warn);border-radius:6px;padding:1px 6px;font-size:.9em}
.box{background:var(--sheet);border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;gap:12px}
label{display:grid;gap:4px;font-size:.9rem;color:var(--muted)}
input,select,textarea{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%}
button{font:600 1rem system-ui,sans-serif;background:var(--accent);color:var(--accent-ink);border:0;border-radius:9px;padding:13px 18px;cursor:pointer}
button:disabled{opacity:.6}
.muted{color:var(--muted);font-size:.9rem}
.err{color:var(--warn)}
footer{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.85rem;border-top:1px solid var(--line);margin-top:40px;padding-top:14px}
footer a{color:var(--muted)}