:root{color-scheme:dark;font-family:"Songti TC","Noto Serif TC",serif;background:#101b27;color:#ece8df}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 90% 20%,#56443355,transparent 60%);padding:30px}main{width:min(100%,380px)}.eyebrow{color:#ccad83;font:10px/1.8 system-ui;letter-spacing:.3em}h1{font-size:48px;letter-spacing:.2em;font-weight:400;margin:22px 0}.intro{font-size:16px;color:#c9cec9;margin:0 0 45px;line-height:1.8}label{font:12px system-ui;color:#c9cec9}input{display:block;width:100%;font:18px system-ui;padding:16px 14px;border:1px solid #bdc8c640;background:#08131c;border-radius:6px;margin:12px 0 18px;outline-color:#ccad83}button{display:flex;justify-content:space-between;width:100%;border:1px solid #ccad83;background:#ccad83;color:#101b27;font:15px system-ui;padding:16px;border-radius:6px;cursor:pointer}button:disabled{opacity:.65;cursor:wait}#login-status{font:12px/1.8 system-ui;min-height:24px;color:#dcc0a0}.note{font:11px/1.8 system-ui;color:#829096;margin-top:36px}@media(max-width:450px){h1{font-size:39px}body{padding:25px}}
.modes{display:flex;gap:6px;margin:0 0 26px}.modes .mode{display:block;width:auto;flex:1;background:transparent;color:#c9cec9;border:1px solid #bdc8c640;font-size:13px;padding:11px;text-align:center}.modes .mode.active{background:#ccad8322;color:#ccad83;border-color:#ccad83}.hint{color:#829096;margin-left:4px}.field[hidden],.hint[hidden]{display:none}