*,*: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{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.select-auto{-webkit-user-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{top:0;right:0;bottom:0;left: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,:host{--ol-background-color: white;--ol-accent-background-color: #F5F5F5;--ol-subtle-background-color: rgba(128, 128, 128, .25);--ol-partial-background-color: rgba(255, 255, 255, .75);--ol-foreground-color: #333333;--ol-subtle-foreground-color: #666666;--ol-brand-color: #00AAFF}.ol-box{box-sizing:border-box;border-radius:2px;border:1.5px solid var(--ol-background-color);background-color:var(--ol-partial-background-color)}.ol-mouse-position{top:8px;right:8px;position:absolute}.ol-scale-line{background:var(--ol-partial-background-color);border-radius:4px;bottom:8px;left:8px;padding:2px;position:absolute}.ol-scale-line-inner{border:1px solid var(--ol-subtle-foreground-color);border-top:none;color:var(--ol-foreground-color);font-size:10px;text-align:center;margin:1px;will-change:contents,width;transition:all .25s}.ol-scale-bar{position:absolute;bottom:8px;left:8px}.ol-scale-bar-inner{display:flex}.ol-scale-step-marker{width:1px;height:15px;background-color:var(--ol-foreground-color);float:right;z-index:10}.ol-scale-step-text{position:absolute;bottom:-5px;font-size:10px;z-index:11;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-text{position:absolute;font-size:12px;text-align:center;bottom:25px;color:var(--ol-foreground-color);text-shadow:-1.5px 0 var(--ol-partial-background-color),0 1.5px var(--ol-partial-background-color),1.5px 0 var(--ol-partial-background-color),0 -1.5px var(--ol-partial-background-color)}.ol-scale-singlebar{position:relative;height:10px;z-index:9;box-sizing:border-box;border:1px solid var(--ol-foreground-color)}.ol-scale-singlebar-even{background-color:var(--ol-subtle-foreground-color)}.ol-scale-singlebar-odd{background-color:var(--ol-background-color)}.ol-unsupported{display:none}.ol-viewport,.ol-unselectable{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.ol-viewport canvas{all:unset;overflow:hidden}.ol-viewport{touch-action:pan-x pan-y}.ol-selectable{-webkit-touch-callout:default;-webkit-user-select:text;-moz-user-select:text;user-select:text}.ol-grabbing{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.ol-grab{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.ol-control{position:absolute;background-color:var(--ol-subtle-background-color);border-radius:4px}.ol-zoom{top:.5em;left:.5em}.ol-rotate{top:.5em;right:.5em;transition:opacity .25s linear,visibility 0s linear}.ol-rotate.ol-hidden{opacity:0;visibility:hidden;transition:opacity .25s linear,visibility 0s linear .25s}.ol-zoom-extent{top:4.643em;left:.5em}.ol-full-screen{right:.5em;top:.5em}.ol-control button{display:block;margin:1px;padding:0;color:var(--ol-subtle-foreground-color);font-weight:700;text-decoration:none;font-size:inherit;text-align:center;height:1.375em;width:1.375em;line-height:.4em;background-color:var(--ol-background-color);border:none;border-radius:2px}.ol-control button::-moz-focus-inner{border:none;padding:0}.ol-zoom-extent button{line-height:1.4em}.ol-compass{display:block;font-weight:400;will-change:transform}.ol-touch .ol-control button{font-size:1.5em}.ol-touch .ol-zoom-extent{top:5.5em}.ol-control button:hover,.ol-control button:focus{text-decoration:none;outline:1px solid var(--ol-subtle-foreground-color);color:var(--ol-foreground-color)}.ol-zoom .ol-zoom-in{border-radius:2px 2px 0 0}.ol-zoom .ol-zoom-out{border-radius:0 0 2px 2px}.ol-attribution{text-align:right;bottom:.5em;right:.5em;max-width:calc(100% - 1.3em);display:flex;flex-flow:row-reverse;align-items:center}.ol-attribution a{color:var(--ol-subtle-foreground-color);text-decoration:none}.ol-attribution ul{margin:0;padding:1px .5em;color:var(--ol-foreground-color);text-shadow:0 0 2px var(--ol-background-color);font-size:12px}.ol-attribution li{display:inline;list-style:none}.ol-attribution li:not(:last-child):after{content:" "}.ol-attribution img{max-height:2em;max-width:inherit;vertical-align:middle}.ol-attribution button{flex-shrink:0}.ol-attribution.ol-collapsed ul{display:none}.ol-attribution:not(.ol-collapsed){background:var(--ol-partial-background-color)}.ol-attribution.ol-uncollapsible{bottom:0;right:0;border-radius:4px 0 0}.ol-attribution.ol-uncollapsible img{margin-top:-.2em;max-height:1.6em}.ol-attribution.ol-uncollapsible button{display:none}.ol-zoomslider{top:4.5em;left:.5em;height:200px}.ol-zoomslider button{position:relative;height:10px}.ol-touch .ol-zoomslider{top:5.5em}.ol-overviewmap{left:.5em;bottom:.5em}.ol-overviewmap.ol-uncollapsible{bottom:0;left:0;border-radius:0 4px 0 0}.ol-overviewmap .ol-overviewmap-map,.ol-overviewmap button{display:block}.ol-overviewmap .ol-overviewmap-map{border:1px solid var(--ol-subtle-foreground-color);height:150px;width:150px}.ol-overviewmap:not(.ol-collapsed) button{bottom:0;left:0;position:absolute}.ol-overviewmap.ol-collapsed .ol-overviewmap-map,.ol-overviewmap.ol-uncollapsible button{display:none}.ol-overviewmap:not(.ol-collapsed){background:var(--ol-subtle-background-color)}.ol-overviewmap-box{border:1.5px dotted var(--ol-subtle-foreground-color)}.ol-overviewmap .ol-overviewmap-box:hover{cursor:move}.ol-overviewmap .ol-viewport:hover{cursor:pointer}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%}body{font-family:var(--font-family-sans);color:var(--color-text-primary);background:var(--color-background-primary);overflow:hidden}#app{display:flex;flex-direction:column}.map-container{--panel-width-expanded: clamp(300px, 28vw, 360px);--panel-width: var(--panel-width-expanded);--panel-toggle-width: 30px;--panel-toggle-height: 58px;flex:1;min-height:0;position:relative;display:grid;grid-template-columns:var(--panel-width) 1fr;grid-template-rows:1fr;overflow:hidden;transition:grid-template-columns var(--duration-200) var(--ease-out);background:radial-gradient(circle at 0 0,color-mix(in srgb,var(--color-brand-primary-500) 10%,transparent),transparent 45%),var(--color-background-primary)}.map-container.is-panel-collapsed{--panel-width: 0px}.map-stage{position:relative;min-width:0;min-height:0;height:100%;overflow:hidden}.map-canvas{position:relative;width:100%;height:100%;background:var(--color-neutral-300)}.map-3d{position:absolute;top:0;right:0;bottom:0;left:0;display:none;overflow:hidden}.map-3d canvas{display:block;width:100%!important;height:100%!important}.view-toggle-btn{display:flex;align-items:center;gap:5px;height:34px;padding:0 var(--space-sm);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);background:var(--color-surface-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-sans);font-weight:500;cursor:pointer;transition:background var(--duration-150) var(--ease-out),border-color var(--duration-150) var(--ease-out)}.view-toggle-btn:hover{background:var(--color-surface-elevated);border-color:var(--color-border-interactive)}.view-toggle-btn[aria-pressed=true]{background:var(--color-brand-primary-500);border-color:var(--color-brand-primary-500);color:#fff}.map-top-bar{position:fixed;top:var(--space-md);right:var(--space-md);z-index:var(--z-index-20);display:flex;align-items:center;gap:var(--space-xs);box-shadow:var(--shadow-md);border-radius:var(--border-radius-md)}.map-location-picker{height:34px;min-width:190px;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);background:var(--color-surface-secondary);color:var(--color-text-primary);padding:0 var(--space-sm);font-size:var(--font-size-sm);font-family:var(--font-family-sans)}.map-location-picker:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-primary-500) 25%,transparent)}.basemap-quadrant{position:fixed;left:calc(var(--panel-width) + var(--space-md));bottom:var(--space-md);z-index:var(--z-index-20);padding:4px;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);background:color-mix(in srgb,var(--color-surface-elevated) 90%,transparent);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:left var(--duration-200) var(--ease-out)}.basemap-quadrant__grid{display:grid;grid-template-columns:repeat(2,50px);gap:4px}.basemap-quadrant__tile{width:50px;height:50px;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);background:var(--color-surface-secondary);overflow:hidden;display:block;padding:0;cursor:pointer;transition:border-color var(--duration-200) var(--ease-out),transform var(--duration-200) var(--ease-out),box-shadow var(--duration-200) var(--ease-out)}.basemap-quadrant__tile:hover{border-color:var(--color-border-interactive);transform:translateY(-1px)}.basemap-quadrant__tile:focus-visible{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-primary-500) 24%,transparent)}.basemap-quadrant__tile.is-active{border-color:color-mix(in srgb,var(--color-brand-primary-500) 75%,var(--color-border-primary));box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-primary-500) 20%,transparent)}.basemap-quadrant__thumb{display:block;width:50px;height:50px;background-size:cover;background-position:center;background-repeat:no-repeat}[data-color-scheme=dark] .map-canvas{background:var(--color-neutral-800)}.map-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.map-placeholder__inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.map-placeholder__icon{color:var(--color-text-tertiary);opacity:.35}.map-placeholder__text{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-tertiary);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase}#map-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-surface-primary) 70%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-index-20)}.map-loading__spinner{width:40px;height:40px;border:3px solid var(--color-border-primary);border-top-color:var(--color-brand-primary);border-radius:50%;animation:spin .8s linear infinite}.map-loading__label{margin-top:var(--space-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);letter-spacing:var(--letter-spacing-widest);text-transform:uppercase}@keyframes spin{to{transform:rotate(360deg)}}.left-panel{display:flex;flex-direction:column;min-height:0;width:var(--panel-width);position:relative;border-right:1px solid var(--color-border-primary);background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 92%,transparent),color-mix(in srgb,var(--color-surface-primary) 96%,transparent));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:0;transition:width var(--duration-200) var(--ease-out),border-color var(--duration-200) var(--ease-out),background var(--duration-200) var(--ease-out),backdrop-filter var(--duration-200) var(--ease-out);z-index:calc(var(--z-index-20) + 1)}.left-panel__collapse-btn{position:absolute;top:calc(var(--space-md) + 46px);right:calc(-1 * var(--panel-toggle-width) + 1px);width:var(--panel-toggle-width);height:var(--panel-toggle-height);padding:0;border:1px solid var(--color-border-primary);border-left:none;border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0;background:transparent;color:var(--color-brand-primary-500);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;isolation:isolate;box-shadow:4px 0 10px color-mix(in srgb,var(--color-text-primary) 18%,transparent),inset 0 1px color-mix(in srgb,var(--color-surface-elevated) 70%,transparent);transition:border-color var(--duration-200) var(--ease-out),color var(--duration-200) var(--ease-out),transform var(--duration-200) var(--ease-out),box-shadow var(--duration-200) var(--ease-out);z-index:calc(var(--z-index-20) + 2)}.left-panel__collapse-btn:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:conic-gradient(from 0deg,#ff5f6d,#ffd166,#54d48d,#4cc9f0,#7b61ff,#ff5f6d);opacity:0;z-index:0;transition:opacity var(--duration-200) var(--ease-out);pointer-events:none}.left-panel__collapse-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-elevated) 94%,transparent),color-mix(in srgb,var(--color-surface-secondary) 96%,transparent));z-index:1;pointer-events:none}.left-panel__collapse-glyph{font-size:16px;font-weight:var(--font-weight-semibold);line-height:1;transform:translateY(-1px);position:relative;z-index:2}.left-panel__collapse-btn--attract{animation:left-panel-rainbow-attract 1.8s linear infinite}.left-panel__collapse-btn--attract:before{opacity:0;animation:none}@keyframes left-panel-rainbow-attract{0%{border-color:#f25a5a;color:#f25a5a;box-shadow:4px 0 10px #f25a5a73,inset 0 1px color-mix(in srgb,var(--color-surface-elevated) 70%,transparent)}16%{border-color:#efef39;color:#efef39;box-shadow:4px 0 10px #efef3973,inset 0 1px color-mix(in srgb,var(--color-surface-elevated) 75%,transparent)}33%{border-color:#1fd61f;color:#1fd61f;box-shadow:4px 0 10px #1fd61f73,inset 0 1px color-mix(in srgb,var(--color-surface-elevated) 75%,transparent)}50%{border-color:#19c3e6;color:#19c3e6;box-shadow:4px 0 10px #19c3e673,inset 0 1px color-mix(in srgb,var(--color-surface-elevated) 75%,transparent)}66%{border-color:#6868f3;color:#6868f3;box-shadow:4px 0 10px #6868f373,inset 0 1px color-mix(in srgb,var(--color-surface-elevated) 75%,transparent)}83%{border-color:#ec51ec;color:#ec51ec;box-shadow:4px 0 10px #ec51ec73,inset 0 1px color-mix(in srgb,var(--color-surface-elevated) 75%,transparent)}to{border-color:#f25a5a;color:#f25a5a;box-shadow:4px 0 10px #f25a5a73,inset 0 1px color-mix(in srgb,var(--color-surface-elevated) 70%,transparent)}}.left-panel__collapse-btn:hover{border-color:var(--color-border-interactive);color:var(--color-brand-primary-600);transform:translate(1px);box-shadow:7px 0 14px color-mix(in srgb,var(--color-text-primary) 22%,transparent),inset 0 1px color-mix(in srgb,var(--color-surface-elevated) 78%,transparent)}.left-panel__collapse-btn:hover:after{background:linear-gradient(180deg,color-mix(in srgb,var(--color-surface-tertiary) 92%,transparent),color-mix(in srgb,var(--color-surface-secondary) 96%,transparent))}.left-panel__collapse-btn:focus-visible{outline:none;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-primary-500) 35%,transparent),7px 0 14px color-mix(in srgb,var(--color-text-primary) 22%,transparent)}.left-panel__scroll{flex:1;min-height:0;height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-brand-primary-500) 35%,var(--color-border-primary)) color-mix(in srgb,var(--color-surface-secondary) 88%,transparent);padding:var(--space-md) var(--space-md) calc(var(--space-lg) + var(--space-xs));display:flex;flex-direction:column;gap:var(--space-md);transition:opacity var(--duration-200) var(--ease-out)}.left-panel__scroll::-webkit-scrollbar{width:10px}.left-panel__scroll::-webkit-scrollbar-track{background:color-mix(in srgb,var(--color-surface-secondary) 88%,transparent);border-radius:var(--border-radius-full)}.left-panel__scroll::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--color-brand-primary-500) 35%,var(--color-border-primary));border-radius:var(--border-radius-full);border:2px solid transparent;background-clip:content-box}.left-panel__scroll::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-brand-primary-500) 55%,var(--color-border-primary));background-clip:content-box}.left-panel.is-collapsed .left-panel__scroll{opacity:0;visibility:hidden;pointer-events:none}.left-panel.is-collapsed{border-right-color:transparent;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.left-panel__title-wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);padding:var(--space-xs) 0}.left-panel__title-main{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.left-panel__title-actions{display:inline-flex;align-items:center;gap:2px;flex-shrink:0}.left-panel__icon-btn{width:30px;height:30px;border:none;border-radius:var(--border-radius-md);background:transparent;color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background var(--duration-200) var(--ease-out),color var(--duration-200) var(--ease-out)}.left-panel__icon-btn:hover{background:var(--color-surface-secondary);color:var(--color-text-primary)}.left-panel__icon-btn:focus-visible{outline:none;background:var(--color-surface-secondary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-primary-500) 28%,transparent)}.left-panel__theme-picker{position:relative}.left-panel__theme-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:148px;background:color-mix(in srgb,var(--color-surface-elevated) 96%,transparent);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-xs);display:grid;gap:2px;z-index:calc(var(--z-index-20) + 3)}.left-panel__theme-menu--hidden{display:none}.left-panel__theme-menu-item{display:flex;align-items:center;gap:var(--space-sm);width:100%;border:none;border-radius:var(--border-radius-sm);background:transparent;color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-family-sans);text-align:left;padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:background var(--duration-200) var(--ease-out)}.left-panel__theme-menu-item:hover{background:var(--color-surface-secondary)}.left-panel__theme-menu-item.is-active{background:var(--color-surface-secondary);color:var(--color-brand-primary-500)}.left-panel__theme-swatch{width:12px;height:12px;border-radius:var(--border-radius-full);border:1px solid var(--color-border-primary);flex-shrink:0}.left-panel__theme-name{flex:1}.left-panel__title-icon{color:var(--color-brand-primary-500)}.left-panel__title{font-size:1rem;letter-spacing:.04em;font-weight:var(--font-weight-bold);text-transform:uppercase;color:var(--color-text-primary)}.left-panel__title-description{margin-top:calc(-1 * var(--space-xs));margin-bottom:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed)}.left-panel__section{border:1px solid var(--color-border-primary);border-radius:var(--border-radius-lg);background:color-mix(in srgb,var(--color-surface-elevated) 90%,transparent);padding:var(--space-sm);box-shadow:var(--shadow-sm)}.left-panel__section-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-text-tertiary)}.left-panel__section-subtitle{margin-top:2px;font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed)}.left-panel__section-body{margin-top:var(--space-sm);display:flex;flex-direction:column;gap:var(--space-xs)}.left-panel__label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.left-panel__select,.left-panel__number{width:100%;height:34px;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);background:var(--color-surface-secondary);color:var(--color-text-primary);padding:0 var(--space-sm);font-size:var(--font-size-sm);font-family:var(--font-family-sans)}.left-panel__number{width:88px}.left-panel__select:focus,.left-panel__number:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-primary-500) 25%,transparent)}.left-panel__inline-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.left-panel__inline-value{font-size:var(--font-size-xs);color:var(--color-brand-primary-500);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-semibold)}.left-panel__range{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--border-radius-full);background:var(--color-border-primary);outline:none;cursor:pointer}.left-panel__range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--color-brand-primary-500);border:2px solid var(--color-surface-elevated);box-shadow:var(--shadow-sm)}.left-panel__range::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--color-brand-primary-500);border:2px solid var(--color-surface-elevated);box-shadow:var(--shadow-sm)}.left-panel__layer-list{display:flex;flex-direction:column;gap:var(--space-xs)}.left-panel__layer-row{border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);background:color-mix(in srgb,var(--color-surface-secondary) 90%,transparent);transition:border-color var(--duration-200) var(--ease-out),box-shadow var(--duration-200) var(--ease-out),transform var(--duration-200) var(--ease-out)}.left-panel__layer-row.is-enabled{border-color:color-mix(in srgb,var(--color-brand-primary-500) 42%,var(--color-border-primary))}.left-panel__layer-row.is-drop-target{border-color:var(--color-border-focus);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-brand-primary-500) 18%,transparent)}.left-panel__layer-row.is-dragging{opacity:.7;transform:scale(.995)}.left-panel__layer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs);padding:var(--space-xs)}.left-panel__layer-main{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.left-panel__drag-handle{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--color-text-tertiary);cursor:grab;flex-shrink:0}.left-panel__layer-row:active .left-panel__drag-handle{cursor:grabbing}.left-panel__layer-check{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-text-primary);font-size:var(--font-size-sm);min-width:0;-webkit-user-select:none;user-select:none}.left-panel__layer-check input{accent-color:var(--color-brand-primary-500)}.left-panel__layer-icon{color:var(--color-brand-primary-500);flex-shrink:0}.left-panel__layer-name{font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.left-panel__layer-expand{width:26px;height:26px;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm);background:var(--color-surface-secondary);color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color var(--duration-200) var(--ease-out),background var(--duration-200) var(--ease-out),color var(--duration-200) var(--ease-out)}.left-panel__layer-expand:hover:not(:disabled){border-color:var(--color-border-interactive);color:var(--color-text-primary)}.left-panel__layer-expand:disabled{opacity:.45;cursor:not-allowed}.left-panel__layer-expand-icon{transition:transform var(--duration-200) var(--ease-out)}.left-panel__layer-expand.is-expanded .left-panel__layer-expand-icon{transform:rotate(180deg)}.left-panel__layer-body{border-top:1px solid var(--color-border-primary);padding:var(--space-xs);display:flex;flex-direction:column;gap:var(--space-xs)}.left-panel__layer-description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed)}.left-panel__legend{display:flex;flex-direction:column;gap:4px}.left-panel__legend-bar{height:10px;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-sm)}.left-panel__legend-labels{display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-tertiary);font-variant-numeric:tabular-nums}.left-panel__legend-labels--3 span:nth-child(2){text-align:center}.left-panel__help{font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed)}.left-panel__param-host{display:flex;flex-direction:column;gap:var(--space-xs)}.left-panel__segmented{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);overflow:hidden}.left-panel__seg-btn{border:none;background:transparent;color:var(--color-text-secondary);height:32px;font-family:var(--font-family-sans);font-size:var(--font-size-xs);cursor:pointer;transition:background var(--duration-200) var(--ease-out)}.left-panel__seg-btn+.left-panel__seg-btn{border-left:1px solid var(--color-border-primary)}.left-panel__seg-btn:hover:not(.is-active){background:var(--color-surface-secondary);color:var(--color-text-primary)}.left-panel__seg-btn.is-active{background:var(--color-brand-primary-500);color:var(--color-text-inverse)}.left-panel__checkbox-row{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.left-panel__checkbox-row input{accent-color:var(--color-brand-primary-500)}@media(max-width:980px){.map-container{--panel-width-expanded: min(86vw, 340px);--panel-width: var(--panel-width-expanded);grid-template-columns:1fr;grid-template-rows:1fr}.map-container.is-panel-collapsed{--panel-width: 0px;grid-template-columns:1fr;grid-template-rows:1fr}.map-stage{grid-column:1;grid-row:1}.left-panel{position:absolute;top:0;left:0;height:100%;max-height:none;border-right:none;border-bottom:none}.left-panel__scroll{padding:calc(var(--space-lg) + var(--space-sm)) var(--space-sm) calc(var(--space-md) + var(--space-xs))}.left-panel__collapse-btn{top:calc(var(--space-sm) + 44px)}.left-panel__collapse-btn--attract{animation-duration:1.8s}.map-location-picker{top:var(--space-sm);right:var(--space-sm);left:auto;max-width:min(58vw,224px);min-width:150px}.basemap-quadrant{left:calc(var(--panel-width) + var(--space-sm));bottom:var(--space-sm)}.basemap-quadrant__grid{grid-template-columns:repeat(2,42px)}.basemap-quadrant__tile,.basemap-quadrant__thumb{width:42px;height:42px}.ol-attribution{right:var(--space-sm);bottom:var(--space-sm);max-width:min(70vw,360px)}}.ol-zoom{top:calc(var(--space-md) + 132px);left:var(--space-md);bottom:auto;right:auto;background:transparent;padding:0}.ol-zoom .ol-zoom-in,.ol-zoom .ol-zoom-out{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--color-surface-elevated);color:var(--color-text-primary);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);font-size:17px;font-weight:var(--font-weight-light);cursor:pointer;transition:background var(--duration-200) var(--ease-out),border-color var(--duration-200) var(--ease-out);line-height:1}.ol-zoom .ol-zoom-in{margin-bottom:var(--space-xs)}.ol-zoom .ol-zoom-in:hover,.ol-zoom .ol-zoom-out:hover{background:var(--color-surface-secondary);border-color:var(--color-border-interactive)}.ol-attribution{bottom:var(--space-md);right:var(--space-md);left:auto;top:auto;border:none;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;padding:0;max-width:min(58vw,520px)}.ol-attribution ul{background:transparent;border:none;box-shadow:none;padding:0;font-size:11px;line-height:1.35;color:var(--color-brand-primary-500);font-weight:var(--font-weight-medium);margin:0;list-style:none;text-align:right}.ol-attribution ul li{display:inline;white-space:nowrap}.ol-attribution ul li+li:before{content:" | ";color:color-mix(in srgb,var(--color-brand-primary-500) 62%,transparent)}.ol-attribution a{color:inherit;text-decoration:none}.ol-attribution a:hover{color:var(--color-brand-primary-600);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}[data-color-scheme=dark] .ol-attribution ul{color:color-mix(in srgb,var(--color-brand-primary-300) 90%,white)}.ol-attribution button{display:none}.ol-scale-line{left:calc(var(--panel-width) + var(--space-md) + 120px);right:auto;top:auto;bottom:var(--space-md);background:color-mix(in srgb,var(--color-surface-elevated) 94%,transparent);border:1px solid var(--color-border-primary);border-radius:var(--border-radius-md);padding:4px 8px;color:var(--color-text-secondary);box-shadow:var(--shadow-sm);font-family:var(--font-family-sans);transition:left var(--duration-200) var(--ease-out)}.ol-scale-line-inner{border-color:var(--color-text-secondary);color:var(--color-text-secondary);font-size:11px;border-top:none}@media(max-width:980px){.ol-scale-line{left:calc(var(--panel-width) + var(--space-sm) + 104px);bottom:var(--space-sm)}.ol-zoom{top:calc(var(--space-sm) + 122px);left:var(--space-sm)}}.ol-viewport{width:100%!important;height:100%!important;background:var(--color-neutral-300)}[data-color-scheme=dark] .ol-viewport{background:var(--color-neutral-800)}.ol-layer canvas{transition:opacity .3s ease}