:root{font-family:GenYoGothic TW,Microsoft JhengHei,sans-serif;color:#242821;background:#f7f8f5;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;height:100%}body{display:flex;align-items:center;justify-content:center;padding:24px}.login{width:100%;max-width:360px;padding:32px;border:1px solid #d7decc;border-radius:8px;background:#fff}h1{font-size:22px;margin:0 0 8px;font-weight:700}.context{color:#535f45;font-size:14px;margin:0 0 24px}label{display:block;font-size:14px;margin:16px 0 8px}label:first-of-type{margin-top:0}input{width:100%;min-height:48px;padding:10px 14px;font:inherit;font-size:16px;border:1px solid #a6b398;border-radius:6px;background:#fff;color:#242821}input:focus-visible{outline:3px solid #658d1b;outline-offset:2px}button{width:100%;min-height:48px;margin-top:24px;padding:12px 18px;font:inherit;font-size:16px;font-weight:600;border:1px solid #46650f;border-radius:6px;background:#46650f;color:#fff;cursor:pointer;touch-action:manipulation}button:hover{background:#354d0b}button:not(:disabled):active{background:#2c3f09}button:disabled{cursor:wait;opacity:.6}button:focus-visible{outline:3px solid #658d1b;outline-offset:3px}#login-error{min-height:20px;margin:16px 0 0;font-size:14px;color:#963420}#login-error[data-state=idle]{color:transparent}