body,html{margin:0;min-height:100%}body{background:#04121d;color:#ffffff;font-family:Arial,Helvetica,sans-serif}*,:after,:before{box-sizing:border-box}:root{--panel-bg:rgba(8,22,34,0.82);--panel-border:rgba(255,255,255,0.35);--panel-shadow:0 18px 40px rgba(3,10,16,0.28);--panel-blur:blur(14px);--panel-radius:14px;--input-bg:rgba(255,255,255,0.12);--input-bg-hover:rgba(255,255,255,0.18);--input-border:rgba(255,255,255,0.16);--input-radius:10px;--text-primary:#ffffff;--text-secondary:#f3f7fa;--text-muted:rgba(227,238,246,0.74);--text-eyebrow:rgba(227,238,246,0.78);--accent:#59c8ff;--focus-ring:rgba(108,194,255,0.65);--divider:rgba(255,255,255,0.12);--toggle-off-bg:rgba(255,255,255,0.18);--toggle-on-bg:#59c8ff;--toggle-knob:#ffffff;--choice-active-bg:rgba(255,255,255,0.12);--choice-active-text:#59c8ff;--font-xs:0.72rem;--font-sm:0.82rem;--font-md:0.85rem;--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px}.app,.layout--home{position:relative;width:100vw;height:100vh;overflow:hidden}.layout--spot{display:flex;flex-direction:column;min-height:100vh}.layout--spot .app{position:relative;width:auto;height:auto;flex:1 1;min-height:50vh;margin:0 1.5rem 1.5rem;border-radius:var(--panel-radius);border:1px solid var(--panel-border);overflow:hidden;order:2}.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}.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(100% - 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;-moz-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;grid-gap:0;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 rgba(0,0,0,.25);transition:transform .2s;pointer-events:none}.toggle__input:checked~.toggle__knob{transform:translateX(1rem)}.toggle__input:focus-visible+.toggle__track{outline:2px solid var(--focus-ring);outline-offset:2px}.layer-section__fields{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.layer-section__field{display:grid;grid-gap:var(--space-xs);gap:var(--space-xs)}.layer-section__field-label{font-size:var(--font-xs);color:var(--text-muted)}.layer-section__fields .choice-group{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:6px;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}.time-control-stack{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);z-index:2;justify-items:center;width:min(42rem,calc(100% - 1.5rem))}.time-control,.time-control-stack{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.time-control{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;grid-gap:6px;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;grid-gap:var(--space-sm);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}.spot-page{position:absolute;top:0;left:0;z-index:1;display:grid;grid-gap:1.5rem;gap:1.5rem;padding:1.5rem;pointer-events:none}.layout--spot .spot-page{position:relative;z-index:auto;pointer-events:auto;order:1}.spot-page__hero{display:grid;grid-gap:.75rem;gap:.75rem;max-width:56rem;pointer-events:auto}.not-found-page__eyebrow,.spot-page__eyebrow{margin:0;color:var(--text-eyebrow);font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.not-found-page__title,.spot-page__title{margin:0;font-size:clamp(2rem,5vw,3.5rem);line-height:1}.not-found-page__copy,.spot-page__lede{margin:0;color:var(--text-muted);font-size:1rem;line-height:1.6}.spot-page__facts{display:flex;flex-wrap:wrap;gap:1rem;margin:0}.spot-page__facts div{padding:.85rem 1rem;border:1px solid var(--divider);border-radius:14px;background:rgba(255,255,255,.04)}.spot-page__facts dt{margin:0 0 .35rem;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-eyebrow)}.spot-page__facts dd{margin:0;color:var(--text-primary)}.not-found-page{display:grid;grid-gap:1rem;gap:1rem;max-width:36rem;padding:3rem 1.5rem}.not-found-page__link{width:-moz-fit-content;width:fit-content;padding:.8rem 1rem;border-radius:999px;background:#59c8ff;color:#052133;font-weight:700;text-decoration:none}@media (max-width:720px){.time-control-stack{width:min(30rem,calc(100% - .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(7rem,26vh,8.5rem)}.spot-page{padding:1rem}.layout--spot .app{margin:0 1rem 1rem}}