:root{color-scheme:light;--font-family: Inter, sans-serif;--font-family-mono: JetBrains Mono, SFMono-Regular, ui-monospace, monospace;--bp-mobile: 640px;--bp-tablet: 960px;--bp-desktop: 1280px;--bp-mobile-landscape: 500px;--color-danger-50: #fef2f2;--color-danger-100: #fee2e2;--color-danger-200: #fecaca;--color-danger-300: #fca5a5;--color-danger-400: #f87171;--color-danger-500: #ef4444;--color-danger-600: #dc2626;--color-danger-700: #b91c1c;--color-danger-800: #991b1b;--color-danger-900: #881337;--color-warning-50: #fdf6ed;--color-warning-100: #fbe8d0;--color-warning-200: #f7cfa0;--color-warning-300: #f2b263;--color-warning-400: #e6922e;--color-warning-500: #d37400;--color-warning-600: #b86300;--color-warning-700: #965000;--color-warning-800: #783f00;--color-warning-900: #5e3100;--color-success-50: #ecfdf5;--color-success-100: #d1fae5;--color-success-200: #a7f3d0;--color-success-300: #6ee7b7;--color-success-400: #34d399;--color-success-500: #10b981;--color-success-600: #059669;--color-success-700: #047857;--color-success-800: #065f46;--color-success-900: #064e3b;--color-info-50: #f0f9ff;--color-info-100: #e0f2fe;--color-info-200: #bae6fd;--color-info-300: #7dd3fc;--color-info-400: #38bdf8;--color-info-500: #0ea5e9;--color-info-600: #0284c7;--color-info-700: #0369a1;--color-info-800: #075985;--color-info-900: #0c4a6e;--color-primary-50: #eff6ff;--color-primary-100: #dbeafe;--color-primary-200: #bfdbfe;--color-primary-300: #93c5fd;--color-primary-400: #60a5fa;--color-primary-500: #3b82f6;--color-primary-600: #2563eb;--color-primary-700: #1d4ed8;--color-primary-800: #1e40af;--color-primary-900: #1e3a8a;--color-purple-300: #c4b5fd;--color-purple-400: #a78bfa;--color-purple-500: #8b5cf6;--color-purple-600: #4f46e5;--color-neutral-0: #ffffff;--color-neutral-50: #f5f7fb;--color-neutral-100: #eef2f7;--color-neutral-200: #e2e8f0;--color-neutral-300: #cfd8e3;--color-neutral-400: #94a3b8;--color-neutral-500: #64748b;--color-neutral-600: #475569;--color-neutral-700: #334155;--color-neutral-800: #1e293b;--color-neutral-850: #25332d;--color-neutral-900: #0f172a;--color-neutral-925: #0a1222;--color-neutral-950: #040812;--color-danger: #ef4444;--color-danger-soft: rgba(239, 68, 68, .16);--color-warning: #d37400;--color-warning-soft: rgba(211, 116, 0, .16);--color-success: #10b981;--color-success-soft: rgba(16, 185, 129, .16);--color-info: #38bdf8;--color-info-soft: rgba(56, 189, 248, .16);--color-accent: #d37400;--color-accent-hover: #e6922e;--color-accent-glow: rgba(211, 116, 0, .32);--color-accent-glow-soft: rgba(211, 116, 0, .08);--color-cool: #38bdf8;--color-loading-warn: #d37400;--color-error: #ef4444;--color-phase-super: #dc2626;--color-phase-nino: #d37400;--color-phase-nina: #2563eb;--color-phase-neu: #64748b;--color-kind-dry: #e6922e;--color-kind-fire: #ef4444;--color-kind-wet: #60a5fa;--color-kind-other: #c4b5fd;--color-rain-dry: #d37400;--color-rain-wet: #0ea5e9;--color-sst-m2: #829c9e;--color-sst-0: #7f98a2;--color-sst-5: #7b8ead;--color-sst-10: #839dbd;--color-sst-15: #93b1ce;--color-sst-20: #c1d1de;--color-sst-23: #dcdbc2;--color-sst-25-5: #edd685;--color-sst-27-5: #eab81f;--color-sst-29-2: #d37400;--color-sst-31: #cc3e1c;--color-sst-35: #a40d19;--color-anom-m3: #2563eb;--color-anom-m1-5: #60a5fa;--color-anom-0: #f5f7fb;--color-anom-p1-5: #e6922e;--color-anom-p3: #dc2626;--color-bg-deep: #f5f7fb;--color-panel-bg: rgba(255, 255, 255, .84);--color-panel-bg-solid: #ffffff;--color-panel-bg-heavy: rgba(255, 255, 255, .96);--color-popup-backdrop: rgba(15, 23, 42, .35);--color-tooltip-bg: rgba(255, 255, 255, .96);--color-badge-bg: #64748b;--color-line: rgba(15, 23, 42, .1);--color-line-strong: rgba(15, 23, 42, .2);--color-shadow-panel: rgba(15, 23, 42, .08);--color-shadow-heavy: rgba(15, 23, 42, .16);--color-text-main: #1e293b;--color-text-dim: #64748b;--color-text-bright: #0f172a;--color-text-desc: #334155;--color-text-note: #475569;--color-link-color: #0284c7;--color-btn-bg: rgba(15, 23, 42, .04);--color-btn-hover: rgba(15, 23, 42, .08);--color-btn-active-blue: rgba(2, 132, 199, .14);--color-btn-active-blue-border: rgba(2, 132, 199, .55);--color-btn-active-red: rgba(211, 116, 0, .15);--color-btn-active-red-border: rgba(211, 116, 0, .6);--color-btn-play-active: rgba(211, 116, 0, .16);--color-btn-play-border: rgba(211, 116, 0, .65);--color-slider-thumb-bg: #ffffff;--color-globe-bg: #f5f7fb;--color-globe-glow: #0f172a;--color-globe-star: #475569;--color-globe-land-fill: #cfd8e3;--color-globe-land-stroke: rgba(71, 85, 105, .55);--color-globe-graticule: rgba(15, 23, 42, .07);--color-globe-equator: rgba(15, 23, 42, .22);--color-globe-nino-box: rgba(15, 23, 42, .65);--color-globe-wind: #1e293b;--color-globe-wave-warm: #0284c7;--color-globe-wave-cold: #2563eb;--color-walker-sky-top: #dbeafe;--color-walker-sky-bottom: #f5f7fb;--color-walker-land: #cfd8e3;--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 10px;--spacing-md: 12px;--spacing-base: 14px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--dock-gap: var(--spacing-lg, 16px);--dock-offset-x: var(--dock-gap);--dock-offset-bottom: calc(var(--dock-gap) + env(safe-area-inset-bottom, 0px));--dock-clearance: calc(var(--dock-h, 140px) + var(--dock-offset-bottom) + var(--dock-gap));--header-offset-top: var(--spacing-lg, 16px);--header-offset-x: var(--spacing-lg, 16px);--kmd-brand-h: 42px;--popup-top-padding: calc(var(--kmd-brand-h) + 2 * var(--header-offset-top))}@media(max-width:640px){:root{--dock-gap: var(--spacing-sm, 10px);--dock-offset-x: var(--spacing-xs, 8px);--header-offset-top: var(--spacing-sm, 10px);--header-offset-x: var(--spacing-xs, 8px);--kmd-brand-h: 38px;--popup-top-padding: calc(var(--kmd-brand-h) + 2 * var(--header-offset-top))}}@media(max-height:500px)and (orientation:landscape)and (max-width:960px){:root{--dock-gap: var(--spacing-xs, 8px);--dock-offset-x: var(--spacing-xs, 8px);--header-offset-top: var(--spacing-xs, 8px);--header-offset-x: max(var(--spacing-xs, 8px), env(safe-area-inset-left, 8px));--kmd-brand-h: 34px;--popup-top-padding: calc(var(--kmd-brand-h) + 2 * var(--header-offset-top))}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;width:100%;background:var(--color-bg-deep);color:var(--color-text-main);font-family:var(--font-family);overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}button,input,select,textarea{font-family:inherit;color:inherit}::selection{background:var(--color-accent-glow);color:var(--color-text-bright)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}lucide-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;flex-shrink:0}lucide-icon svg{display:block}.glass-panel{background:var(--color-panel-bg);border:1px solid var(--color-line);box-shadow:0 8px 30px var(--color-shadow-panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px}.glass-panel--heavy{background:var(--color-panel-bg-heavy);border:1px solid var(--color-line-strong);box-shadow:0 16px 48px var(--color-shadow-heavy);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:20px}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}