:root{--color-bg: #F8FAFC;--color-bg-primary: #F8FAFC;--color-card: #FFFFFF;--color-card-hover: #F1F5F9;--color-input-bg: #FFFFFF;--color-input-border: #E2E8F0;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-labels: #94A3B8;--color-border: #E2E8F0;--color-blue: #2563EB;--color-purple: #7C3AED;--color-red: #EF4444;--color-red-dark: #DC2626;--color-header-bg: rgba(255, 255, 255, .88);--color-header-border: rgba(226, 232, 240, .7);--color-footer-bg: #0F172A;--color-footer-text: #CBD5E1;--color-icon-bg: #EFF6FF;--color-success: #15803D;--color-error: #B91C1C;--surface-color: var(--color-card);--text-color: var(--color-text-primary);--text-muted: var(--color-text-muted);--border-color: var(--color-border);--primary-color: var(--color-blue);--font-primary: "Inter", system-ui, sans-serif}[data-theme=dark],body.dark-mode{--color-bg: #0B0F19;--color-bg-primary: #0B0F19;--color-card: #111827;--color-card-hover: #1F2937;--color-input-bg: #111827;--color-input-border: #374151;--color-text-primary: #F9FAFB;--color-text-secondary: #E5E7EB;--color-text-muted: #9CA3AF;--color-labels: #6B7280;--color-border: #1F2937;--color-icon-bg: rgba(37, 99, 235, .15);--color-header-bg: rgba(11, 15, 25, .92);--color-header-border: rgba(31, 41, 55, .7);--color-footer-bg: #0B0F19;--color-footer-text: #9CA3AF;--surface-color: var(--color-card);--text-color: var(--color-text-primary);--text-muted: var(--color-text-muted);--border-color: var(--color-border);--primary-color: var(--color-blue)}:root{--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--radius-none: 0px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .07), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .12);--shadow-float: 0 8px 30px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--shadow-glass: 0 8px 32px rgba(0, 0, 0, .06);--duration-fast: .1s;--duration-base: .18s;--duration-slow: .28s;--duration-slower: .4s;--duration-page: .32s;--ease-base: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-spring: cubic-bezier(.175, .885, .32, 1.275);--transition-base: var(--duration-base) var(--ease-base);--transition-fast: var(--duration-fast) var(--ease-base);--transition-slow: var(--duration-slow) var(--ease-base);--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-nav: 300;--z-drawer: 400;--z-modal-bg: 500;--z-modal: 600;--z-toast: 700;--z-tooltip: 800;--z-top: 9999;--breakpoint-sm: 375px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1440px;--nav-bottom-height: 64px;--nav-top-height: 56px;--sidebar-width: 240px;--sidebar-collapsed: 64px;--touch-target: 44px;--max-content-width: 1280px;--text-xs: clamp(.6875rem, .65rem + .25vw, .75rem);--text-sm: clamp(.8125rem, .775rem + .25vw, .875rem);--text-base: clamp(.9375rem, .9rem + .25vw, 1rem);--text-md: clamp(1.0625rem, 1.025rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1.075rem + .35vw, 1.25rem);--text-xl: clamp(1.25rem, 1.175rem + .5vw, 1.5rem);--text-2xl: clamp(1.5rem, 1.375rem + .75vw, 1.875rem);--text-3xl: clamp(1.875rem, 1.625rem + 1.25vw, 2.25rem);--text-4xl: clamp(2.25rem, 1.75rem + 2vw, 3rem);--leading-tight: 1.25;--leading-snug: 1.375;--leading-base: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--weight-light: 300;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-ui: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--icon-xs: 12px;--icon-sm: 16px;--icon-md: 20px;--icon-lg: 24px;--icon-xl: 32px;--icon-2xl: 40px}:root{--font-editorial: var(--font-display);--tracking-wide: .025em;--transition-normal: var(--transition-base);--color-surface-elevated: var(--color-elevated-card);--color-surface-subtle: var(--color-surface-alt);--color-border-subtle: var(--color-border);--color-border-strong: var(--color-border-input);--color-text-tertiary: var(--color-text-muted);--glass-bg: var(--color-glass-bg);--glass-border: var(--color-glass-border);--glass-blur: blur(16px);--glass-shadow: var(--shadow-glass)}:root,[data-theme=light]{--color-canvas: #FAF9F6;--color-surface: #FFFFFF;--color-surface-hover: #F5F4F0;--color-surface-alt: #F0EEE9;--color-surface-inset: #ECEAE4;--color-elevated: #FFFFFF;--color-elevated-card: #FFFFFF;--color-on-solid: #FFFFFF;--shadow-elevated: 0 8px 30px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--color-glass-bg: rgba(255, 255, 255, .86);--color-glass-border: rgba(229, 231, 235, .8);--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-border-focus: #2563EB;--color-border-input: #D1D5DB;--color-text-primary: #111827;--color-text-secondary: #4B5563;--color-text-muted: #6B7280;--color-text-disabled: #9CA3AF;--color-text-inverse: #FFFFFF;--color-text-brand: #2563EB;--color-brand-primary: #2563EB;--color-brand-primary-hover: #1D4ED8;--color-brand-primary-active: #1E40AF;--color-brand-primary-light: #EFF6FF;--color-brand-primary-text: #1E40AF;--color-gold: #B45309;--color-gold-hover: #92400E;--color-gold-light: #FEF3C7;--color-gold-text: #92400E;--color-success: #059669;--color-success-hover: #047857;--color-success-light: #ECFDF5;--color-success-text: #065F46;--color-warning: #D97706;--color-warning-hover: #B45309;--color-warning-light: #FFFBEB;--color-warning-text: #92400E;--color-danger: #DC2626;--color-danger-hover: #B91C1C;--color-danger-light: #FEF2F2;--color-danger-text: #991B1B;--color-info: #2563EB;--color-info-light: #EFF6FF;--color-info-text: #1E40AF;--color-nav-bg: rgba(250, 249, 246, .92);--color-nav-border: rgba(229, 231, 235, .7);--color-nav-item: #6B7280;--color-nav-item-active: #2563EB;--color-input-bg: #FFFFFF;--color-input-border: #D1D5DB;--color-input-border-focus: #2563EB;--color-input-text: #111827;--color-input-placeholder: #9CA3AF;--color-input-disabled-bg: #F9FAFB;--color-skeleton-base: #F0EEE9;--color-skeleton-shimmer: #E8E6E1;--color-pin-default: #2563EB;--color-pin-selected: #1D4ED8;--color-pin-you: #059669;--color-pin-pulse: rgba(37, 99, 235, .25);--color-pin-text: #FFFFFF;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .06), 0 2px 4px -2px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .06), 0 4px 6px -4px rgba(0, 0, 0, .03);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .07), 0 8px 10px -6px rgba(0, 0, 0, .03);--shadow-float: 0 8px 30px rgba(0, 0, 0, .08), 0 2px 8px rgba(0, 0, 0, .04);--color-bg: var(--color-canvas);--color-bg-primary: var(--color-canvas);--color-card: var(--color-surface);--color-card-hover: var(--color-surface-hover);--color-input-bg-old: var(--color-input-bg);--surface-color: var(--color-surface);--text-color: var(--color-text-primary);--text-muted: var(--color-text-muted);--border-color: var(--color-border);--primary-color: var(--color-brand-primary);--color-blue: var(--color-brand-primary);--color-success-status: var(--color-success);--color-error: var(--color-danger);--color-red: var(--color-danger);--color-red-dark: var(--color-danger-hover);--color-purple: #7C3AED;--color-labels: var(--color-text-muted);--color-icon-bg: var(--color-brand-primary-light);--color-header-bg: var(--color-nav-bg);--color-header-border: var(--color-nav-border);--color-footer-bg: #0F172A;--color-footer-text: #CBD5E1;--color-text-on-dark: #F9FAFB}[data-theme=dark],body.dark-mode{--color-canvas: #080C14;--color-surface: #0F172A;--color-surface-hover: #1E293B;--color-surface-alt: #1E293B;--color-surface-inset: #0C1322;--color-elevated: #26334D;--color-elevated-card: #1E293B;--color-on-solid: #111827;--color-glass-bg: rgba(15, 23, 42, .88);--color-glass-border: rgba(255, 255, 255, .07);--shadow-xs: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 20px -4px rgba(0, 0, 0, .6), 0 4px 8px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 30px -8px rgba(0, 0, 0, .7), 0 8px 12px -6px rgba(0, 0, 0, .5);--shadow-float: 0 8px 32px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--shadow-elevated: 0 8px 32px rgba(0, 0, 0, .4);--color-border: #1F2937;--color-border-light: #111827;--color-border-focus: #3B82F6;--color-border-input: #374151;--color-text-primary: #F9FAFB;--color-text-secondary: #94A3B8;--color-text-muted: #94A3B8;--color-text-disabled: #4B5563;--color-text-inverse: #111827;--color-text-brand: #60A5FA;--color-brand-primary: #3B82F6;--color-brand-primary-hover: #60A5FA;--color-brand-primary-active: #93C5FD;--color-brand-primary-light: rgba(59, 130, 246, .12);--color-brand-primary-text: #93C5FD;--color-gold: #F59E0B;--color-gold-hover: #FBBF24;--color-gold-light: rgba(245, 158, 11, .12);--color-gold-text: #FDE68A;--color-success: #10B981;--color-success-hover: #34D399;--color-success-light: rgba(16, 185, 129, .12);--color-success-text: #6EE7B7;--color-warning: #F59E0B;--color-warning-hover: #FBBF24;--color-warning-light: rgba(245, 158, 11, .12);--color-warning-text: #FDE68A;--color-danger: #F87171;--color-danger-hover: #FCA5A5;--color-danger-light: rgba(248, 113, 113, .12);--color-danger-text: #FCA5A5;--color-info: #3B82F6;--color-info-light: rgba(59, 130, 246, .12);--color-info-text: #93C5FD;--color-nav-bg: rgba(8, 12, 20, .94);--color-nav-border: rgba(255, 255, 255, .06);--color-nav-item: #64748B;--color-nav-item-active: #3B82F6;--color-input-bg: #0C1322;--color-input-border: #374151;--color-input-border-focus: #3B82F6;--color-input-text: #F9FAFB;--color-input-placeholder: #6B7280;--color-input-disabled-bg: #111827;--color-skeleton-base: #1E293B;--color-skeleton-shimmer: #26334D;--color-pin-default: #3B82F6;--color-pin-selected: #60A5FA;--color-pin-you: #10B981;--color-pin-pulse: rgba(59, 130, 246, .3);--color-pin-text: #F9FAFB;--color-bg: var(--color-canvas);--color-bg-primary: var(--color-canvas);--color-card: var(--color-surface);--color-card-hover: var(--color-surface-hover);--surface-color: var(--color-surface);--text-color: var(--color-text-primary);--text-muted: var(--color-text-muted);--border-color: var(--color-border);--primary-color: var(--color-brand-primary);--color-blue: var(--color-brand-primary);--color-success-status: var(--color-success);--color-error: var(--color-danger);--color-red: var(--color-danger);--color-red-dark: var(--color-danger-hover);--color-purple: #A78BFA;--color-labels: var(--color-text-muted);--color-icon-bg: var(--color-brand-primary-light);--color-header-bg: var(--color-nav-bg);--color-header-border: var(--color-nav-border);--color-footer-bg: var(--color-canvas);--color-footer-text: #94A3B8;--color-text-secondary-old: #E5E7EB;--color-input-border-old: #374151}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-canvas: #080C14;--color-surface: #0F172A;--color-surface-hover: #1E293B;--color-surface-alt: #1E293B;--color-surface-inset: #0C1322;--color-elevated: #26334D;--color-elevated-card: #1E293B;--color-on-solid: #111827;--color-glass-bg: rgba(15, 23, 42, .88);--color-glass-border: rgba(255, 255, 255, .07);--shadow-xs: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 20px -4px rgba(0, 0, 0, .6), 0 4px 8px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 30px -8px rgba(0, 0, 0, .7), 0 8px 12px -6px rgba(0, 0, 0, .5);--shadow-float: 0 8px 32px rgba(0, 0, 0, .4), 0 2px 8px rgba(0, 0, 0, .3);--color-border: #1F2937;--color-border-light: #111827;--color-border-focus: #3B82F6;--color-border-input: #374151;--color-text-primary: #F9FAFB;--color-text-secondary: #94A3B8;--color-text-muted: #94A3B8;--color-text-disabled: #4B5563;--color-text-inverse: #111827;--color-text-brand: #60A5FA;--color-brand-primary: #3B82F6;--color-brand-primary-hover: #60A5FA;--color-brand-primary-active: #93C5FD;--color-brand-primary-light: rgba(59, 130, 246, .12);--color-brand-primary-text: #93C5FD;--color-gold: #F59E0B;--color-gold-light: rgba(245, 158, 11, .12);--color-gold-text: #FDE68A;--color-success: #10B981;--color-success-light: rgba(16, 185, 129, .12);--color-success-text: #6EE7B7;--color-warning: #F59E0B;--color-warning-light: rgba(245, 158, 11, .12);--color-warning-text: #FDE68A;--color-danger: #F87171;--color-danger-light: rgba(248, 113, 113, .12);--color-danger-text: #FCA5A5;--color-info: #3B82F6;--color-info-light: rgba(59, 130, 246, .12);--color-info-text: #93C5FD;--color-nav-bg: rgba(8, 12, 20, .94);--color-nav-border: rgba(255, 255, 255, .06);--color-nav-item: #64748B;--color-nav-item-active: #3B82F6;--color-input-bg: #0C1322;--color-input-border: #374151;--color-input-border-focus: #3B82F6;--color-input-text: #F9FAFB;--color-input-placeholder: #6B7280;--color-input-disabled-bg: #111827;--color-skeleton-base: #1E293B;--color-skeleton-shimmer: #26334D;--color-pin-default: #3B82F6;--color-pin-you: #10B981;--color-pin-pulse: rgba(59, 130, 246, .3);--color-pin-text: #F9FAFB;--color-bg: #080C14;--color-bg-primary: #080C14;--color-card: #0F172A;--color-card-hover: #1E293B;--surface-color: #0F172A;--text-color: #F9FAFB;--text-muted: #94A3B8;--border-color: #1F2937;--primary-color: #3B82F6;--color-blue: #3B82F6;--color-success-status: #10B981;--color-error: #F87171;--color-red: #F87171;--color-labels: #94A3B8;--color-icon-bg: rgba(59, 130, 246, .12);--color-header-bg: rgba(8, 12, 20, .94);--color-header-border: rgba(255, 255, 255, .06);--color-footer-bg: #080C14;--color-footer-text: #94A3B8}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);scrollbar-gutter:stable;font-size:100%}body{background-color:var(--color-canvas);color:var(--color-text-primary);font-family:var(--font-ui);font-size:var(--text-base);line-height:var(--leading-base);font-weight:var(--weight-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;width:100%;overflow-x:hidden;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}:root{--font-primary: var(--font-ui)}h1,h2,h3,h4,h5,h6{font-family:var(--font-ui);font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--color-text-primary)}.display,.editorial{font-family:var(--font-display);font-weight:var(--weight-bold)}p{line-height:var(--leading-relaxed)}a{color:var(--color-text-brand);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-brand-primary-hover)}a:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-xs)}input,select,textarea{background-color:var(--color-input-bg);color:var(--color-input-text);border:1px solid var(--color-input-border);font-family:var(--font-ui);font-size:var(--text-base);transition:border-color var(--transition-base),box-shadow var(--transition-base),background-color var(--transition-base)}input::placeholder,select::placeholder,textarea::placeholder{color:var(--color-input-placeholder)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-input-border-focus);box-shadow:0 0 0 3px #2563eb1f}input:disabled,select:disabled,textarea:disabled{background-color:var(--color-input-disabled-bg);color:var(--color-text-disabled);cursor:not-allowed;opacity:.7}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:var(--color-input-text)!important;caret-color:var(--color-input-text)!important;-webkit-box-shadow:0 0 0 1000px var(--color-input-bg) inset!important;transition:background-color 5000s ease-in-out 0s}app-root,main,form,fieldset{min-width:0}textarea{max-width:100%}select{background-color:var(--color-input-bg);color:var(--color-input-text)}select option{background-color:var(--color-surface);color:var(--color-text-primary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes at-skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes at-ping{75%,to{transform:scale(2.5);opacity:0}}@keyframes at-slide-up{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes at-fade-in{0%{opacity:0}to{opacity:1}}@keyframes at-scale-in{0%{opacity:0;transform:scale(.95) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-disabled)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}::selection{background-color:#2563eb2e}:focus{outline:none}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}img{display:block;max-width:100%;height:auto}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-top{padding-top:env(safe-area-inset-top,0)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}