:root{color-scheme:light;font-family:Segoe UI,Noto Sans,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page-background: radial-gradient(circle at top left, rgba(0, 122, 204, .18), transparent 34%), linear-gradient(180deg, #eef5ff 0%, #f7fafc 44%, #f0f4f8 100%);--surface-strong: #ffffff;--field-border: rgba(20, 34, 53, .12);--field-border-strong: rgba(0, 103, 184, .28);--accent: #0067b8;--accent-strong: #004f8f;--accent-soft: rgba(0, 103, 184, .08);--interactive-border: rgba(0, 103, 184, .32);--danger: #b42318;--danger-soft: rgba(180, 35, 24, .08);--text: #142235;--text-muted: #587089;--shadow: 0 24px 60px rgba(27, 47, 73, .14);--shadow-soft: 0 10px 24px rgba(27, 47, 73, .06);--focus-ring: 0 0 0 4px rgba(0, 103, 184, .14);--modal-overlay: rgba(7, 18, 31, .54);--modal-surface: rgba(255, 255, 255, .96);--modal-border: rgba(255, 255, 255, .65);--ghost-button-bg: rgba(20, 34, 53, .08);--transition-base: transform .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, opacity .18s ease, color .18s ease;--radius-xl: 30px;--radius-sm: 12px;color:var(--text);background:var(--page-background)}:root[data-theme=dark]{color-scheme:dark;--page-background: radial-gradient(circle at top left, rgba(36, 140, 255, .16), transparent 34%), linear-gradient(180deg, #0a1320 0%, #0e1726 44%, #09111c 100%);--surface-strong: #152233;--field-border: rgba(137, 167, 198, .16);--field-border-strong: rgba(72, 165, 255, .44);--accent: #2493f2;--accent-strong: #8ecfff;--accent-soft: rgba(56, 163, 255, .14);--interactive-border: rgba(72, 165, 255, .36);--danger: #ff8c85;--danger-soft: rgba(255, 140, 133, .16);--text: #ebf2fa;--text-muted: #9ab0c7;--shadow: 0 24px 60px rgba(0, 0, 0, .35);--shadow-soft: 0 10px 24px rgba(0, 0, 0, .22);--focus-ring: 0 0 0 4px rgba(56, 163, 255, .2);--modal-overlay: rgba(3, 8, 15, .72);--modal-surface: rgba(10, 18, 29, .96);--modal-border: rgba(104, 125, 148, .24);--ghost-button-bg: rgba(255, 255, 255, .08)}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px}button,input{font:inherit}button{cursor:pointer}.auth-panel{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:start center;padding:24px;background:var(--modal-overlay);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:auto}.auth-panel__stack{width:min(100%,460px);display:flex;flex-direction:column;align-items:center;padding-top:clamp(16px,5vh,48px)}.auth-panel__card{width:100%;padding:28px;border-radius:var(--radius-xl);background:var(--modal-surface);border:1px solid var(--modal-border);box-shadow:var(--shadow)}.auth-panel__eyebrow{margin:0 0 6px;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.auth-panel__card h2{margin:0}.auth-panel__text{color:var(--text-muted)}.auth-panel__image{display:block;width:min(56vw,220px);max-height:200px;object-fit:contain;margin:0 0 14px}.auth-panel__error{margin:0;padding:12px 14px;border-radius:var(--radius-sm);color:var(--danger);background:var(--danger-soft)}.auth-form{display:flex;flex-direction:column;gap:18px;margin-top:22px}.field{display:flex;flex-direction:column;gap:8px}.field input{width:100%;padding:12px 14px;border:1px solid var(--field-border);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text);transition:var(--transition-base)}.field input:focus-visible{border-color:var(--field-border-strong);box-shadow:var(--focus-ring);outline:none}.primary-button{padding:12px 18px;border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,var(--accent),#0096d1);color:#fff;font-weight:600;box-shadow:0 14px 30px #0067b82e;transition:var(--transition-base)}.primary-button:hover{transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.72;transform:none}.primary-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.theme-switcher{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(22,44,70,.12);border-radius:999px;background:var(--surface-strong);box-shadow:var(--shadow-soft)}.theme-switcher--compact{width:100%;margin-top:18px;justify-content:space-between}.theme-switcher__label{color:var(--text-muted);font-size:.84rem;font-weight:700}.theme-switcher__options{display:inline-flex;flex-wrap:wrap;gap:6px}.theme-button{width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--text-muted);transition:var(--transition-base)}.theme-button__icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.theme-button:hover{background:var(--ghost-button-bg);color:var(--text)}.theme-button.is-active{background:var(--accent-soft);border-color:var(--interactive-border);color:var(--accent-strong)}.theme-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 640px){.auth-panel{padding:16px}.auth-panel__card{padding:22px;border-radius:22px}}