html,body,#root{margin:0;width:100%;height:100%}:root{--panel-bg: rgba(8, 22, 34, .82);--panel-border: rgba(255, 255, 255, .35);--panel-shadow: 0 18px 40px rgba(3, 10, 16, .28);--panel-blur: blur(14px);--panel-radius: 14px;--input-bg: rgba(255, 255, 255, .12);--input-bg-hover: rgba(255, 255, 255, .18);--input-border: rgba(255, 255, 255, .16);--input-radius: 10px;--text-primary: #ffffff;--text-secondary: #f3f7fa;--text-muted: rgba(227, 238, 246, .74);--text-eyebrow: rgba(227, 238, 246, .78);--accent: #59c8ff;--focus-ring: rgba(108, 194, 255, .65);--divider: rgba(255, 255, 255, .12);--toggle-off-bg: rgba(255, 255, 255, .18);--toggle-on-bg: #59c8ff;--toggle-knob: #ffffff;--choice-active-bg: rgba(255, 255, 255, .12);--choice-active-text: #59c8ff;--font-xs: .72rem;--font-sm: .82rem;--font-md: .85rem;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px}.app{position:relative;width:100vw;height:100vh;overflow:hidden}.choice-group{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.choice{position:relative;display:inline-flex}.choice__input{position:absolute;opacity:0;pointer-events:none}.choice__label{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;min-width:4.7rem;border:1px solid var(--input-border);border-radius:var(--input-radius);background:transparent;color:var(--text-muted);font-size:var(--font-xs);font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.choice__label:hover{background:var(--input-bg-hover);color:var(--text-secondary)}.choice__input:checked+.choice__label{background:var(--choice-active-bg);border-color:var(--accent);color:var(--choice-active-text)}.choice__input:focus-visible+.choice__label{outline:2px solid var(--focus-ring);outline-offset:2px}.time-control-stack{position:absolute;left:50%;bottom:16px;transform:translate(-50%);z-index:2;display:grid;justify-items:center;gap:var(--space-sm);width:min(42rem,calc(100vw - 1.5rem))}.time-control{display:grid;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:var(--panel-bg);color:var(--text-secondary);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur)}.time-control__zoom{display:inline-grid;grid-auto-flow:column;gap:var(--space-sm)}.time-control__zoom-button{width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--input-border);border-radius:999px;background:var(--panel-bg);color:var(--text-primary);font:inherit;font-size:1.15rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur)}.time-control__zoom-button:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.time-control__zoom-button:disabled{cursor:default;opacity:.45}.time-control__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);min-width:0}.time-control__datetime{font-size:var(--font-md);font-weight:700;color:var(--text-primary);white-space:nowrap}.time-control__timezone{display:inline-flex;align-items:center;gap:.45rem;min-width:0;flex:0 0 auto}.time-control__timezone-label{font-size:var(--font-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.time-control__field{display:grid;gap:6px}.time-control__select{width:100%;min-width:0;padding:.55rem .75rem;border:1px solid var(--input-border);border-radius:var(--input-radius);background:var(--input-bg);color:var(--text-secondary);font:inherit}.time-control__select:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.time-control__select option{color:#10212f}.time-control__select--timezone{width:9rem;min-width:9rem;max-width:9rem}.time-control__slider-row{display:grid;grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;gap:var(--space-sm);align-items:center}.time-control__day-arrow{width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--input-border);border-radius:999px;background:var(--input-bg);color:var(--text-secondary);font:inherit;font-size:.95rem;font-weight:700;cursor:pointer}.time-control__day-arrow:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.time-control__day-arrow:disabled{cursor:default;opacity:.45}.time-control__slider{width:100%;margin:0;accent-color:var(--accent)}.time-control__field--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(max-width:720px){.time-control-stack{width:min(30rem,calc(100vw - .75rem));gap:6px}.time-control{gap:6px;padding:6px 10px;border-radius:12px}.time-control__zoom-button{width:2.2rem;height:2.2rem;font-size:1rem}.time-control__datetime{font-size:.9rem}.time-control__timezone{gap:.35rem}.time-control__select{padding:.42rem .6rem;border-radius:8px;font-size:.8rem}.time-control__select--timezone{width:9rem;min-width:9rem;max-width:9rem}.time-control__slider-row{grid-template-columns:1.9rem minmax(0,1fr) 1.9rem;gap:6px}.time-control__day-arrow{width:1.9rem;height:1.9rem;font-size:.82rem}}.layer-control{--layer-control-bottom-clearance: clamp(8.5rem, 22vh, 10rem);position:absolute;top:var(--space-lg);right:var(--space-lg);z-index:2;display:flex;flex-direction:column;width:17rem;max-height:calc(100vh - var(--space-lg) - var(--layer-control-bottom-clearance));border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:var(--panel-bg);color:var(--text-secondary);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:var(--panel-blur);backdrop-filter:var(--panel-blur);overflow:hidden;transition:width .2s ease}.layer-control--collapsed{width:auto}.layer-control__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--divider);-webkit-user-select:none;user-select:none}.layer-control__title{font-size:var(--font-md);font-weight:600;color:var(--text-primary);letter-spacing:.02em}.layer-control__collapse-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--input-border);border-radius:6px;background:var(--input-bg);color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:background .15s}.layer-control__collapse-btn:hover{background:var(--input-bg-hover)}.layer-control__collapse-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.layer-control__body{display:grid;gap:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.layer-control--collapsed .layer-control__body{display:none}.layer-section{padding:var(--space-md)}.layer-section+.layer-section{border-top:1px solid var(--divider)}.layer-section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-sm)}.layer-section__label{font-size:var(--font-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-eyebrow)}.toggle{position:relative;display:inline-flex;width:2.25rem;height:1.25rem;flex-shrink:0;cursor:pointer}.toggle__input{position:absolute;opacity:0;width:0;height:0}.toggle__track{width:100%;height:100%;border-radius:999px;background:var(--toggle-off-bg);transition:background .2s}.toggle__input:checked+.toggle__track{background:var(--toggle-on-bg)}.toggle__knob{position:absolute;top:2px;left:2px;width:calc(1.25rem - 4px);height:calc(1.25rem - 4px);border-radius:50%;background:var(--toggle-knob);box-shadow:0 1px 3px #00000040;transition:transform .2s;pointer-events:none}.toggle__input:checked~.toggle__knob{transform:translate(1rem)}.toggle__input:focus-visible+.toggle__track{outline:2px solid var(--focus-ring);outline-offset:2px}.layer-section__fields{display:grid;gap:var(--space-sm)}.layer-section__field{display:grid;gap:var(--space-xs)}.layer-section__field-label{font-size:var(--font-xs);color:var(--text-muted)}.layer-section__checkbox-group{display:flex;flex-direction:column;gap:var(--space-xs)}.layer-section__checkbox{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-size:var(--font-sm);color:var(--text-secondary)}.layer-section__checkbox input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer}.layer-section__fields .choice-group{display:grid;grid-template-columns:minmax(0,1fr);gap:6px}.layer-section__fields .choice{display:flex}.layer-section__fields .choice__label{width:100%;min-width:0;padding:.5rem .75rem;justify-content:flex-start}.layer-section__fields--disabled{opacity:.4;pointer-events:none}@media(max-width:720px){.layer-control{--layer-control-bottom-clearance: clamp(7rem, 26vh, 8.5rem)}}