:root{color-scheme:light dark;--bg:#f2f4f8;--surface:#fff;--text:#1b2333;--line:#d8dde6;--blue:#2b4c9b;--red:#bf3026}@media(prefers-color-scheme:dark){:root{--bg:#121824;--surface:#1c2535;--text:#eef2fa;--line:#46536a;--blue:#9ab7ff;--red:#ff9b91}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.6 "Hiragino Sans","Yu Gothic",sans-serif}main{width:calc(100% - 32px);max-width:440px;margin:48px auto;padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:8px}h1{font-size:26px}label{display:block;margin:16px 0 6px}input,button{font:inherit;width:100%;min-height:48px;padding:10px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:var(--surface)}button{margin-top:20px;background:var(--blue);color:var(--surface);border-color:var(--blue);cursor:pointer;font-weight:bold}button:disabled{opacity:.5}#auth-error{color:var(--red)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--blue);outline-offset:3px}