*,*:before,*:after{box-sizing:border-box}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-background-primary);transition:color .15s ease-in-out,background-color .15s ease-in-out}:root{--color-brand-primary-50: #eff6ff;--color-brand-primary-100: #dbeafe;--color-brand-primary-200: #bfdbfe;--color-brand-primary-300: #93c5fd;--color-brand-primary-400: #60a5fa;--color-brand-primary-500: #3b82f6;--color-brand-primary-600: #2563eb;--color-brand-primary-700: #1d4ed8;--color-brand-primary-800: #1e40af;--color-brand-primary-900: #1e3a8a;--color-brand-primary-950: #172554;--color-neutral-50: #f8fafc;--color-neutral-100: #f1f5f9;--color-neutral-200: #e2e8f0;--color-neutral-300: #cbd5e1;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-900: #0f172a;--color-neutral-950: #020617;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-800: #166534;--color-success-900: #14532d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-200: #bfdbfe;--color-info-300: #93c5fd;--color-info-400: #60a5fa;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-info-800: #1e40af;--color-info-900: #1e3a8a;--color-text-primary: var(--color-neutral-900);--color-text-secondary: var(--color-neutral-600);--color-text-tertiary: var(--color-neutral-500);--color-text-disabled: var(--color-neutral-400);--color-text-inverse: var(--color-neutral-50);--color-text-link: var(--color-brand-primary-600);--color-text-link-hover: var(--color-brand-primary-700);--color-background-primary: #ffffff;--color-background-secondary: var(--color-neutral-50);--color-background-tertiary: var(--color-neutral-100);--color-background-inverse: var(--color-neutral-900);--color-surface-primary: #ffffff;--color-surface-secondary: var(--color-neutral-50);--color-surface-tertiary: var(--color-neutral-100);--color-surface-elevated: #ffffff;--color-surface-overlay: rgba(0, 0, 0, .5);--color-border-primary: var(--color-neutral-200);--color-border-secondary: var(--color-neutral-300);--color-border-interactive: var(--color-neutral-300);--color-border-focus: var(--color-brand-primary-500);--color-border-error: var(--color-error-500);--color-border-success: var(--color-success-500);--color-border-warning: var(--color-warning-500);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--font-family-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-family-mono: ui-monospace, SFMono-Regular, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-size-8xl: 6rem;--font-size-9xl: 8rem;--font-weight-thin: 100;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0em;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--border-radius-none: 0px;--border-radius-sm: .125rem;--border-radius-base: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-3xl: 1.5rem;--border-radius-full: 9999px;--border-width-0: 0px;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-base: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-none: 0 0 #0000;--duration-75: 75ms;--duration-100: .1s;--duration-150: .15s;--duration-200: .2s;--duration-300: .3s;--duration-500: .5s;--duration-700: .7s;--duration-1000: 1s;--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--z-index-0: 0;--z-index-10: 10;--z-index-20: 20;--z-index-30: 30;--z-index-40: 40;--z-index-50: 50}@media (prefers-color-scheme: dark){:root:not([data-theme]){--color-text-primary: var(--color-neutral-50);--color-text-secondary: var(--color-neutral-300);--color-text-tertiary: var(--color-neutral-400);--color-text-disabled: var(--color-neutral-500);--color-text-inverse: var(--color-neutral-900);--color-text-link: var(--color-brand-primary-400);--color-text-link-hover: var(--color-brand-primary-300);--color-background-primary: var(--color-neutral-900);--color-background-secondary: var(--color-neutral-800);--color-background-tertiary: var(--color-neutral-700);--color-background-inverse: var(--color-neutral-50);--color-surface-primary: var(--color-neutral-900);--color-surface-secondary: var(--color-neutral-800);--color-surface-tertiary: var(--color-neutral-700);--color-surface-elevated: var(--color-neutral-800);--color-surface-overlay: rgba(0, 0, 0, .8);--color-border-primary: var(--color-neutral-700);--color-border-secondary: var(--color-neutral-600);--color-border-interactive: var(--color-neutral-600)}}[data-color-scheme=dark]{--color-text-primary: var(--color-neutral-50);--color-text-secondary: var(--color-neutral-300);--color-text-tertiary: var(--color-neutral-400);--color-text-disabled: var(--color-neutral-500);--color-text-inverse: var(--color-neutral-900);--color-text-link: var(--color-brand-primary-400);--color-text-link-hover: var(--color-brand-primary-300);--color-background-primary: var(--color-neutral-900);--color-background-secondary: var(--color-neutral-800);--color-background-tertiary: var(--color-neutral-700);--color-background-inverse: var(--color-neutral-50);--color-surface-primary: var(--color-neutral-900);--color-surface-secondary: var(--color-neutral-800);--color-surface-tertiary: var(--color-neutral-700);--color-surface-elevated: var(--color-neutral-800);--color-surface-overlay: rgba(0, 0, 0, .8);--color-border-primary: var(--color-neutral-700);--color-border-secondary: var(--color-neutral-600);--color-border-interactive: var(--color-neutral-600)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}h3{font-size:var(--font-size-xl);line-height:var(--line-height-snug)}h4{font-size:var(--font-size-lg);line-height:var(--line-height-snug)}h5{font-size:var(--font-size-base);line-height:var(--line-height-normal)}h6{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}p{margin:0;color:var(--color-text-secondary)}a{color:var(--color-text-link);text-decoration:underline;text-underline-offset:2px;transition:color var(--duration-150) var(--ease-out)}a:hover{color:var(--color-text-link-hover)}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit}code{font-family:var(--font-family-mono);font-size:.875em}pre{font-family:var(--font-family-mono);overflow-x:auto}.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 (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--theme-contrast-ratio: .15;--theme-border-opacity: .2;--theme-surface-opacity: .05}[data-theme=warm]{--color-brand-primary-50: #f3f2f0;--color-brand-primary-100: #e7e6e4;--color-brand-primary-200: #d6d5d3;--color-brand-primary-300: #bfbdbc;--color-brand-primary-400: #9b9998;--color-brand-primary-500: #777674;--color-brand-primary-600: #535250;--color-brand-primary-700: #373534;--color-brand-primary-800: #21201e;--color-brand-primary-900: #161413;--color-brand-primary-950: #0e0c0b;--color-background-primary: var(--color-brand-primary-50);--color-background-secondary: var(--color-brand-primary-100);--color-background-tertiary: var(--color-brand-primary-200);--color-background-inverse: var(--color-brand-primary-950);--color-surface-primary: #ffffff;--color-surface-secondary: var(--color-brand-primary-50);--color-surface-tertiary: var(--color-brand-primary-100);--color-surface-elevated: #ffffff;--color-text-primary: var(--color-brand-primary-950);--color-text-secondary: var(--color-brand-primary-800);--color-text-tertiary: var(--color-brand-primary-700);--color-text-inverse: var(--color-brand-primary-50);--color-text-disabled: var(--color-brand-primary-300);--color-border-primary: var(--color-brand-primary-300);--color-border-secondary: var(--color-brand-primary-400);--color-border-interactive: var(--color-brand-primary-500);--color-border-focus: var(--color-brand-primary-600);--color-success-500: #6b8e5a;--color-warning-500: #8c7860;--color-error-500: #8a6660;--color-info-500: #65758c}[data-theme=cool]{--color-brand-primary-50: #f1f3f5;--color-brand-primary-100: #e4e6ea;--color-brand-primary-200: #d3d5da;--color-brand-primary-300: #bbbdc3;--color-brand-primary-400: #9698a0;--color-brand-primary-500: #71747e;--color-brand-primary-600: #4c4f5c;--color-brand-primary-700: #2e3240;--color-brand-primary-800: #181c2c;--color-brand-primary-900: #0c1020;--color-brand-primary-950: #040819;--color-background-primary: var(--color-brand-primary-50);--color-background-secondary: var(--color-brand-primary-100);--color-background-tertiary: var(--color-brand-primary-200);--color-background-inverse: var(--color-brand-primary-950);--color-surface-primary: #ffffff;--color-surface-secondary: var(--color-brand-primary-50);--color-surface-tertiary: var(--color-brand-primary-100);--color-surface-elevated: #ffffff;--color-text-primary: var(--color-brand-primary-950);--color-text-secondary: var(--color-brand-primary-800);--color-text-tertiary: var(--color-brand-primary-700);--color-text-inverse: var(--color-brand-primary-50);--color-text-disabled: var(--color-brand-primary-300);--color-border-primary: var(--color-brand-primary-300);--color-border-secondary: var(--color-brand-primary-400);--color-border-interactive: var(--color-brand-primary-500);--color-border-focus: var(--color-brand-primary-600);--color-success-500: #6d8570;--color-warning-500: #8c7555;--color-error-500: #8a5f5f;--color-info-500: #5f748c}[data-theme=pink]{--color-brand-primary-50: #f7ebf2;--color-brand-primary-100: #eee0e7;--color-brand-primary-200: #e0d1d9;--color-brand-primary-300: #cdbbc4;--color-brand-primary-400: #b099a5;--color-brand-primary-500: #937886;--color-brand-primary-600: #775767;--color-brand-primary-700: #603c4e;--color-brand-primary-800: #4e283c;--color-brand-primary-900: #451d31;--color-brand-primary-950: #3f162b;--color-background-primary: var(--color-brand-primary-50);--color-background-secondary: var(--color-brand-primary-100);--color-background-tertiary: var(--color-brand-primary-200);--color-background-inverse: var(--color-brand-primary-950);--color-surface-primary: #ffffff;--color-surface-secondary: var(--color-brand-primary-50);--color-surface-tertiary: var(--color-brand-primary-100);--color-surface-elevated: #ffffff;--color-text-primary: var(--color-brand-primary-950);--color-text-secondary: var(--color-brand-primary-800);--color-text-tertiary: var(--color-brand-primary-700);--color-text-inverse: var(--color-brand-primary-50);--color-text-disabled: var(--color-brand-primary-300);--color-border-primary: var(--color-brand-primary-300);--color-border-secondary: var(--color-brand-primary-400);--color-border-interactive: var(--color-brand-primary-500);--color-border-focus: var(--color-brand-primary-600);--color-success-500: #7a9b7a;--color-warning-500: #d4a679;--color-error-500: #a67a7a;--color-info-500: #b8829e}[data-theme=green]{--color-brand-primary-50: #f2f3f2;--color-brand-primary-100: #e7e8e7;--color-brand-primary-200: #d7d8d7;--color-brand-primary-300: #c0c2c0;--color-brand-primary-400: #9ea09e;--color-brand-primary-500: #7c7e7c;--color-brand-primary-600: #595c59;--color-brand-primary-700: #3e413e;--color-brand-primary-800: #2a2c2a;--color-brand-primary-900: #1e211e;--color-brand-primary-950: #171a17;--color-background-primary: var(--color-brand-primary-50);--color-background-secondary: var(--color-brand-primary-100);--color-background-tertiary: var(--color-brand-primary-200);--color-background-inverse: var(--color-brand-primary-950);--color-surface-primary: #ffffff;--color-surface-secondary: var(--color-brand-primary-50);--color-surface-tertiary: var(--color-brand-primary-100);--color-surface-elevated: #ffffff;--color-text-primary: var(--color-brand-primary-950);--color-text-secondary: var(--color-brand-primary-800);--color-text-tertiary: var(--color-brand-primary-700);--color-text-inverse: var(--color-brand-primary-50);--color-text-disabled: var(--color-brand-primary-300);--color-border-primary: var(--color-brand-primary-300);--color-border-secondary: var(--color-brand-primary-400);--color-border-interactive: var(--color-brand-primary-500);--color-border-focus: var(--color-brand-primary-600);--color-success-500: #7a8f7a;--color-warning-500: #c4b370;--color-error-500: #a67a7a;--color-info-500: #7ba3a3}[data-theme=blue]{--color-brand-primary-50: #f1f3f7;--color-brand-primary-100: #e5e8ec;--color-brand-primary-200: #d4d8dd;--color-brand-primary-300: #bdc1c7;--color-brand-primary-400: #999ea7;--color-brand-primary-500: #757b87;--color-brand-primary-600: #515967;--color-brand-primary-700: #353d4d;--color-brand-primary-800: #1f2939;--color-brand-primary-900: #141d2f;--color-brand-primary-950: #0c1628;--color-background-primary: var(--color-brand-primary-50);--color-background-secondary: var(--color-brand-primary-100);--color-background-tertiary: var(--color-brand-primary-200);--color-background-inverse: var(--color-brand-primary-950);--color-surface-primary: #ffffff;--color-surface-secondary: var(--color-brand-primary-50);--color-surface-tertiary: var(--color-brand-primary-100);--color-surface-elevated: #ffffff;--color-text-primary: var(--color-brand-primary-950);--color-text-secondary: var(--color-brand-primary-800);--color-text-tertiary: var(--color-brand-primary-700);--color-text-inverse: var(--color-brand-primary-50);--color-text-disabled: var(--color-brand-primary-300);--color-border-primary: var(--color-brand-primary-300);--color-border-secondary: var(--color-brand-primary-400);--color-border-interactive: var(--color-brand-primary-500);--color-border-focus: var(--color-brand-primary-600);--color-success-500: #7ba8a0;--color-warning-500: #b8a885;--color-error-500: #a87a7a;--color-info-500: #6b9fd9}[data-theme][data-color-scheme=dark]{--color-background-primary: var(--color-brand-primary-950);--color-background-secondary: var(--color-brand-primary-900);--color-background-tertiary: var(--color-brand-primary-800);--color-background-inverse: var(--color-brand-primary-50);--color-surface-primary: var(--color-brand-primary-950);--color-surface-secondary: var(--color-brand-primary-900);--color-surface-tertiary: var(--color-brand-primary-800);--color-surface-elevated: var(--color-brand-primary-900);--color-surface-overlay: color-mix(in srgb, var(--color-brand-primary-950) 80%, transparent);--color-text-primary: var(--color-brand-primary-50);--color-text-secondary: var(--color-brand-primary-200);--color-text-tertiary: var(--color-brand-primary-300);--color-text-inverse: var(--color-brand-primary-950);--color-text-disabled: var(--color-brand-primary-600);--color-text-link: var(--color-brand-primary-400);--color-text-link-hover: var(--color-brand-primary-300);--color-border-primary: var(--color-brand-primary-700);--color-border-secondary: var(--color-brand-primary-600);--color-border-interactive: var(--color-brand-primary-500);--color-border-focus: var(--color-brand-primary-400)}@media (prefers-color-scheme: dark){[data-theme]:not([data-color-scheme=light]){--color-background-primary: var(--color-brand-primary-950);--color-background-secondary: var(--color-brand-primary-900);--color-background-tertiary: var(--color-brand-primary-800);--color-background-inverse: var(--color-brand-primary-50);--color-surface-primary: var(--color-brand-primary-950);--color-surface-secondary: var(--color-brand-primary-900);--color-surface-tertiary: var(--color-brand-primary-800);--color-surface-elevated: var(--color-brand-primary-900);--color-surface-overlay: color-mix(in srgb, var(--color-brand-primary-950) 80%, transparent);--color-text-primary: var(--color-brand-primary-50);--color-text-secondary: var(--color-brand-primary-200);--color-text-tertiary: var(--color-brand-primary-300);--color-text-inverse: var(--color-brand-primary-950);--color-text-disabled: var(--color-brand-primary-600);--color-text-link: var(--color-brand-primary-400);--color-text-link-hover: var(--color-brand-primary-300);--color-border-primary: var(--color-brand-primary-700);--color-border-secondary: var(--color-brand-primary-600);--color-border-interactive: var(--color-brand-primary-500);--color-border-focus: var(--color-brand-primary-400)}}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.gap-3xl{gap:var(--space-3xl)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-2xl{padding:var(--space-2xl)}.p-3xl{padding:var(--space-3xl)}.px-0{padding-left:0;padding-right:0}.px-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.px-xl{padding-left:var(--space-xl);padding-right:var(--space-xl)}.px-2xl{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}.px-3xl{padding-left:var(--space-3xl);padding-right:var(--space-3xl)}.py-0{padding-top:0;padding-bottom:0}.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.py-lg{padding-top:var(--space-lg);padding-bottom:var(--space-lg)}.py-xl{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.py-2xl{padding-top:var(--space-2xl);padding-bottom:var(--space-2xl)}.py-3xl{padding-top:var(--space-3xl);padding-bottom:var(--space-3xl)}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.m-2xl{margin:var(--space-2xl)}.m-3xl{margin:var(--space-3xl)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-xs{margin-left:var(--space-xs);margin-right:var(--space-xs)}.mx-sm{margin-left:var(--space-sm);margin-right:var(--space-sm)}.mx-md{margin-left:var(--space-md);margin-right:var(--space-md)}.mx-lg{margin-left:var(--space-lg);margin-right:var(--space-lg)}.mx-xl{margin-left:var(--space-xl);margin-right:var(--space-xl)}.mx-2xl{margin-left:var(--space-2xl);margin-right:var(--space-2xl)}.mx-3xl{margin-left:var(--space-3xl);margin-right:var(--space-3xl)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-xs{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.my-sm{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.my-md{margin-top:var(--space-md);margin-bottom:var(--space-md)}.my-lg{margin-top:var(--space-lg);margin-bottom:var(--space-lg)}.my-xl{margin-top:var(--space-xl);margin-bottom:var(--space-xl)}.my-2xl{margin-top:var(--space-2xl);margin-bottom:var(--space-2xl)}.my-3xl{margin-top:var(--space-3xl);margin-bottom:var(--space-3xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.mb-2xl{margin-bottom:var(--space-2xl)}.mb-3xl{margin-bottom:var(--space-3xl)}.mt-0{margin-top:0}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mt-3xl{margin-top:var(--space-3xl)}.font-sans{font-family:var(--font-family-sans)}.font-serif{font-family:var(--font-family-serif)}.font-mono{font-family:var(--font-family-mono)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.text-6xl{font-size:var(--font-size-6xl)}.text-7xl{font-size:var(--font-size-7xl)}.text-8xl{font-size:var(--font-size-8xl)}.text-9xl{font-size:var(--font-size-9xl)}.font-thin{font-weight:var(--font-weight-thin)}.font-extralight{font-weight:var(--font-weight-extralight)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-black{font-weight:var(--font-weight-black)}.leading-none{line-height:var(--line-height-none)}.leading-tight{line-height:var(--line-height-tight)}.leading-snug{line-height:var(--line-height-snug)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.leading-loose{line-height:var(--line-height-loose)}.tracking-tighter{letter-spacing:var(--letter-spacing-tighter)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.tracking-widest{letter-spacing:var(--letter-spacing-widest)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-disabled{color:var(--color-text-disabled)}.text-inverse{color:var(--color-text-inverse)}.text-link{color:var(--color-text-link)}.text-brand-primary{color:var(--color-brand-primary-500)}.text-success{color:var(--color-success-500)}.text-warning{color:var(--color-warning-500)}.text-error{color:var(--color-error-500)}.text-info{color:var(--color-info-500)}.bg-primary{background-color:var(--color-background-primary)}.bg-secondary{background-color:var(--color-background-secondary)}.bg-tertiary{background-color:var(--color-background-tertiary)}.bg-inverse{background-color:var(--color-background-inverse)}.bg-surface-primary{background-color:var(--color-surface-primary)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.bg-surface-tertiary{background-color:var(--color-surface-tertiary)}.bg-surface-elevated{background-color:var(--color-surface-elevated)}.bg-brand-primary{background-color:var(--color-brand-primary-500)}.bg-success{background-color:var(--color-success-500)}.bg-warning{background-color:var(--color-warning-500)}.bg-error{background-color:var(--color-error-500)}.bg-info{background-color:var(--color-info-500)}.bg-transparent{background-color:transparent}.border-0{border-width:var(--border-width-0)}.border{border-width:var(--border-width-1)}.border-2{border-width:var(--border-width-2)}.border-4{border-width:var(--border-width-4)}.border-8{border-width:var(--border-width-8)}.rounded-none{border-radius:var(--border-radius-none)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded{border-radius:var(--border-radius-base)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-3xl{border-radius:var(--border-radius-3xl)}.rounded-full{border-radius:var(--border-radius-full)}.border-primary{border-color:var(--color-border-primary)}.border-secondary{border-color:var(--color-border-secondary)}.border-interactive{border-color:var(--color-border-interactive)}.border-focus{border-color:var(--color-border-focus)}.border-error{border-color:var(--color-border-error)}.border-success{border-color:var(--color-border-success)}.border-warning{border-color:var(--color-border-warning)}.border-transparent{border-color:transparent}.shadow-none{box-shadow:var(--shadow-none)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.shadow-inner{box-shadow:var(--shadow-inner)}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-wait{cursor:wait}.cursor-text{cursor:text}.cursor-move{cursor:move}.cursor-help{cursor:help}.cursor-not-allowed{cursor:not-allowed}.select-none{user-select:none}.select-text{user-select:text}.select-all{user-select:all}.select-auto{user-select:auto}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-1:focus{--ring-offset-shadow: 0 0 #0000;--ring-shadow: 0 0 0 1px var(--color-border-focus);box-shadow:var(--ring-shadow)}.focus\:ring-2:focus{--ring-offset-shadow: 0 0 #0000;--ring-shadow: 0 0 0 2px var(--color-border-focus);box-shadow:var(--ring-shadow)}.focus\:ring-4:focus{--ring-offset-shadow: 0 0 #0000;--ring-shadow: 0 0 0 4px var(--color-border-focus);box-shadow:var(--ring-shadow)}.transition-none{transition-property:none}.transition-all{transition-property:all;transition-timing-function:var(--ease-in-out);transition-duration:var(--duration-150)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:var(--ease-in-out);transition-duration:var(--duration-150)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:var(--ease-in-out);transition-duration:var(--duration-150)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--ease-in-out);transition-duration:var(--duration-150)}.transition-transform{transition-property:transform;transition-timing-function:var(--ease-in-out);transition-duration:var(--duration-150)}.duration-75{transition-duration:var(--duration-75)}.duration-100{transition-duration:var(--duration-100)}.duration-150{transition-duration:var(--duration-150)}.duration-200{transition-duration:var(--duration-200)}.duration-300{transition-duration:var(--duration-300)}.duration-500{transition-duration:var(--duration-500)}.duration-700{transition-duration:var(--duration-700)}.duration-1000{transition-duration:var(--duration-1000)}.ease-linear{transition-timing-function:var(--ease-linear)}.ease-in{transition-timing-function:var(--ease-in)}.ease-out{transition-timing-function:var(--ease-out)}.ease-in-out{transition-timing-function:var(--ease-in-out)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{inset:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-0{z-index:var(--z-index-0)}.z-10{z-index:var(--z-index-10)}.z-20{z-index:var(--z-index-20)}.z-30{z-index:var(--z-index-30)}.z-40{z-index:var(--z-index-40)}.z-50{z-index:var(--z-index-50)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-none{max-width:none}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-clip{overflow-x:clip}.overflow-x-visible{overflow-x:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-clip{overflow-y:clip}.overflow-y-visible{overflow-y:visible}.overflow-y-scroll{overflow-y:scroll}:root{--color-accent: var(--color-brand-primary-500);--sky-bg: #000000}[data-color-scheme=light]{--sky-bg: #f0f4ff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100dvh;overflow:hidden}body{height:100dvh;overflow:hidden;background:var(--sky-bg);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal)}.loading-overlay{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);background:var(--sky-bg);transition:opacity .4s ease}.loading-overlay.is-fading{opacity:0;pointer-events:none}.loading-spinner{width:44px;height:44px;border:3px solid rgba(128,128,200,.18);border-top-color:var(--color-brand-primary-400);border-radius:50%;animation:spinner-spin .75s linear infinite}@keyframes spinner-spin{to{transform:rotate(360deg)}}.loading-text{color:var(--color-brand-primary-300);font-size:var(--font-size-sm);letter-spacing:.06em;text-transform:uppercase}.loading-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-md);text-align:center;max-width:320px;padding:var(--space-lg)}.loading-error-icon{font-size:2rem;line-height:1}.loading-error-msg{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.app-layout{position:relative;display:flex;flex-direction:row;height:100dvh;overflow:hidden}.app-layout.panel-collapsed .controls-panel{transform:translate(100%)}@media (max-width: 768px){.controls-panel{width:min(300px,88vw)}.controls-card{width:min(300px,88vw);padding:var(--space-xs) var(--space-sm);gap:calc(var(--space-xs) / 2);font-size:var(--font-size-sm)}}.sky-panel{flex:1;min-width:0;position:relative;overflow:hidden;display:flex;align-items:stretch}.sky-container{flex:1;display:flex;align-items:stretch;justify-content:stretch}.planisphere-svg{display:block;width:100%;height:100%;overflow:hidden;touch-action:none;user-select:none}#sphere-overlay{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(88dvh,88dvw);height:min(88dvh,88dvw);border-radius:50%;pointer-events:none;z-index:5;border:1.5px solid var(--color-brand-primary-600, rgba(255, 255, 255, .18));box-shadow:0 0 0 3000px var(--sky-bg)}.sky-panel--planisphere #sphere-overlay{display:block}.sky-layer{pointer-events:none}#layer-stars circle{r:calc(var(--star-r, 1px) / var(--zoom-k, 1))}.controls-panel{position:absolute;right:0;top:0;height:100dvh;width:320px;z-index:20;overflow:visible;transition:transform .25s ease;border-left:1px solid var(--color-border-primary);box-shadow:-4px 0 24px #0009}.controls-card{background:var(--color-surface-primary);border-left:none;position:relative;z-index:1;padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);height:100dvh;width:320px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}.header-controls{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0}.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--border-radius-base);color:var(--color-text-secondary);cursor:pointer;padding:0;transition:background .15s ease,color .15s ease;flex-shrink:0}.icon-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.icon-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.theme-picker-wrap{position:relative}.theme-color-menu{display:none;position:absolute;top:calc(100% + 6px);right:0;min-width:130px;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-base);box-shadow:var(--shadow-lg, 0 8px 24px rgba(0, 0, 0, .45));padding:var(--space-xs);z-index:100}.theme-color-menu--open{display:block;animation:menu-in .15s ease}@keyframes menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.theme-menu-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs) var(--space-sm);background:transparent;border:none;border-radius:var(--border-radius-base);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;text-align:left;transition:background .12s ease}.theme-menu-item:hover{background:var(--color-surface-secondary)}.theme-menu-item--active{background:var(--color-surface-secondary);color:var(--color-accent)}.theme-color-dot{width:14px;height:14px;border-radius:50%;border:2px solid var(--color-border-primary);flex-shrink:0}.theme-color-name{flex:1}.panel-header{border-bottom:1px solid var(--color-border-primary);padding-bottom:var(--space-xs);padding-top:var(--space-xs);flex-shrink:0}.panel-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-tight)}.panel-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.control-section{display:flex;flex-direction:column;gap:var(--space-xs)}.control-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.control-row{display:flex;align-items:center;gap:var(--space-sm)}.control-row--spread{justify-content:space-between}.control-input{flex:1;background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-base);color:var(--color-text-primary);font-size:var(--font-size-base);padding:var(--space-xs) var(--space-sm);appearance:none;outline:none;transition:border-color .15s ease}.control-input:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle, rgba(99, 102, 241, .25))}.btn-secondary{background:var(--color-surface-secondary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-base);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-md);transition:background .15s ease,border-color .15s ease;white-space:nowrap}.btn-secondary:hover{background:var(--color-surface-elevated);border-color:var(--color-accent)}.btn-secondary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.time-display{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-accent);font-variant-numeric:tabular-nums;letter-spacing:var(--letter-spacing-tight)}.slider{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:var(--border-radius-full, 9999px);background:var(--color-border-primary);outline:none;cursor:pointer;accent-color:var(--color-accent)}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-accent);cursor:pointer;border:2px solid var(--color-surface-primary);box-shadow:var(--shadow-sm);transition:transform .1s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (pointer: coarse){.slider{height:6px}.slider::-webkit-slider-thumb{width:28px;height:28px;border-width:3px}}.slider-ticks{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-tertiary, var(--color-text-secondary))}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.toggle-label{font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.toggle-switch{position:relative;width:40px;height:22px;background:var(--color-border-primary);border:none;border-radius:var(--border-radius-full, 9999px);cursor:pointer;flex-shrink:0;padding:0;transition:background .2s ease;outline:none}.toggle-switch[aria-checked=true]{background:var(--color-accent)}.toggle-switch:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--color-surface-primary);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform .2s ease;pointer-events:none}.toggle-switch[aria-checked=true] .toggle-thumb{transform:translate(18px)}.helper-text{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.sky-disk{fill:var(--sky-bg)}.constellation-line{fill:none;stroke:var(--color-brand-primary-400, var(--color-neutral-600));stroke-width:calc(1.8px / var(--zoom-k, 1));stroke-linecap:round;stroke-linejoin:round;opacity:.35}.const-label{fill:var(--color-brand-primary-300, var(--color-neutral-200));font-family:var(--font-family-sans);font-size:calc(11px / var(--zoom-k, 1));font-weight:var(--font-weight-normal);letter-spacing:.12em;text-transform:uppercase;text-anchor:middle;dominant-baseline:middle;pointer-events:none;user-select:none;opacity:.65}.const-label[data-rank="1"]{fill:var(--color-brand-primary-200, var(--color-neutral-100));font-size:calc(12px / var(--zoom-k, 1));opacity:.8}.const-label-tier--hidden{display:none}.star-label{fill:var(--color-neutral-300);font-family:var(--font-family-sans);font-size:calc(11px / var(--zoom-k, 1));font-weight:var(--font-weight-normal);letter-spacing:.02em;pointer-events:none;user-select:none}.label-tier--hidden{display:none}.horizon-ring{fill:none;stroke:var(--color-neutral-600);stroke-width:1.5}.cardinal-label{fill:var(--color-neutral-400);font-family:var(--font-family-sans);font-size:12px;font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-anchor:middle;dominant-baseline:middle;pointer-events:none;user-select:none}.zenith-label{fill:var(--color-neutral-600);font-family:var(--font-family-sans);font-size:7px;font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-wider);text-anchor:middle;dominant-baseline:auto;pointer-events:none;user-select:none}.zenith-dot{fill:var(--color-neutral-600)}.control-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394a3b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center;padding-right:var(--space-xl)}.control-select--day{max-width:4.5rem}.manual-lat-row{display:flex;flex-direction:column;gap:var(--space-xs);padding-top:var(--space-xs)}.lat-value{font-variant-numeric:tabular-nums;font-weight:var(--font-weight-medium);color:var(--color-accent)}.hidden{display:none!important}.panel-toggle-btn{position:absolute;left:-30px;top:var(--space-lg, 24px);z-index:50;width:30px;height:64px;background:var(--color-surface-primary);border:1px solid var(--color-border-primary);border-right:none;border-radius:var(--border-radius-base) 0 0 var(--border-radius-base);color:var(--color-text-secondary);cursor:pointer;font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease,color .15s ease;box-shadow:var(--shadow-sm)}.panel-toggle-btn:hover{background:var(--color-surface-elevated);color:var(--color-text-primary)}@keyframes rainbow-attract{0%{border-color:#f25a5a;color:#f25a5a;box-shadow:-2px 0 8px #f25a5a}16%{border-color:#efef39;color:#efef39;box-shadow:-2px 0 8px #efef39}33%{border-color:#1fd61f;color:#1fd61f;box-shadow:-2px 0 8px #1fd61f}50%{border-color:#19c3e6;color:#19c3e6;box-shadow:-2px 0 8px #19c3e6}66%{border-color:#6868f3;color:#6868f3;box-shadow:-2px 0 8px #6868f3}83%{border-color:#ec51ec;color:#ec51ec;box-shadow:-2px 0 8px #ec51ec}to{border-color:#f25a5a;color:#f25a5a;box-shadow:-2px 0 8px #f25a5a}}.panel-toggle-btn--attract{border-width:2px;animation:rainbow-attract 1.8s linear infinite}.panel-toggle-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.app-layout.panel-collapsed .panel-toggle-btn{border-right:1px solid var(--color-border-primary);border-radius:var(--border-radius-base)}.panel-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-sm)}.view-toggle{display:flex;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-base);overflow:hidden;flex-shrink:0;margin-top:2px}.view-btn{background:var(--color-surface-secondary);border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1.1rem;line-height:1;padding:var(--space-xs) var(--space-sm);transition:background .15s ease,color .15s ease;outline:none}.view-btn:first-child{border-right:1px solid var(--color-border-primary)}.view-btn:hover{background:var(--color-surface-elevated);color:var(--color-text-primary)}.view-btn--active,.view-btn--active:hover{background:var(--color-accent);color:#fff}.view-btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.star--blue{fill:#9bb0ff}.star--cold{fill:#aabfff}.star--white{fill:#cad8ff}.star--cream{fill:#f8f7ff}.star--yellow{fill:#fff4ea}.star--orange{fill:#ffd2a1}.star--red{fill:#ffad51}[data-theme=warm] .star--blue{fill:#c0a8ff}[data-theme=warm] .star--cold{fill:#d0b8ff}[data-theme=warm] .star--white{fill:#fed}[data-theme=warm] .star--cream{fill:#fff4e8}[data-theme=warm] .star--yellow{fill:#fd6}[data-theme=warm] .star--orange{fill:#f94}[data-theme=warm] .star--red{fill:#f62}[data-theme=cool] .star--blue{fill:#80ccff}[data-theme=cool] .star--cold{fill:#a0ddff}[data-theme=cool] .star--white{fill:#d8eeff}[data-theme=cool] .star--cream{fill:#eef8ff}[data-theme=cool] .star--yellow{fill:#d8f0c0}[data-theme=cool] .star--orange{fill:#f0c888}[data-theme=cool] .star--red{fill:#e09966}[data-theme=pink] .star--blue{fill:#c8f}[data-theme=pink] .star--cold{fill:#d9f}[data-theme=pink] .star--white{fill:#ffd0ee}[data-theme=pink] .star--cream{fill:#ffe8f6}[data-theme=pink] .star--yellow{fill:#fc8}[data-theme=pink] .star--orange{fill:#f89}[data-theme=pink] .star--red{fill:#f57}[data-theme=green] .star--blue{fill:#6ed}[data-theme=green] .star--cold{fill:#8fe}[data-theme=green] .star--white{fill:#ccfff4}[data-theme=green] .star--cream{fill:#edfff8}[data-theme=green] .star--yellow{fill:#bf6}[data-theme=green] .star--orange{fill:#fd6}[data-theme=green] .star--red{fill:#f94}[data-color-scheme=light] .star--blue{fill:#1030a0}[data-color-scheme=light] .star--cold{fill:#1a3888}[data-color-scheme=light] .star--white{fill:#2a2060}[data-color-scheme=light] .star--cream{fill:#2e1848}[data-color-scheme=light] .star--yellow{fill:#5c3000}[data-color-scheme=light] .star--orange{fill:#7a2200}[data-color-scheme=light] .star--red{fill:#8a0e0e}[data-color-scheme=light][data-theme=warm] .star--blue{fill:#3a1870}[data-color-scheme=light][data-theme=warm] .star--white{fill:#3a1a00}[data-color-scheme=light][data-theme=warm] .star--yellow{fill:#6a3500}[data-color-scheme=light][data-theme=warm] .star--red{fill:#7a1500}[data-color-scheme=light][data-theme=cool] .star--blue{fill:#082060}[data-color-scheme=light][data-theme=cool] .star--yellow{fill:#1a3800}[data-color-scheme=light][data-theme=cool] .star--orange{fill:#4a3000}[data-color-scheme=light][data-theme=cool] .star--red{fill:#5a1a00}[data-color-scheme=light][data-theme=pink] .star--blue{fill:#4a0880}[data-color-scheme=light][data-theme=pink] .star--white{fill:#500040}[data-color-scheme=light][data-theme=pink] .star--yellow{fill:#703000}[data-color-scheme=light][data-theme=pink] .star--red{fill:#880028}[data-color-scheme=light][data-theme=green] .star--blue{fill:#004040}[data-color-scheme=light][data-theme=green] .star--white{fill:#003830}[data-color-scheme=light][data-theme=green] .star--yellow{fill:#2a4a00}[data-color-scheme=light][data-theme=green] .star--red{fill:#5a2000}[data-color-scheme=light] .star-label{fill:#2a2050}[data-color-scheme=light] .const-label{fill:var(--color-brand-primary-700, #2a2050);opacity:.75}[data-color-scheme=light] .const-label[data-rank="1"]{fill:var(--color-brand-primary-800, #1a1040);opacity:.9}[data-color-scheme=light] .constellation-line{stroke:var(--color-brand-primary-500, #4a5080);opacity:.45}.svg--pannable{cursor:grab}.svg--pannable:active{cursor:grabbing}.map-controls-overlay{position:absolute;bottom:var(--space-md);left:var(--space-md);z-index:10;display:flex;gap:var(--space-xs);pointer-events:none}.map-controls-overlay>*{pointer-events:all}.view-toggle-overlay{position:absolute;bottom:var(--space-md);right:var(--space-md);z-index:25;display:flex;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-base);overflow:hidden;box-shadow:var(--shadow-sm)}.btn-icon{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-sm)}