.auth-page{--background:#fff;--card:#fff;--foreground:#171717;--primary:#171717;--primary-foreground:#fff;--muted:#f5f5f5;--auth-muted:#686868;--text-secondary:#525252;--border:#e5e5e5;--border-strong:#dedede;--input:#dedede;--ring:#737373;--danger:#b43e3e;--danger-surface:#fcf2f2;--surface-muted:#f5f5f5}.status-notice{color:var(--danger);overflow-wrap:anywhere;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6;display:flex}.status-notice>svg{margin-top:2px}.status-notice button{color:inherit;padding-left:0}.status-info,.status-loading{color:var(--text-secondary)}.auth-page{flex-direction:column;justify-content:center;width:min(400px,100% - 40px);min-height:100dvh;margin:auto;padding-block:64px;display:flex}.auth-template{background:var(--neutral-50);border:1px solid var(--border);border-radius:var(--radius-panel);place-items:center;min-height:600px;padding:56px 24px;display:grid}.sign-in-panel{width:min(100%,384px);margin-inline:auto}.auth-symbol{border:1px solid var(--border);background:var(--card);border-radius:10px;place-items:center;width:44px;height:44px;margin-bottom:24px;display:grid}.auth-symbol svg{width:22px;height:22px}.auth-heading{margin-bottom:28px}.auth-heading h1{letter-spacing:-.035em;font-size:26px}.auth-heading p{color:var(--auth-muted);overflow-wrap:anywhere;margin-top:10px;font-size:14px;line-height:1.65}.auth-heading strong{color:var(--foreground);font-weight:500}.auth-google,.auth-submit{width:100%;height:40px}.google-mark{flex-shrink:0;width:18px;height:18px}.auth-divider{color:var(--auth-muted);align-items:center;gap:12px;margin-block:24px;font-size:12px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-form{gap:20px;display:grid}.auth-field{gap:8px;display:grid}.auth-field .field-label{font-size:13px;font-weight:500}.auth-field-hint{color:var(--auth-muted);font-size:12px}.auth-otp{width:100%}.auth-otp [data-slot=input-otp-group]{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;width:100%;display:grid}.auth-otp [data-slot=input-otp-slot]{border:1px solid var(--border-strong);font-variant-numeric:tabular-nums;border-radius:7px;width:100%;height:48px;font-size:22px}.auth-otp [data-active=true]{border-color:var(--foreground)}.auth-reassurance{color:var(--auth-muted);text-align:center;margin-top:24px;font-size:12px;line-height:1.6}.auth-terms{text-align:center;color:var(--auth-muted);max-width:320px;margin:28px auto 0;font-size:12px;line-height:1.8}.auth-terms a{color:var(--text-secondary);text-decoration:underline}.sign-in-panel>.status-notice{margin-block:14px}.auth-code-actions{justify-content:space-between;gap:8px;margin-top:20px;display:flex}.auth-code-actions>button{padding-inline:0;font-size:12px}.auth-brand{letter-spacing:-.025em;align-items:center;gap:9px;margin:0 0 32px;font-size:15px;font-weight:600;display:flex}.auth-brand img{width:32px;height:32px}.auth-back{color:#686868;font-size:13px;position:absolute;top:24px;left:24px}.auth-dev-inbox{border:1px dashed var(--border);color:var(--auth-muted);border-radius:8px;margin-top:20px;padding:12px;font-size:12px}.auth-dev-inbox button{margin-top:8px}
