.login{background:var(--bg);place-items:center;min-height:100vh;padding:24px 16px;display:grid}.login-card{background:var(--surface);width:100%;max-width:400px;box-shadow:0 0 0 1px var(--line);border-radius:14px;padding:28px 24px}.login-brand{font:600 15px var(--f-ui);color:var(--ink);margin-bottom:18px;text-decoration:none;display:inline-block}.login h1{font:600 22px/1.25 var(--f-read);color:var(--ink);margin:0 0 8px}.login-lead{font:15px/1.55 var(--f-ui);color:var(--ink2);margin:0 0 20px}.login-form{gap:10px;display:grid}.login-label{font:600 13px var(--f-ui);color:var(--ink2)}.login-input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);font:16px var(--f-ui);border-radius:8px;padding:11px 12px}.login-input:focus-visible{outline:2px solid var(--hue);outline-offset:1px}.login-input[readonly]{color:var(--muted)}.login-code{font:500 22px var(--f-mono);letter-spacing:.2em}.login-button{background:var(--hue);color:var(--on-accent);font:600 15px var(--f-ui);border-radius:8px;padding:11px 18px}.login-button:hover{filter:brightness(1.08)}.login-button:disabled{opacity:.7;cursor:default}.login-google{border:1px solid var(--line);background:var(--bg);color:var(--ink);font:600 15px var(--f-ui);border-radius:8px;justify-content:center;align-items:center;gap:10px;padding:10px 18px;display:flex}.login-google:hover{border-color:var(--axis)}.login-or{font:12.5px var(--f-ui);color:var(--muted);align-items:center;gap:10px;margin:16px 0 10px;display:flex}.login-or:before,.login-or:after{content:"";border-top:1px solid var(--line);flex:1}.login-links{gap:16px;display:flex}.login-link,.login-secondary{color:var(--hue);font:500 13.5px var(--f-ui);text-underline-offset:3px;padding:0;text-decoration:underline}.login-note{min-height:1.5em;font:13.5px/1.5 var(--f-ui);color:var(--muted);margin:4px 0 0}.login-note.is-problem{color:var(--bad)}