.login-wrap{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-panel{background:var(--surface);border:1px solid var(--card-border);border-radius:var(--r-lg);width:100%;max-width:384px;padding:var(--sp-8);box-shadow:var(--card-shadow)}.login-panel h1{margin:0;font-size:1.25rem;font-weight:600}@media (max-width:600px){.login-panel{padding:var(--sp-6)}}.auth[data-theme]:not([data-theme=classic]){--card-border:transparent;--card-shadow:0 18px 40px -22px #0a042899;--glass-hover:#ffffff24;isolation:isolate;background:var(--th-bg) var(--th-img) center / cover fixed no-repeat;min-height:100vh;position:relative}.auth[data-theme][data-glass=light]:not([data-theme=classic]){--card-shadow:0 16px 36px -22px #14284680;--glass-hover:#ffffff73}.auth[data-theme]:not([data-theme=classic]):before{content:"";z-index:-1;pointer-events:none;background:rgba(0, 0, 0, var(--th-dim,0));position:fixed;inset:0}.login-sub{color:var(--muted);margin:4px 0 24px}.login-form{flex-direction:column;gap:16px;display:flex}.login-form label{color:var(--muted);flex-direction:column;gap:8px;font-size:.875rem;display:flex}.login-form input{font:inherit;font-size:var(--fs-md);color:var(--ink);background:var(--surface);border:1px solid var(--input-border);border-radius:var(--r-md);padding:0 var(--sp-3);height:var(--h-md)}.login-form input:hover{border-color:var(--muted)}.login-form input:focus-visible{border-color:var(--accent);box-shadow:var(--focus-ring);outline:2px solid #0000}.login-error{color:var(--bad);margin:0;font-size:.875rem}.login-form button{font:inherit;border-radius:var(--r-md);background:var(--accent);height:40px;color:var(--on-accent);cursor:pointer;border:0;font-weight:600}.login-form button:hover:not(:disabled),.login-form a.login-btn:hover{background:var(--accent-hover)}.login-form button:focus-visible,.login-form a.login-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.login-form button:disabled{opacity:.6;cursor:default}.login-alt{text-align:center;color:var(--muted);margin:16px 0 0;font-size:.875rem}.login-alt a{color:var(--ink-2);text-underline-offset:3px}.login-alt a:hover{color:var(--ink)}.login-who{border-radius:var(--r-md);background:var(--surface-2);margin:0 0 20px;padding:10px 14px}.login-who small{color:var(--muted);font-size:.75rem;display:block}.login-who b{overflow-wrap:anywhere;font-weight:600}.login-hint{color:var(--muted);margin:-8px 0 0;font-size:.75rem}.login-done{color:var(--ink-2);margin:0;font-size:.875rem;line-height:1.5}.login-form a.login-btn{border-radius:var(--r-md);background:var(--accent);height:40px;color:var(--on-accent);place-items:center;font-weight:600;text-decoration:none;display:grid}.login-form label.login-show{cursor:pointer;flex-direction:row;align-items:center;gap:8px;margin-top:-4px}.login-form label.login-show input{width:16px;height:16px;accent-color:var(--accent);padding:0}.login-form .pwd{display:block;position:relative}.login-form .pwd>input{width:100%;padding-right:92px}.login-form .pwd>.pwd-toggle{border-radius:var(--r-sm);padding:0 10px;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.login-form .pwd>.pwd-toggle,.login-form .pwd>.pwd-toggle:hover:not(:disabled){height:32px;color:var(--muted);background:0 0;font-size:.875rem}.login-form .pwd>.pwd-toggle:hover:not(:disabled){background:var(--hover);color:var(--ink)}.login-field-error{color:var(--bad);margin:-8px 0 0;font-size:.75rem;line-height:1rem}.login-form .login-field{color:var(--muted);flex-direction:column;gap:8px;font-size:.875rem;display:flex}