
  .login-shell.svelte-1x05zx6 { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 2rem 1rem; background: var(--color-void); }
  .login-card.svelte-1x05zx6 { width: 100%; max-width: 420px; padding: 2.5rem; border-radius: 1rem; border: 1px solid var(--color-border); background: var(--color-void-surface); }
  .back-link.svelte-1x05zx6 { display: inline-flex; align-items: center; gap: 0.375rem; font-size: 0.8125rem; color: var(--color-text-muted); text-decoration: none; margin-bottom: 1.5rem; }
  .back-link.svelte-1x05zx6:hover { color: var(--color-text-primary); }
  .login-header.svelte-1x05zx6 { text-align: center; margin-bottom: 2rem; }
  .login-diamond.svelte-1x05zx6 { font-size: 2rem; color: var(--color-lifeos); }
  .login-header.svelte-1x05zx6 h1:where(.svelte-1x05zx6) { margin: 0.5rem 0 0.375rem; font-size: 1.5rem; font-weight: 700; font-family: var(--font-mystic); color: var(--color-text-primary); }
  .login-sub.svelte-1x05zx6 { margin: 0; font-size: 0.875rem; color: var(--color-text-muted); }
  .form-error.svelte-1x05zx6 { display: flex; align-items: center; gap: 0.5rem; padding: 0.75rem 1rem; margin-bottom: 1rem; border-radius: 0.5rem; background: color-mix(in srgb, var(--color-status-error) 10%, transparent); border: 1px solid color-mix(in srgb, var(--color-status-error) 25%, transparent); color: var(--color-status-error); font-size: 0.875rem; }
  .field-spacer.svelte-1x05zx6 { height: 1rem; }
  .spinner.svelte-1x05zx6 { display: inline-block; width: 16px; height: 16px; border: 2px solid rgba(255,255,255,0.3); border-top-color: white; border-radius: 50%; animation: svelte-1x05zx6-spin 0.6s linear infinite; }
  @keyframes svelte-1x05zx6-spin { to { transform: rotate(360deg); } }
  .divider.svelte-1x05zx6 { display: flex; align-items: center; gap: 1rem; margin: 1.5rem 0; color: var(--color-text-muted); font-size: 0.8125rem; }
  .divider.svelte-1x05zx6::before, .divider.svelte-1x05zx6::after { content: ''; flex: 1; height: 1px; background: var(--color-border); }
  .oauth-buttons.svelte-1x05zx6 { display: flex; gap: 0.75rem; }
  .oauth-btn.svelte-1x05zx6 { flex: 1; display: flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 0.75rem; border-radius: 0.5rem; border: 1px solid var(--color-border); background: transparent; color: var(--color-text-secondary); font-size: 0.875rem; cursor: pointer; transition: all var(--duration-fast); }
  .oauth-btn.svelte-1x05zx6:hover { border-color: var(--color-lifeos); color: var(--color-text-primary); background: var(--color-void-highlight); }
  .login-footer.svelte-1x05zx6 { margin: 1.5rem 0 0; font-size: 0.75rem; color: var(--color-text-muted); text-align: center; }
  .login-footer.svelte-1x05zx6 a:where(.svelte-1x05zx6) { color: var(--color-lifeos-light); }
