:root{--bg:#f3f5f4;--paper:#fff;--ink:#1d2a2e;--muted:#5f6f72;--line:#d7dedc;--accent:#1f6f6b;--danger:#b3372f}
@media (prefers-color-scheme:dark){:root{--bg:#121819;--paper:#192123;--ink:#e3eae9;--muted:#9aaaa9;--line:#2d3a3c;--accent:#4fb3ab;--danger:#ef8a80;color-scheme:dark}}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:grid;place-items:center;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,-apple-system,"Apple SD Gothic Neo","Malgun Gothic",sans-serif}
.box{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:24px;width:min(340px,92vw);display:flex;flex-direction:column;gap:6px}
h1{font-size:18px;margin:0 0 10px}
label{font-size:12px;color:var(--muted);margin-top:6px}
input{font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:8px}
input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
button{margin-top:14px;font:inherit;font-weight:600;padding:9px;border-radius:6px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}
button:disabled{opacity:.6}
.msg{min-height:20px;font-size:12.5px;color:var(--danger)}