*{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{min-height:100vh;font-family:var(--font-family-body);font-size:var(--font-body-3-size);line-height:var(--font-body-3-line-height);color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}button,input{font:inherit}a{color:var(--accent-blue-strong);text-decoration:none}a:hover{text-decoration:underline}.theme-toggle{top:var(--space-padding-md);right:var(--space-padding-md);z-index:10;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--action-subtle-bg);gap:2px;padding:3px;display:inline-flex;position:fixed;box-shadow:0 8px 24px #00000014}.theme-toggle-button{min-width:52px;height:30px;padding:0 var(--space-padding-xs);border-radius:calc(var(--radius-sm) - 3px);color:var(--text-secondary);font-size:var(--font-label-3-size);line-height:var(--font-label-3-line-height);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:0}.theme-toggle-button:hover{color:var(--text-primary)}.theme-toggle-button[data-active=true]{background:var(--bg-base);color:var(--text-primary);box-shadow:0 1px 2px #00000014}.theme-toggle-button:focus-visible{outline:2px solid var(--accent-blue-strong);outline-offset:2px}.auth-page,.home-page{min-height:100vh;padding:calc(var(--space-padding-lg) + 28px) var(--space-padding-lg) var(--space-padding-lg);flex-direction:column;justify-content:center;align-items:center;display:flex}.auth-card,.home-card,.status-card{text-align:center;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-base);width:min(100%,400px);padding:32px;box-shadow:0 16px 40px #0000001f}.status-card{max-width:360px}.status-icon,.auth-success-icon,.auth-error-icon,.auth-logo{width:48px;height:48px;margin:0 auto var(--space-padding-md);font-size:24px;font-weight:var(--font-weight-semibold);border-radius:50%;justify-content:center;align-items:center;display:flex}.auth-logo,.status-icon.loading{background:var(--accent-blue-subtle-bg);color:var(--accent-blue-subtle-content)}.status-icon.success,.auth-success-icon{background:var(--accent-green-subtle-bg);color:var(--accent-green-subtle-content)}.status-icon.error,.auth-error-icon{background:var(--accent-red-subtle-bg);color:var(--text-error)}.status-title,.home-title,.auth-success-title,.auth-error-title{margin-bottom:var(--space-padding-xs);color:var(--text-primary);font-size:var(--font-heading-h6-size);line-height:var(--font-heading-h6-line-height);font-weight:var(--font-weight-semibold)}.status-message,.home-text,.auth-loading-text,.auth-success-text,.auth-error-message,.auth-loading-hint,.home-status{color:var(--text-secondary);font-size:var(--font-body-3-size);line-height:var(--font-body-3-line-height)}.status-message,.home-text{margin-bottom:var(--space-padding-md)}.auth-loading-hint,.home-status{margin-top:var(--space-padding-md);color:var(--text-tertiary);font-size:var(--font-body-4-size);line-height:var(--font-body-4-line-height)}.spinner,.auth-spinner{width:32px;height:32px;margin:0 auto var(--space-padding-md);border:3px solid var(--border-secondary);border-top-color:var(--accent-blue-strong);border-radius:50%;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn,.auth-button{width:100%;min-height:var(--component-button-height-lg);padding:10px var(--component-button-padding-x-lg);border-radius:var(--component-button-radius-lg);font-size:var(--font-label-1-size);line-height:var(--font-label-1-line-height);font-weight:var(--font-weight-medium);cursor:pointer;border:0;justify-content:center;align-items:center;transition:filter .15s,border-color .15s,background-color .15s;display:inline-flex}.btn:disabled,.auth-button:disabled{opacity:.55;cursor:not-allowed}.btn:focus-visible,.auth-button:focus-visible{outline:2px solid var(--accent-blue-strong);outline-offset:2px}.btn-primary{background:var(--loqalit-component-button-primary-surface-default);color:var(--action-primary-content)}.btn-primary:hover:not(:disabled){filter:brightness(1.05)}.btn-secondary,.auth-button-secondary{border:1px solid var(--border-secondary);background:var(--action-subtle-bg);color:var(--action-subtle-content)}.btn-secondary:hover:not(:disabled),.auth-button-secondary:hover:not(:disabled){background:var(--accent-blue-subtle-bg);border-color:var(--accent-blue-subtle-content)}.btn+.btn,.auth-button+.auth-button{margin-top:10px}.home-card{max-width:400px}.home-session,.auth-error-actions{margin-top:var(--space-padding-md)}.session-status{justify-content:center;align-items:center;gap:var(--space-inline-xs);padding:var(--space-padding-sm);margin-bottom:var(--space-padding-md);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--action-subtle-bg);display:flex}.session-dot{background:var(--text-tertiary);border-radius:50%;width:8px;height:8px}.session-dot.active{background:var(--accent-green-subtle-content)}.footer-text,.auth-footer{margin-top:var(--space-padding-md);color:var(--text-tertiary);font-size:var(--font-body-4-size);line-height:var(--font-body-4-line-height)}@media (width<=480px){.theme-toggle{margin:var(--space-padding-sm) auto 0;position:static}.auth-page,.home-page{padding-top:var(--space-padding-sm);justify-content:flex-start}.auth-card,.home-card,.status-card{padding:var(--space-padding-lg)}}