.oo-signin-shell{position:fixed;inset:0;display:flex;padding:max(var(--oo-space-section),env(safe-area-inset-top,0px)) max(var(--oo-space-surface-inset),env(safe-area-inset-right,0px)) max(var(--oo-space-section),env(safe-area-inset-bottom,0px)) max(var(--oo-space-surface-inset),env(safe-area-inset-left,0px));color:var(--oo-color-text-primary);background:var(--oo-color-canvas-deep);font-family:var(--oo-type-family-primary);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;isolation:isolate}.oo-signin-background{position:fixed;inset:0;min-height:var(--oo-vh100,100lvh);overflow:hidden;pointer-events:none;z-index:0}.oo-signin-card{position:relative;z-index:1;flex:0 0 auto;width:100%;max-width:460px;margin:auto;padding:var(--oo-space-composition);background:linear-gradient(180deg,rgba(13,21,38,.86),rgba(8,13,24,.9));border:1px solid color-mix(in srgb,white 10%,transparent);border-radius:var(--oo-radius-sheet);box-shadow:0 12px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)}.oo-signin-hero{display:flex;flex-direction:column;align-items:center;gap:var(--oo-space-surface-inset);margin-bottom:var(--oo-space-composition);text-align:center}.oo-signin-logo{width:var(--oo-space-maximum);height:var(--oo-space-maximum);border-radius:var(--oo-radius-surface);overflow:hidden;box-shadow:var(--oo-elevation-card)}.oo-signin-logo img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.oo-signin-wordmark{margin:0;font-size:34px;font-weight:var(--oo-type-weight-black);letter-spacing:-.8px;line-height:1}.oo-signin-wordmark .oo-accent{color:var(--oo-color-brand-authority)}.oo-signin-instr{font-size:13px;line-height:1.5;color:var(--oo-color-text-secondary)}.oo-signin-form{gap:var(--oo-space-surface-inset)}.oo-key-wrap,.oo-signin-form{display:flex;flex-direction:column}.oo-key-wrap{padding:var(--oo-space-surface-inset-compact);background:color-mix(in srgb,var(--oo-bg) 35%,transparent);border:1px solid var(--oo-color-border-tracker);border-radius:var(--oo-radius-control-large);transition:border-color var(--oo-motion-interaction-fast),box-shadow var(--oo-motion-interaction-fast)}.oo-key-wrap[data-focused=true]{border-color:transparent;background:var(--oo-selected-authority-gradient);background-size:var(--oo-selected-authority-gradient-size);box-shadow:inset 0 1px color-mix(in srgb,var(--oo-text) 5%,transparent)}.oo-key-input{width:100%;min-width:0;padding:var(--oo-space-control-gap) 0;background:transparent;border:none;outline:none;font-family:var(--oo-type-family-numeric);font-size:16px;font-weight:var(--oo-type-weight-bold);line-height:1.5;letter-spacing:0;text-align:center;text-transform:uppercase;color:var(--oo-color-text-primary)}.oo-key-input::placeholder{color:var(--oo-color-text-metadata)}.oo-key-input:disabled{opacity:.6;cursor:wait}.oo-key-dots{display:flex;justify-content:center;gap:var(--oo-space-row-gap);margin-top:var(--oo-space-row-gap)}.oo-key-dot{width:var(--oo-space-row-gap);height:var(--oo-space-row-gap);border:1px solid transparent;border-radius:var(--oo-radius-pill);background:var(--oo-color-border-tracker);transition:background var(--oo-motion-interaction-fast)}.oo-key-dot.on{background:var(--oo-selected-authority-gradient);background-size:100% 100%}.oo-signin-cta{display:inline-flex;align-items:center;justify-content:center;gap:var(--oo-space-row-gap);min-height:var(--oo-size-touch-minimum);padding:var(--oo-space-surface-inset) var(--oo-space-section);border:1px solid transparent;border-radius:var(--oo-radius-control-large);background:var(--oo-selected-authority-gradient);background-size:var(--oo-selected-authority-gradient-size);color:var(--oo-text);box-shadow:inset 0 1px color-mix(in srgb,var(--oo-text) 5%,transparent);font:inherit;font-size:14px;font-weight:var(--oo-type-weight-extra-bold);line-height:1;cursor:pointer;animation:oo-sport-label-flow 8s ease-in-out infinite alternate;transition:opacity var(--oo-motion-interaction-fast),box-shadow var(--oo-motion-interaction-fast)}.oo-signin-cta svg{display:block;flex-shrink:0}.oo-signin-cta:hover:not(:disabled){box-shadow:var(--oo-glow-blue)}.oo-signin-cta:focus-visible{outline:2px solid var(--oo-blue);outline-offset:3px}.oo-signin-cta:disabled{opacity:.6;cursor:not-allowed;animation-play-state:paused}.oo-signin-error{padding:var(--oo-space-surface-inset-compact);border:1px solid var(--oo-color-border-tracker);border-radius:var(--oo-radius-control-large);background:color-mix(in srgb,var(--oo-bg) 35%,transparent);color:var(--oo-color-text-secondary);font-size:13px;text-align:center;line-height:1.5}.oo-signin-devices{display:grid;grid-gap:var(--oo-space-surface-inset-compact);gap:var(--oo-space-surface-inset-compact);padding:var(--oo-space-surface-inset);border:1px solid transparent;border-radius:var(--oo-radius-control-large);background:var(--oo-selected-authority-gradient);background-size:var(--oo-selected-authority-gradient-size);color:var(--oo-text);line-height:1.5;text-align:left}.oo-signin-devices-title{font-size:13px;font-weight:var(--oo-type-weight-bold)}.oo-signin-devices-help{font-size:12px;color:var(--oo-color-text-secondary)}.oo-signin-device-list{display:grid;grid-gap:var(--oo-space-row-gap);gap:var(--oo-space-row-gap)}.oo-signin-device{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:var(--oo-space-row-gap);gap:var(--oo-space-row-gap);padding-top:var(--oo-space-row-gap);border-top:1px solid var(--oo-color-border-elevated)}.oo-signin-device-info{min-width:0;overflow-wrap:anywhere}.oo-signin-device-name{font-size:13px;font-weight:var(--oo-type-weight-semibold)}.oo-signin-device-seen{margin-top:var(--oo-space-control-gap);color:var(--oo-color-text-secondary);font-size:11px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.oo-signin-device-action{min-width:108px;padding:var(--oo-space-surface-inset-compact);font-size:12px;font-weight:var(--oo-type-weight-semibold);white-space:nowrap}.oo-signin-foot{margin-top:var(--oo-space-section);padding-top:var(--oo-space-section);border-top:1px solid var(--oo-color-border-elevated);text-align:center;font-size:12px;line-height:1.5;color:var(--oo-color-text-secondary)}.oo-signin-foot a{color:var(--oo-color-text-primary);font-weight:var(--oo-type-weight-semibold);text-decoration:underline;text-underline-offset:3px}.oo-signin-foot a:hover{color:var(--oo-blue)}.oo-signin-foot a:focus-visible{outline:2px solid var(--oo-blue);outline-offset:3px}.oo-signin-text-button{min-height:var(--oo-size-touch-minimum);padding:var(--oo-space-control-gap) var(--oo-space-surface-inset-compact);border:none;background:transparent;color:var(--oo-color-text-secondary);font:inherit;font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:var(--oo-space-control-gap);cursor:pointer}.oo-signin-text-button:hover{color:var(--oo-color-text-primary)}.oo-signin-text-button:focus-visible{outline:2px solid var(--oo-blue);outline-offset:3px}.oo-signin-text-button:disabled{cursor:not-allowed;opacity:.6}.oo-key-recovery{display:grid;grid-gap:var(--oo-space-surface-inset);gap:var(--oo-space-surface-inset)}.oo-key-recovery-heading{text-align:center}.oo-key-recovery-heading h2{margin:0 0 var(--oo-space-row-gap);color:var(--oo-color-text-primary);font-size:20px;font-weight:var(--oo-type-weight-bold);line-height:1.3}.oo-key-recovery-heading p{margin:0;color:var(--oo-color-text-secondary);font-size:13px;line-height:1.6}.oo-key-recovery-label{font-size:12px;color:var(--oo-color-text-secondary)}.oo-key-recovery-email{font-family:var(--oo-type-family-primary);font-weight:var(--oo-type-weight-medium);text-align:left;text-transform:none}.oo-key-wrap:focus-within{border-color:var(--oo-blue)}.oo-key-recovery-confirmation{display:grid;text-align:center;grid-gap:var(--oo-space-row-gap);gap:var(--oo-space-row-gap)}.oo-key-recovery-address{overflow-wrap:anywhere;font-size:14px;color:var(--oo-color-text-primary)}.oo-key-recovery-preview-note{margin:0;color:var(--oo-color-text-metadata);font-size:11px;line-height:1.5;text-align:center}@media (max-width:640px){.oo-signin-card{padding:var(--oo-space-section) var(--oo-space-surface-inset)}.oo-signin-wordmark{font-size:30px}}@media (prefers-reduced-motion:reduce){.oo-signin-cta{animation:none}.oo-key-dot,.oo-key-wrap,.oo-signin-cta{transition:none}}