body{margin:0;min-height:100vh}body.checking .auth-split{visibility:hidden}.auth-header{position:absolute;top:0;left:0;z-index:10;padding:var(--sp-5) var(--sp-7)}.auth-header a{font-size:var(--fs-xl);font-weight:700;color:rgba(0,0,0,.7);text-decoration:none;letter-spacing:-.02em;display:inline-flex;align-items:center;min-height:44px}.auth-split{display:flex;min-height:100vh}.auth-visual{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-9);position:relative}.auth-visual-face{width:120px;height:120px;border-radius:var(--r-xl);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-bottom:var(--sp-5)}.auth-visual-face svg{width:64px;height:64px}.auth-visual-face .face-grid{position:absolute;inset:0}.auth-visual-name{font-size:var(--fs-xl);font-weight:900;color:rgba(0,0,0,.7);margin-bottom:var(--sp-3)}.auth-visual-cat{font-size:var(--fs-2xs);font-weight:700;vertical-align:middle;margin-left:var(--sp-2);padding:2px 8px;border-radius:var(--r-full);background:rgba(0,0,0,.14);color:rgba(0,0,0,.62)}.auth-visual-quote{font-size:var(--fs-md);color:rgba(0,0,0,.5);line-height:1.8;font-style:italic;text-align:center;max-width:320px}.auth-form-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--sp-9);background:var(--bg)}.auth-form{width:100%;max-width:360px}.auth-title{font-size:clamp(1.6rem,4vw,2rem);font-weight:900;margin-bottom:var(--sp-2);line-height:1.2}.auth-sub{font-size:var(--fs-sm);color:var(--muted);margin-bottom:var(--sp-8);line-height:1.6}.auth-error{padding:var(--sp-3);border-radius:var(--r-sm);background:var(--danger-bg);color:var(--danger);font-size:var(--fs-xs);font-weight:500;margin-bottom:var(--sp-4);display:none}.auth-inapp{padding:var(--sp-4);border-radius:var(--r-md);border:var(--border-strong);background:var(--surface);margin-bottom:var(--sp-4);line-height:1.7}.auth-inapp .inapp-title{font-size:var(--fs-sm);font-weight:700;margin-bottom:var(--sp-2)}.auth-inapp .inapp-body{font-size:var(--fs-xs);color:var(--text-secondary)}.auth-inapp .inapp-actions{margin-top:var(--sp-3);display:flex;align-items:center;gap:var(--sp-3)}.auth-inapp .inapp-copy{padding:var(--sp-2) var(--sp-4);min-height:40px;border:var(--border-strong);border-radius:var(--r-sm);background:var(--bg);font-size:var(--fs-xs);font-weight:600;cursor:pointer}.auth-inapp .inapp-copied{font-size:var(--fs-xs);color:var(--bc-ret);font-weight:600}.auth-consent{font-size:11px;color:var(--muted);margin-top:var(--sp-4);line-height:1.6}.auth-consent a{color:var(--muted);display:inline-flex;align-items:center;padding:var(--sp-3) var(--sp-2);margin:0 calc(-1 * var(--sp-2));min-height:44px}.auth-beta-note{font-size:var(--fs-xs);color:var(--text-secondary);margin-bottom:var(--sp-4);line-height:1.6;padding:var(--sp-3) var(--sp-4);background:var(--surface);border-radius:var(--r-md)}.auth-switch{font-size:var(--fs-xs);color:var(--muted);margin-top:var(--sp-6);line-height:1.6}.auth-switch a{color:var(--text);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;padding:var(--sp-3) var(--sp-2);margin:0 calc(-1 * var(--sp-2));min-height:44px}.auth-switch a:hover{text-decoration:underline}@media(max-width:768px){.auth-header{padding:var(--sp-4) var(--sp-6)}.auth-split{flex-direction:column}.auth-visual{min-height:44vh;padding:var(--sp-8) var(--sp-6)}.auth-visual-face{width:88px;height:88px;margin-bottom:var(--sp-4)}.auth-visual-face svg{width:48px;height:48px}.auth-visual-name{font-size:var(--fs-md)}.auth-visual-quote{font-size:var(--fs-sm);max-width:280px}.auth-form-col{flex:none;padding:var(--sp-7) var(--sp-6) var(--sp-9)}}