:root{color-scheme:light dark}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:light-dark(#f4f7f6,#111919);color:light-dark(#1b3230,#e5efec);font:15px/1.5 system-ui}main{width:min(380px,calc(100% - 40px));padding:30px;background:light-dark(#fff,#1b2726);border:1px solid light-dark(#dde7e4,#33423f);border-radius:18px}.mark{width:40px;height:40px;border-radius:12px;background:#19766a;color:#fff;display:grid;place-items:center}h1{font-size:24px;font-weight:500;margin:20px 0 4px}p{margin:4px 0 22px;color:light-dark(#536c65,#a3b7b1)}label{display:block;margin:14px 0}input{display:block;width:100%;margin-top:6px;padding:11px;border:1px solid light-dark(#d4dfda,#465950);border-radius:7px;background:light-dark(#f9fbfa,#111c19);color:inherit;font:inherit}button{width:100%;padding:12px;border:0;border-radius:7px;background:light-dark(#193f35,#a5d7c3);color:light-dark(#fff,#10271e);font:inherit;cursor:pointer;margin-top:8px}button:disabled{opacity:.6}small{color:light-dark(#60736c,#9eb3a9);font-size:12px}#message{margin:14px 0 0;font-size:13px;color:light-dark(#b52c27,#ffaaa4)}
/* macOS dark colors; login markup and layout retained. */
:root{color-scheme:dark}
body{background:#1c1c1e;color:#f5f5f7}
main{background:#262628;border-color:#3a3a3c}
.mark{background:#3a3a3c;color:#f5f5f7}
p,small{color:#a1a1a6}
input{background:#1c1c1e;border-color:#48484a;color:#f5f5f7}
button{background:#0a84ff;color:#fff}
#message{color:#ff6961}