:root{color-scheme:light;--bg:#edf2f3;--paper:#fff;--ink:#243f50;--muted:#576e7b;--line:#c9d6dc;--accent:#294f63;--on:#fff}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg:#0e1720;--paper:#192a37;--ink:#e9f0f2;--muted:#b2c7cf;--line:#405663;--accent:#b9d8df;--on:#152b39}}
:root[data-theme=dark]{color-scheme:dark;--bg:#0e1720;--paper:#192a37;--ink:#e9f0f2;--muted:#b2c7cf;--line:#405663;--accent:#b9d8df;--on:#152b39}
:root[data-theme=dark] header img{filter:brightness(0) invert(.94)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]) header img{filter:brightness(0) invert(.94)}}
.user details{margin:12px 0}.user summary{cursor:pointer;color:var(--accent);font-size:14px;font-weight:600;padding:8px 0}.user summary:focus-visible{outline:3px solid #b58b47;outline-offset:3px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,sans-serif}main{max-width:520px;margin:auto;padding:32px 22px max(24px,env(safe-area-inset-bottom))}header{text-align:center;margin-bottom:28px}header img{width:210px;max-width:80%;height:84px;object-fit:contain}header p,p{color:var(--muted)}h1{font:600 30px/1.2 Georgia,serif;margin:0 0 10px}h2{font-size:20px}section{background:var(--paper);padding:24px;border:1px solid var(--line);border-radius:20px;margin-bottom:16px}label{display:block;font-size:14px;font-weight:600;margin:16px 0}input{display:block;width:100%;font:inherit;font-size:16px;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:13px;margin-top:6px}button{font:600 15px system-ui;min-height:46px;border-radius:10px;border:1px solid transparent;padding:12px 16px;background:var(--accent);color:var(--on);cursor:pointer}form>button{width:100%;margin:8px 0}button:disabled{opacity:.55;cursor:wait}.link{display:block;background:none;color:var(--accent);width:100%;font-weight:500}.secondary{background:var(--bg);color:var(--ink);border-color:var(--line)}nav{display:flex;gap:8px;flex-wrap:wrap}button:focus-visible,input:focus-visible{outline:3px solid #b58b47;outline-offset:3px}[hidden]{display:none!important}footer{text-align:center;color:var(--muted);font-size:12px;margin-top:22px}#message{padding:0 12px;overflow-wrap:anywhere}.user{border-top:1px solid var(--line);padding:16px 0}.user strong{display:block}.user small{display:block;color:var(--muted);margin:5px 0 10px}.user button{margin:4px 4px 0 0}#reset-link{font-size:13px}