:root{color-scheme:light;--bg:#f4f6f8;--panel:#fff;--text:#202b37;--line:#dfe6e1;--green:#008e52}html[data-theme=dark]{color-scheme:dark;--bg:#101615;--panel:#18201e;--text:#e6eeea;--line:#2b3732;--green:#43cf8e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px 'Segoe UI',sans-serif;display:grid;place-items:center;min-height:100dvh;padding:24px}main{width:min(430px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:32px}h1{color:var(--green);font-size:32px;margin:0 0 12px}p{line-height:1.5}label{display:block;margin:16px 0}input,select,button{font:inherit;padding:12px;border-radius:8px;border:1px solid var(--line);width:100%;background:var(--panel);color:var(--text)}input{display:block;margin-top:7px}button{background:var(--green);color:var(--panel);font-weight:600;cursor:pointer}#error{color:#bb4838}a{color:var(--green)}

#theme-toggle{display:block;margin:20px 0 0 auto;width:42px;height:42px;background:var(--bg);color:var(--green);font-size:22px;padding:5px}