:root{color-scheme:light dark;--bg:#f3f7fc;--surface:#fff;--ink:#0d1b2a;--blue:#1565ff;--border:#becbda;font:16px/1.55 system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}header{display:flex;gap:1rem;align-items:center;max-width:1100px;margin:auto;padding:1.4rem}header img{width:100px;height:auto;border-radius:12px}h1,header p{margin:0}nav,main,footer{max-width:1100px;margin:auto;padding:1rem}nav{display:flex;gap:.5rem;flex-wrap:wrap}section,.handset{background:var(--surface);padding:1.2rem;border:1px solid var(--border);border-radius:16px}form{max-width:580px;margin:1rem 0 1.5rem}label{display:block;margin:.8rem 0}input,button{font:inherit;min-height:44px;border:1px solid var(--border);border-radius:8px;padding:.55rem .8rem}input{display:block;width:100%;background:var(--bg);color:var(--ink)}button{cursor:pointer;background:var(--blue);color:white;margin:.25rem .25rem .25rem 0}button:focus-visible,input:focus-visible{outline:3px solid #00c2e0;outline-offset:3px}article{border-bottom:1px solid var(--border);padding:.8rem 0;overflow-wrap:anywhere}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit}.handset{max-width:500px;margin:auto}#notice{min-height:1.5rem;overflow-wrap:anywhere}[hidden]{display:none!important}footer{font-size:.85rem}@media(prefers-color-scheme:dark){:root{--bg:#0d1b2a;--surface:#17283c;--ink:#f3f7fc;--border:#556879}}@media(max-width:390px){header,nav,main,footer{padding:.7rem}section,.handset{padding:.7rem}header img{width:70px}h1{font-size:1.5rem}}