@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root,[data-theme=midnight-vitality]{--color-bg: #0c0f14;--color-bg-elevated: #151a22;--color-surface: #1c2430;--color-surface-hover: #243040;--color-overlay: #2a3544;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .14);--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-inverse: #0c0f14;--color-primary: #2dd4bf;--color-primary-hover: #14b8a6;--color-primary-muted: rgba(45, 212, 191, .14);--color-primary-subtle: rgba(45, 212, 191, .08);--color-accent: #fb923c;--color-accent-hover: #f97316;--color-accent-muted: rgba(251, 146, 60, .14);--color-success: #34d399;--color-success-muted: rgba(52, 211, 153, .14);--color-warning: #fbbf24;--color-danger: #f87171;--color-danger-muted: rgba(248, 113, 113, .14);--color-info: #60a5fa;--gradient-app-bg: radial-gradient(ellipse 90% 60% at 50% -30%, var(--color-primary-subtle), transparent 70%), radial-gradient(ellipse 50% 40% at 100% 0%, rgba(251, 146, 60, .05), transparent 60%), var(--color-bg);--gradient-card-shine: linear-gradient(135deg, rgba(255, 255, 255, .04) 0%, transparent 50%);--gradient-primary: linear-gradient(135deg, #2dd4bf 0%, #34d399 100%);--gradient-progress: linear-gradient(90deg, #2dd4bf 0%, #34d399 100%);--gradient-achievement: linear-gradient(135deg, #fb923c 0%, #f472b6 100%);--shadow-glow-primary: 0 0 24px rgba(45, 212, 191, .25);--shadow-glow-accent: 0 0 20px rgba(251, 146, 60, .2);--shadow-card: 0 4px 24px rgba(0, 0, 0, .35);--orb-primary: rgba(45, 212, 191, .35);--orb-accent: rgba(251, 146, 60, .22);--glass-tint: rgba(45, 212, 191, .07)}[data-theme=electric-pulse]{--color-bg: #0a0e17;--color-bg-elevated: #121826;--color-surface: #1a2235;--color-surface-hover: #222d45;--color-overlay: #2a3654;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .14);--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-inverse: #0a0e17;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-muted: rgba(59, 130, 246, .16);--color-primary-subtle: rgba(59, 130, 246, .09);--color-accent: #f43f5e;--color-accent-hover: #e11d48;--color-accent-muted: rgba(244, 63, 94, .14);--color-success: #34d399;--color-success-muted: rgba(52, 211, 153, .14);--color-warning: #fbbf24;--color-danger: #f87171;--color-danger-muted: rgba(248, 113, 113, .14);--color-info: #60a5fa;--gradient-app-bg: radial-gradient(ellipse 85% 55% at 50% -25%, var(--color-primary-subtle), transparent 70%), radial-gradient(ellipse 45% 35% at 100% 10%, rgba(244, 63, 94, .07), transparent 60%), var(--color-bg);--gradient-card-shine: linear-gradient(135deg, rgba(255, 255, 255, .05) 0%, transparent 50%);--gradient-primary: linear-gradient(135deg, #3b82f6 0%, #6366f1 100%);--gradient-progress: linear-gradient(90deg, #3b82f6 0%, #6366f1 100%);--gradient-achievement: linear-gradient(135deg, #f43f5e 0%, #fb923c 100%);--shadow-glow-primary: 0 0 28px rgba(59, 130, 246, .35);--shadow-glow-accent: 0 0 22px rgba(244, 63, 94, .25);--shadow-card: 0 4px 28px rgba(0, 0, 0, .4);--orb-primary: rgba(59, 130, 246, .4);--orb-accent: rgba(244, 63, 94, .28);--glass-tint: rgba(59, 130, 246, .08)}[data-theme=forest-recovery]{--color-bg: #0a100e;--color-bg-elevated: #111916;--color-surface: #182420;--color-surface-hover: #1f2e28;--color-overlay: #263832;--color-border: rgba(255, 255, 255, .08);--color-border-strong: rgba(255, 255, 255, .14);--color-text: #ecfdf5;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-text-inverse: #0a100e;--color-primary: #10b981;--color-primary-hover: #059669;--color-primary-muted: rgba(16, 185, 129, .16);--color-primary-subtle: rgba(16, 185, 129, .09);--color-accent: #8b5cf6;--color-accent-hover: #7c3aed;--color-accent-muted: rgba(139, 92, 246, .14);--color-success: #34d399;--color-success-muted: rgba(52, 211, 153, .14);--color-warning: #fbbf24;--color-danger: #f87171;--color-danger-muted: rgba(248, 113, 113, .14);--color-info: #60a5fa;--gradient-app-bg: radial-gradient(ellipse 90% 60% at 50% -30%, var(--color-primary-subtle), transparent 70%), radial-gradient(ellipse 50% 40% at 0% 20%, rgba(139, 92, 246, .06), transparent 60%), var(--color-bg);--gradient-card-shine: linear-gradient(135deg, rgba(255, 255, 255, .04) 0%, transparent 50%);--gradient-primary: linear-gradient(135deg, #10b981 0%, #34d399 100%);--gradient-progress: linear-gradient(90deg, #10b981 0%, #6ee7b7 100%);--gradient-achievement: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);--shadow-glow-primary: 0 0 24px rgba(16, 185, 129, .3);--shadow-glow-accent: 0 0 20px rgba(139, 92, 246, .25);--shadow-card: 0 4px 24px rgba(0, 0, 0, .35);--orb-primary: rgba(16, 185, 129, .32);--orb-accent: rgba(139, 92, 246, .22);--glass-tint: rgba(16, 185, 129, .07)}[data-theme=neon-pulse]{--color-bg: #050508;--color-bg-elevated: #0c0c14;--color-surface: #12121c;--color-surface-hover: #1a1a28;--color-overlay: #222233;--color-border: rgba(255, 255, 255, .06);--color-border-strong: rgba(0, 255, 170, .22);--color-text: #ffffff;--color-text-secondary: #a8b0c8;--color-text-muted: #6b7280;--color-text-inverse: #050508;--color-primary: #00ffaa;--color-primary-hover: #00e696;--color-primary-muted: rgba(0, 255, 170, .18);--color-primary-subtle: rgba(0, 255, 170, .1);--color-accent: #ff2d95;--color-accent-hover: #e6007a;--color-accent-muted: rgba(255, 45, 149, .18);--color-accent-warm: #ff8800;--color-success: #00ff88;--color-success-muted: rgba(0, 255, 136, .15);--color-warning: #ffaa00;--color-danger: #ff4466;--color-danger-muted: rgba(255, 68, 102, .15);--color-info: #00e5ff;--gradient-app-bg: radial-gradient(ellipse 70% 50% at 80% 0%, rgba(0, 255, 170, .12), transparent 55%), radial-gradient(ellipse 50% 40% at 10% 90%, rgba(255, 45, 149, .1), transparent 50%), radial-gradient(ellipse 40% 30% at 50% 50%, rgba(0, 229, 255, .04), transparent 60%), var(--color-bg);--gradient-card-shine: linear-gradient( 160deg, rgba(0, 255, 170, .08) 0%, transparent 35%, rgba(255, 45, 149, .04) 100% );--gradient-primary: linear-gradient(135deg, #00ffaa 0%, #00e5ff 50%, #00ffaa 100%);--gradient-progress: linear-gradient(90deg, #00ffaa 0%, #00e5ff 100%);--gradient-achievement: linear-gradient(135deg, #ff8800 0%, #ff2d95 100%);--shadow-glow-primary: 0 0 20px rgba(0, 255, 170, .5), 0 0 50px rgba(0, 255, 170, .2);--shadow-glow-accent: 0 0 20px rgba(255, 45, 149, .45), 0 0 40px rgba(255, 45, 149, .15);--shadow-card: 0 8px 40px rgba(0, 0, 0, .6), 0 0 1px rgba(0, 255, 170, .3);--orb-primary: rgba(0, 255, 170, .55);--orb-accent: rgba(255, 45, 149, .45);--orb-tertiary: rgba(0, 229, 255, .35);--logo-glow: drop-shadow(0 0 16px rgba(0, 255, 170, .9)) drop-shadow(0 0 32px rgba(0, 229, 255, .45));--rim-light: inset 0 1px 0 rgba(255, 255, 255, .12);--neon-card-rim: linear-gradient( 90deg, transparent, rgba(0, 255, 170, .6) 30%, rgba(0, 229, 255, .8) 50%, rgba(255, 45, 149, .5) 70%, transparent );--gradient-stats-primary: linear-gradient(135deg, #00ffaa, #00e5ff);--gradient-stats-accent: linear-gradient(135deg, #ff8800, #ff2d95);--glass-tint: rgba(0, 255, 170, .08);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(0, 255, 170, .12)}[data-theme=neon-crimson]{--color-bg: #080506;--color-bg-elevated: #12080c;--color-surface: #1a0e14;--color-surface-hover: #241018;--color-overlay: #2e1420;--color-border: rgba(255, 255, 255, .06);--color-border-strong: rgba(255, 51, 85, .25);--color-text: #ffffff;--color-text-secondary: #c8a8b0;--color-text-muted: #8a6470;--color-text-inverse: #080506;--color-primary: #ff3355;--color-primary-hover: #ff1a44;--color-primary-muted: rgba(255, 51, 85, .2);--color-primary-subtle: rgba(255, 51, 85, .1);--color-accent: #ff8800;--color-accent-hover: #ff7700;--color-accent-muted: rgba(255, 136, 0, .18);--color-accent-warm: #ffaa00;--color-success: #00ff88;--color-success-muted: rgba(0, 255, 136, .15);--color-warning: #ffaa00;--color-danger: #ff1144;--color-danger-muted: rgba(255, 17, 68, .15);--color-info: #ff6688;--gradient-app-bg: radial-gradient(ellipse 70% 50% at 80% 0%, rgba(255, 51, 85, .14), transparent 55%), radial-gradient(ellipse 50% 40% at 10% 90%, rgba(255, 136, 0, .1), transparent 50%), radial-gradient(ellipse 40% 30% at 50% 50%, rgba(255, 45, 149, .05), transparent 60%), var(--color-bg);--gradient-card-shine: linear-gradient( 160deg, rgba(255, 51, 85, .1) 0%, transparent 35%, rgba(255, 136, 0, .05) 100% );--gradient-primary: linear-gradient(135deg, #ff3355 0%, #ff6600 50%, #ff3355 100%);--gradient-progress: linear-gradient(90deg, #ff3355 0%, #ff8800 100%);--gradient-achievement: linear-gradient(135deg, #ff8800 0%, #ff2d95 100%);--shadow-glow-primary: 0 0 20px rgba(255, 51, 85, .55), 0 0 50px rgba(255, 51, 85, .22);--shadow-glow-accent: 0 0 20px rgba(255, 136, 0, .45), 0 0 40px rgba(255, 136, 0, .15);--shadow-card: 0 8px 40px rgba(0, 0, 0, .6), 0 0 1px rgba(255, 51, 85, .35);--orb-primary: rgba(255, 51, 85, .55);--orb-accent: rgba(255, 136, 0, .45);--orb-tertiary: rgba(255, 45, 149, .32);--logo-glow: drop-shadow(0 0 16px rgba(255, 51, 85, .9)) drop-shadow(0 0 32px rgba(255, 136, 0, .45));--rim-light: inset 0 1px 0 rgba(255, 255, 255, .12);--neon-card-rim: linear-gradient( 90deg, transparent, rgba(255, 51, 85, .65) 30%, rgba(255, 136, 0, .85) 50%, rgba(255, 45, 149, .5) 70%, transparent );--gradient-stats-primary: linear-gradient(135deg, #ff3355, #ff8800);--gradient-stats-accent: linear-gradient(135deg, #ff8800, #ff2d95);--glass-tint: rgba(255, 51, 85, .08);--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 51, 85, .14)}:root{--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.02em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--touch-target: 48px;--header-height: 56px;--bottom-nav-height: 64px;--content-max-width: 480px;--content-max-width-desktop: 1280px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--radius: var(--radius-md);--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .15s;--duration-normal: .25s;--glass-blur: 28px;--glass-saturate: 165%;--glass-bg: rgba(255, 255, 255, .06);--glass-bg-input: rgba(255, 255, 255, .035);--glass-border: rgba(255, 255, 255, .14);--glass-shadow: 0 8px 40px rgba(0, 0, 0, .32), inset 0 1px 0 rgba(255, 255, 255, .16), inset 0 -1px 0 rgba(0, 0, 0, .1);--glass-highlight: linear-gradient( 165deg, rgba(255, 255, 255, .16) 0%, rgba(255, 255, 255, .04) 35%, transparent 55% );--glass-edge: linear-gradient( 90deg, transparent 0%, rgba(255, 255, 255, .38) 48%, rgba(255, 255, 255, .1) 52%, transparent 100% );--glass-tint: rgba(255, 255, 255, .03)}.glass{background:linear-gradient(145deg,var(--glass-tint) 0%,transparent 52%),var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-highlight);pointer-events:none}.glass:after{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:var(--glass-edge);pointer-events:none}.glass>*{position:relative;z-index:1}.glass--panel{border-radius:var(--radius-xl)}.glass--bar{border-radius:0;border-left:none;border-right:none;border-top:none}.glass--pill{border-radius:var(--radius-full)}.glass--pill:after{left:15%;right:15%}.glass-input{background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,transparent 45%),var(--glass-bg-input);backdrop-filter:blur(14px) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(14px) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000001f}.glass-input:focus{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--glass-border));box-shadow:inset 0 1px #ffffff1f,0 0 0 3px var(--color-primary-muted)}@media(prefers-reduced-transparency:reduce){.glass,.glass-input,.card,.auth-card,.auth-field__input,.auth-pin__cell{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--color-surface)}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--color-bg)}body{margin:0;min-height:100dvh;min-height:100svh;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text);background:var(--gradient-app-bg);background-color:var(--color-bg);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh;min-height:100svh}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--color-primary-muted);color:var(--color-text)}.card{padding:var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--glass-tint) 0%,transparent 52%),var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-highlight);pointer-events:none}.card:after{content:"";position:absolute;top:0;left:8%;right:8%;height:1px;background:var(--glass-edge);pointer-events:none}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-gradient-primary{background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:var(--touch-target);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-inverse);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.btn-primary:hover{box-shadow:var(--shadow-glow-primary);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full)}.badge-success{background:var(--color-success-muted);color:var(--color-success)}.badge-danger{background:var(--color-danger-muted);color:var(--color-danger)}.badge-primary{background:var(--color-primary-muted);color:var(--color-primary)}.badge-accent{background:var(--color-accent-muted);color:var(--color-accent)}.auth-screen{position:relative;min-height:100dvh;min-height:100svh;display:flex;flex-direction:column;overflow-x:hidden;overflow-y:auto;background:transparent}.auth-screen__bg{position:fixed;z-index:0;pointer-events:none;top:calc(-1 * var(--safe-top));right:calc(-1 * var(--safe-right));bottom:calc(-1 * var(--safe-bottom));left:calc(-1 * var(--safe-left));background:var(--gradient-app-bg);background-color:var(--color-bg)}.auth-screen__orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;animation:auth-float 12s ease-in-out infinite}.auth-screen__orb--primary{width:min(420px,90vw);height:min(420px,90vw);top:-12%;right:-20%;background:radial-gradient(circle,var(--orb-primary, rgba(45, 212, 191, .35)) 0%,transparent 70%)}.auth-screen__orb--accent{width:min(320px,70vw);height:min(320px,70vw);bottom:5%;left:-15%;background:radial-gradient(circle,var(--orb-accent, rgba(251, 146, 60, .22)) 0%,transparent 70%);animation-delay:-4s}.auth-screen__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 85%);mask-image:linear-gradient(to bottom,black 0%,transparent 85%);opacity:.5}@keyframes auth-float{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-12px,16px) scale(1.05)}}.auth-screen__content{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center;padding:max(var(--space-5),var(--safe-top)) max(var(--space-4),var(--safe-right)) max(var(--space-5),var(--safe-bottom)) max(var(--space-4),var(--safe-left));max-width:var(--content-max-width);width:100%;margin:0 auto}.auth-screen__role{position:absolute;top:max(var(--space-4),var(--safe-top));right:max(var(--space-4),var(--safe-right));z-index:2;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);background:linear-gradient(145deg,var(--glass-tint) 0%,transparent 60%),var(--color-primary-muted);backdrop-filter:blur(12px) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(12px) saturate(var(--glass-saturate));border:1px solid color-mix(in srgb,var(--color-primary) 28%,var(--glass-border));border-radius:var(--radius-full);box-shadow:inset 0 1px #ffffff1f}.auth-brand{margin-bottom:var(--space-5);padding-right:4.75rem}.auth-brand__row{display:flex;align-items:center;gap:var(--space-3)}.auth-brand__text{min-width:0;text-align:left}.auth-brand__logo{display:inline-flex;flex-shrink:0;filter:var(--logo-glow, drop-shadow(0 0 24px rgba(45, 212, 191, .35)))}.auth-brand__name{margin:0;font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-brand__tagline{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-text-secondary);line-height:var(--leading-normal);white-space:pre-line}.auth-brand__role{display:inline-block;margin-top:var(--space-3);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);background:linear-gradient(145deg,var(--glass-tint) 0%,transparent 60%),var(--color-primary-muted);backdrop-filter:blur(12px) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(12px) saturate(var(--glass-saturate));border:1px solid color-mix(in srgb,var(--color-primary) 28%,var(--glass-border));border-radius:var(--radius-full);box-shadow:inset 0 1px #ffffff1f}.auth-card{background:linear-gradient(145deg,var(--glass-tint) 0%,transparent 48%),var(--glass-bg);backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--glass-shadow);position:relative;overflow:hidden}.auth-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--glass-highlight);pointer-events:none}.auth-card:after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:var(--glass-edge);pointer-events:none}.auth-card>*{position:relative;z-index:1}.auth-card__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-tight)}.auth-card__subtitle{margin:var(--space-1) 0 var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted)}.auth-field{margin-bottom:var(--space-4)}.auth-field--pin{margin-bottom:var(--space-3)}.auth-field__label{display:block;margin-bottom:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary)}.auth-field__input{width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);letter-spacing:.02em;color:var(--color-text);background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,transparent 45%),var(--glass-bg-input);backdrop-filter:blur(14px) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(14px) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000001f;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.auth-field__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted)}.auth-field__input::placeholder{color:var(--color-text-muted);font-weight:var(--font-normal)}.auth-field__input--phone{caret-color:transparent}.auth-pin{display:flex;gap:var(--space-2);justify-content:center}.auth-pin__cell{width:40px;height:46px;text-align:center;font-family:var(--font-mono);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text);background:linear-gradient(180deg,rgba(255,255,255,.07) 0%,transparent 45%),var(--glass-bg-input);backdrop-filter:blur(14px) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(14px) saturate(var(--glass-saturate));border:1px solid var(--glass-border);border-radius:var(--radius-md);box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0000001f;transition:border-color var(--duration-fast),box-shadow var(--duration-fast),transform var(--duration-fast);caret-color:transparent;-webkit-text-security:disc;text-security:disc}.auth-pin__cell--inactive{pointer-events:none}.auth-pin__cell--active{pointer-events:auto}.auth-pin__cell:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted);transform:translateY(-2px)}.auth-pin__cell--filled{border-color:#2dd4bf59;background:var(--color-primary-subtle)}.auth-error{margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--color-danger);background:var(--color-danger-muted);border-radius:var(--radius-md);border:1px solid rgba(248,113,113,.25)}.auth-submit{width:100%;min-height:var(--touch-target);margin-top:0;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-inverse);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),opacity var(--duration-fast)}.auth-submit:hover:not(:disabled){box-shadow:var(--shadow-glow-primary);transform:translateY(-1px)}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit:disabled{opacity:.55;cursor:not-allowed}.auth-switch{margin-top:var(--space-4);text-align:center;font-size:var(--text-sm);color:var(--color-text-muted)}.auth-switch__link{background:none;border:none;padding:0;margin-left:var(--space-1);font-family:inherit;font-size:inherit;font-weight:var(--font-semibold);color:var(--color-primary);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.auth-switch__link:hover{color:var(--color-primary-hover)}.auth-hint{margin-top:var(--space-4);text-align:center;font-size:var(--text-xs);color:var(--color-text-muted)}.auth-stats{display:flex;justify-content:center;gap:var(--space-6);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--glass-border)}.auth-stats--inline{align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--glass-border);font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:nowrap;overflow:hidden}.auth-stats__chip{display:inline-flex;align-items:baseline;gap:.35em;min-width:0;white-space:nowrap}.auth-stats__sep{flex-shrink:0;opacity:.45}.auth-stats__item{text-align:center}.auth-stats__value{font-size:var(--text-sm);font-weight:var(--font-bold);background:var(--gradient-achievement);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-stats--inline .auth-stats__value{display:inline;font-size:inherit}.auth-stats__label{font-size:inherit;color:inherit;margin-top:0}.auth-stats:not(.auth-stats--inline) .auth-stats__value{display:block;font-size:var(--text-lg)}.auth-stats:not(.auth-stats--inline) .auth-stats__label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1)}[data-theme^=neon-] .auth-screen__orb{filter:blur(100px);opacity:.75}[data-theme^=neon-] .auth-screen__orb--primary{width:min(500px,110vw);height:min(500px,110vw)}[data-theme^=neon-] .auth-screen__orb--accent{width:min(380px,85vw);height:min(380px,85vw)}[data-theme^=neon-] .auth-screen__bg:after{content:"";position:absolute;width:min(280px,60vw);height:min(280px,60vw);top:40%;left:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,var(--orb-tertiary, rgba(0, 229, 255, .35)) 0%,transparent 70%);filter:blur(60px);opacity:.6;animation:auth-float 15s ease-in-out infinite reverse}[data-theme^=neon-] .auth-screen__grid{background-image:linear-gradient(color-mix(in srgb,var(--color-primary) 4%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-primary) 4%,transparent) 1px,transparent 1px);opacity:.7}[data-theme^=neon-] .auth-brand__logo{filter:var(--logo-glow)}[data-theme^=neon-] .auth-brand__name{text-shadow:0 0 30px color-mix(in srgb,var(--color-primary) 35%,transparent)}[data-theme^=neon-] .auth-screen__role{color:var(--color-accent);background:var(--color-accent-muted);border-color:color-mix(in srgb,var(--color-accent) 35%,transparent);box-shadow:0 0 16px color-mix(in srgb,var(--color-accent) 25%,transparent)}[data-theme^=neon-] .auth-card{background:linear-gradient(165deg,#12121cf2,#08080efa);border:1px solid color-mix(in srgb,var(--color-primary) 20%,transparent);box-shadow:var(--shadow-card),var(--shadow-glow-primary),var(--rim-light)}[data-theme=neon-crimson] .auth-card{background:linear-gradient(165deg,#1a0e14f2,#080506fa)}[data-theme^=neon-] .auth-card:after{content:"";position:absolute;top:0;left:10%;right:10%;height:1px;background:var(--neon-card-rim);pointer-events:none}[data-theme^=neon-] .auth-card__title{text-shadow:0 0 20px rgba(255,255,255,.15)}[data-theme^=neon-] .auth-field__input{background:linear-gradient(180deg,#08080ee6,#12121cf2);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 2px 8px #00000080,0 0 0 1px #0000004d}[data-theme^=neon-] .auth-field__input:focus{border-color:var(--color-primary);box-shadow:inset 0 2px 8px #0006,0 0 0 2px var(--color-primary-muted),0 0 24px color-mix(in srgb,var(--color-primary) 25%,transparent)}[data-theme^=neon-] .auth-pin__cell{background:linear-gradient(180deg,#08080ef2,#10101afa);box-shadow:inset 0 2px 6px #00000073}[data-theme^=neon-] .auth-pin__cell:focus{box-shadow:inset 0 2px 6px #00000059,0 0 0 2px var(--color-primary-muted),0 0 20px color-mix(in srgb,var(--color-primary) 35%,transparent);transform:translateY(-3px) scale(1.02)}[data-theme^=neon-] .auth-pin__cell--filled{border-color:var(--color-primary);background:var(--color-primary-muted);box-shadow:inset 0 0 12px color-mix(in srgb,var(--color-primary) 15%,transparent),0 0 16px color-mix(in srgb,var(--color-primary) 30%,transparent);color:var(--color-primary)}[data-theme^=neon-] .auth-submit{background:var(--gradient-primary);background-size:200% 200%;animation:neon-btn-shimmer 4s ease infinite;box-shadow:var(--shadow-glow-primary),var(--rim-light);text-shadow:0 1px 2px rgba(0,0,0,.3);border:1px solid color-mix(in srgb,var(--color-primary) 30%,transparent)}[data-theme^=neon-] .auth-submit:hover:not(:disabled){box-shadow:0 0 30px color-mix(in srgb,var(--color-primary) 60%,transparent),0 0 60px color-mix(in srgb,var(--color-primary) 25%,transparent),var(--rim-light);transform:translateY(-2px) scale(1.01)}@keyframes neon-btn-shimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}[data-theme^=neon-] .auth-stats{border-top-color:color-mix(in srgb,var(--color-primary) 12%,transparent)}[data-theme^=neon-] .auth-stats__value{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--color-accent) 40%,transparent))}[data-theme^=neon-] .auth-stats__chip:first-child .auth-stats__value{background:var(--gradient-stats-primary);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--color-primary) 50%,transparent))}[data-theme^=neon-] .auth-stats__chip:last-child .auth-stats__value{background:var(--gradient-stats-accent);-webkit-background-clip:text;background-clip:text}[data-theme^=neon-] .auth-error{border-color:color-mix(in srgb,var(--color-danger) 40%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--color-danger) 15%,transparent)}[data-theme^=neon-] .theme-preview__item--selected{box-shadow:var(--shadow-glow-primary),var(--shadow-glow-accent)}[data-theme^=neon-] .theme-preview__header{background:#050508eb}[data-theme=neon-crimson] .theme-preview__header{background:#080506eb}[data-theme^=neon-] .theme-preview__select{box-shadow:var(--shadow-glow-primary),var(--rim-light);border:1px solid color-mix(in srgb,var(--color-primary) 25%,transparent)}[data-theme^=neon-] .theme-preview__select:hover{box-shadow:0 0 28px color-mix(in srgb,var(--color-primary) 55%,transparent),var(--rim-light)}.theme-preview{min-height:100dvh;background:var(--color-bg);color:var(--color-text)}.theme-preview__header{position:sticky;top:0;z-index:10;padding:var(--space-4) var(--space-5);text-align:center;background:linear-gradient(145deg,var(--glass-tint) 0%,transparent 50%),color-mix(in srgb,var(--glass-bg) 90%,var(--color-bg));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-saturate));border-bottom:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff14}.theme-preview__header h1{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold)}.theme-preview__header p{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.theme-preview__list{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-6) var(--space-4) var(--space-8);max-width:420px;margin:0 auto}.theme-preview__item{border-radius:var(--radius-xl);overflow:hidden;border:2px solid var(--color-border);transition:border-color var(--duration-normal)}.theme-preview__item--selected{border-color:var(--color-primary);box-shadow:var(--shadow-glow-primary)}.theme-preview__meta{padding:var(--space-4) var(--space-5);background:linear-gradient(145deg,var(--glass-tint) 0%,transparent 55%),var(--glass-bg);backdrop-filter:blur(16px) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));border-bottom:1px solid var(--glass-border)}.theme-preview__name{margin:0;font-size:var(--text-base);font-weight:var(--font-bold)}.theme-preview__tagline{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-secondary)}.theme-preview__vibe{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.theme-preview__swatches{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.theme-preview__swatch{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid rgba(255,255,255,.15)}.theme-preview__frame{position:relative;min-height:420px;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.theme-preview__frame .auth-screen{min-height:420px;transform:scale(.92);transform-origin:top center}.theme-preview__actions{padding:var(--space-4) var(--space-5);background:linear-gradient(145deg,var(--glass-tint) 0%,transparent 55%),var(--glass-bg);backdrop-filter:blur(16px) saturate(var(--glass-saturate));-webkit-backdrop-filter:blur(16px) saturate(var(--glass-saturate));border-top:1px solid var(--glass-border)}.theme-preview__select{width:100%;min-height:44px;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-inverse);background:var(--gradient-primary);border:none;border-radius:var(--radius-md);cursor:pointer}.theme-preview__select:hover{box-shadow:var(--shadow-glow-primary)}.theme-preview__back{display:block;width:100%;margin-top:var(--space-6);padding:var(--space-3);font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text-muted);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.theme-preview__current{display:inline-block;margin-top:var(--space-2);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-primary-muted);border-radius:var(--radius-full)}.pwa-install{position:fixed;z-index:90;left:max(var(--space-4),var(--safe-left));right:max(var(--space-4),var(--safe-right));bottom:max(var(--space-4),var(--safe-bottom));animation:pwa-install-in .45s cubic-bezier(.22,1,.36,1)}.pwa-install__card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-surface) 88%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 12px 40px #00000059}.pwa-install__head{display:flex;align-items:flex-start;gap:var(--space-3)}.pwa-install__icon{flex-shrink:0;width:44px;height:44px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg)}.pwa-install__title{margin:0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text);line-height:1.35}.pwa-install__text{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.45}.pwa-install__actions{display:flex;gap:var(--space-2)}.pwa-install__btn{flex:1;min-height:40px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;border:1px solid transparent}.pwa-install__btn--primary{color:var(--color-bg);background:linear-gradient(135deg,var(--color-primary),var(--color-accent, var(--color-primary)));border-color:color-mix(in srgb,var(--color-primary) 40%,transparent)}.pwa-install__btn--ghost{color:var(--color-text-muted);background:transparent;border-color:var(--color-border)}@keyframes pwa-install-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}