:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light dark;--bg:#f5f7f8;--card:#fff;--ink:#172126;--muted:#53636b;--line:#c9d2d6;--accent:#087c9b;--bad:#a92c35}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--ink)}main,footer{width:min(42rem,calc(100% - 2rem));margin:2rem auto}header{margin-bottom:1.5rem}.eyebrow{color:var(--accent);font-weight:700;letter-spacing:.04em;text-transform:uppercase}h1{font-size:clamp(2rem,8vw,3.5rem);margin:.2rem 0}h2{font-size:1.15rem}section{background:var(--card);border:1px solid var(--line);border-radius:.75rem;padding:1.25rem;margin:1rem 0}label{display:block;font-weight:600;margin:.9rem 0 .35rem}input,button{font:inherit;border-radius:.45rem}input{width:100%;border:1px solid var(--line);padding:.7rem;background:var(--card);color:var(--ink)}button{border:0;background:var(--accent);color:#fff;padding:.7rem 1rem;margin-top:.9rem;cursor:pointer}button:disabled{opacity:.55;cursor:wait}details summary{cursor:pointer;font-weight:600}.notice{border-left:.25rem solid var(--accent);padding:.7rem 1rem;background:var(--card)}.notice.error{border-color:var(--bad)}footer{display:flex;flex-wrap:wrap;gap:.8rem;font-size:.9rem}a{color:var(--accent)}[hidden]{display:none!important}@media(prefers-color-scheme:dark){:root{--bg:#101619;--card:#182125;--ink:#edf4f6;--muted:#b4c1c6;--line:#34454c;--accent:#5fd3ef}}