.auth-screen{background:radial-gradient(circle at 70% -15%, color-mix(in srgb, var(--ui-primary) 8%, transparent), transparent 31rem), var(--ui-bg);place-items:center;min-height:100vh;padding:32px 20px;display:grid}.auth-card{border:1px solid var(--ui-border-soft);border-radius:var(--ui-radius-lg);background:linear-gradient(145deg, color-mix(in srgb, var(--ui-surface-2) 82%, var(--ui-surface-1)), var(--ui-surface-3));width:min(440px,100%);box-shadow:var(--ui-shadow-md);padding:30px}.auth-loading-card{align-items:center;gap:18px;display:flex}.auth-brand-row{align-items:center;gap:12px;margin-bottom:28px;display:flex}.auth-brand-row>div:last-child,.auth-loading-card>div:last-child{gap:3px;display:grid}.auth-brand-mark,.auth-avatar{color:var(--ui-primary);background:linear-gradient(145deg, color-mix(in srgb, var(--ui-primary) 15%, var(--ui-surface-2)), var(--ui-surface-3));border:1px solid color-mix(in srgb, var(--ui-primary) 30%, var(--ui-border));flex:none;place-items:center;font-weight:800;display:grid}.auth-brand-mark{border-radius:var(--ui-radius-md);width:36px;height:36px;font-family:var(--ui-font-mono)}.auth-eyebrow{letter-spacing:.16em;font-size:11px}.auth-card h1{letter-spacing:-.03em;margin:0;font-size:clamp(28px,6vw,38px)}.auth-card p{color:var(--ui-text-muted);line-height:1.55}.auth-heading{margin-bottom:24px}.auth-heading p{margin-bottom:0}.auth-form{gap:16px;display:grid}.auth-form label{color:var(--ui-text-muted);gap:8px;font-size:13px;font-weight:700;display:grid}.auth-form input{border-radius:var(--ui-radius-md);border:1px solid var(--ui-input-border);background:var(--ui-surface-3);width:100%;min-height:46px;color:var(--ui-text);font:inherit;outline:none;padding:0 13px;font-size:16px}.auth-form input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-primary) 18%, transparent)}.auth-primary.ui-button{border-radius:var(--ui-radius-md);width:100%;min-height:46px;padding:0 16px}.auth-primary:disabled{cursor:not-allowed;opacity:.55}.auth-error{border:1px solid color-mix(in srgb, var(--ui-danger) 42%, var(--ui-border));border-radius:var(--ui-radius-md);color:color-mix(in srgb, var(--ui-danger) 75%, var(--ui-text));background:color-mix(in srgb, var(--ui-danger) 10%, var(--ui-surface-2));padding:11px 12px;font-size:13px}.auth-footnote{margin:18px 0 0;font-size:12px}.auth-account-control{left:var(--ui-space-4);bottom:var(--ui-space-4);z-index:45;position:fixed}.auth-account-trigger.ui-button{border:1px solid var(--ui-border);border-radius:var(--ui-radius-pill);background:var(--ui-surface-1);width:40px;height:40px;box-shadow:var(--ui-shadow-sm);cursor:pointer;place-items:center;padding:0;display:grid}.auth-account-trigger.ui-button:hover:not(:disabled),.auth-account-trigger.ui-button[aria-expanded=true]{border-color:color-mix(in srgb, var(--ui-primary) 45%, var(--ui-border));background:var(--ui-surface-2)}.auth-account-trigger.ui-button:focus-visible,.auth-account-menu .ui-button:focus-visible{outline:2px solid color-mix(in srgb, var(--ui-primary) 58%, white);outline-offset:2px}.auth-avatar{border-radius:var(--ui-radius-pill);width:32px;height:32px}.auth-avatar-menu{width:36px;height:36px}.auth-account-menu{left:0;bottom:calc(100% + var(--ui-space-2));width:min(260px,100vw - 32px);padding:var(--ui-surface-padding-compact);border:1px solid var(--ui-border);border-radius:var(--ui-radius-lg);background:color-mix(in srgb, var(--ui-surface-1) 96%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:absolute;box-shadow:0 18px 45px #0000006b}.auth-account-menu-header{align-items:center;gap:var(--ui-space-3);min-width:0;padding:var(--ui-space-1) var(--ui-space-1) var(--ui-space-3);border-bottom:1px solid var(--ui-border);display:flex}.auth-account-menu-header>div:last-child{gap:2px;min-width:0;display:grid}.auth-account-menu-header strong,.auth-account-menu-header span,.auth-account-menu-header small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.auth-account-menu-header strong{color:var(--ui-text);font-size:12px}.auth-account-menu-header span{color:var(--ui-text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:10px}.auth-account-menu-header small{color:var(--ui-text-muted);font-size:10px}.auth-account-menu-nav{padding:var(--ui-space-2) 0;gap:2px;display:grid}.auth-account-menu .ui-button{border-radius:var(--ui-radius-sm);width:100%;min-height:34px;color:var(--ui-text-muted);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;padding:7px 9px;font-size:11px;font-weight:700}.auth-account-menu .ui-button:hover:not(:disabled){background:var(--ui-surface-2);color:var(--ui-text)}.auth-account-menu .auth-account-signout{border-top:1px solid var(--ui-border);border-radius:0 0 var(--ui-radius-sm) var(--ui-radius-sm);color:color-mix(in srgb, var(--ui-danger) 68%, var(--ui-text))}.auth-account-signout:disabled{cursor:not-allowed;opacity:.5}@media (width<=640px){.auth-card{border-radius:var(--ui-radius-lg);padding:24px}.auth-account-control{left:auto;right:var(--ui-space-3);bottom:var(--ui-space-3)}.auth-account-menu{left:auto;right:0}}@media (width>=900px){.auth-account-control{z-index:46;inset:9px 14px auto auto}.auth-account-menu{left:auto;right:0;top:calc(100% + var(--ui-space-2));bottom:auto}}@media (width<=900px),(height<=500px) and (pointer:coarse){.auth-account-control{display:none}}