@layer foundation-layout, foundation-weather, foundation-page, foundation-design, foundation-default, runtime-values, components-default, components-design, components-page, components-weather, components-layout, runtime-active;
@import url("./font-faces.css?v=22a8cdfa069c");
@layer foundation-default{
:root{color-scheme: dark;--ui-font: Inter, "Segoe UI", system-ui, sans-serif;font-feature-settings: "cv08" 1;--ui-bg: #0f1724;--ui-surface: #172233;--ui-raised: #1e2d41;--ui-text: #e8eef6;--ui-muted: #a9b8c9;--ui-heading: #b8d9f4;--ui-border: #35495f;--ui-accent: #83c5f4;--ui-button-bg: #243d58;--ui-button-border: #75b5e4;--ui-button-hover: #2e4d6d;--ui-nav-bg: #111d32;--ui-nav-item-bg: #1a3150;--ui-nav-item-hover: #23476d;--ui-nav-active: #2a547d;--ui-nav-icon: #b5c6d8;/**/ --ui-nav-time: #a2e9ee;--ui-nav-date: #bbdcfa;--ui-nav-temperature: #b9dfff;--ui-nav-weather: #87c5e5;--ui-nav-menu-bg: #243b53;--ui-nav-menu-border: #7ca9d0;--ui-nav-menu-hover: #345672;--ui-nav-menu-shadow: 0 14px 32px rgb(0 0 0 / .4), 0 3px 8px rgb(0 0 0 / .22);--ui-radius: 18px;--ui-radius-inner: 12px;--ui-shadow: 0 8px 24px rgb(0 0 0 / .12);--ui-success: #a5d7b6;--ui-warning: #e4c28c;--ui-chart-bg: #132133;--ui-chart-grid: #34495f;--ui-chart-text: #cad8e6;--ui-selection: #244664;--ui-space-1: 4px;--ui-space-2: 8px;--ui-space-3: 12px;--ui-space-4: 16px;--ui-space-5: 24px;--ui-space-6: 32px;--app-main-card-gap: 20px;--app-main-card-width: var(--app-standard-page-card-width, 1480px);--ui-status-padding: 6px 12px}
.site-status-bubble{display: inline-flex;align-items: center;gap: 6px;padding: var(--ui-status-padding);border: 1px solid var(--ui-border);border-radius: 999px;background: var(--ui-raised);color: var(--ui-text);font-size: .82rem;line-height: 1.35}
.site-disclosure-button{min-height: 32px;padding: 5px 12px;border: 1px solid var(--ui-button-border);border-radius: 9px;background: var(--ui-button-bg);color: var(--ui-text);font: inherit;cursor: pointer}
.site-disclosure-button:focus-visible{outline: 2px solid var(--ui-accent);outline-offset: 3px}
:root{--page-bg: var(--ui-bg);--page-bg-deep: var(--ui-bg);--panel: var(--ui-surface);--panel-deep: var(--ui-bg);--panel-soft: var(--ui-raised);--line: var(--ui-border);--line-strong: var(--ui-button-border);--text: var(--ui-text);--muted: var(--ui-muted);--blue: var(--ui-accent);--shadow: var(--ui-shadow)}}
@layer components-layout{html body{font-synthesis: none;text-rendering: auto;-webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto}
html body :is(main, .top-nav, .site-footer) :where( h1, h2, h3, h4, h5, h6, p, span, strong, b, em, small, label, a, button, input, select, textarea, td, th, li, dt, dd, div, section, article, text ){text-shadow: none;-webkit-text-stroke: 0;text-rendering: auto;-webkit-font-smoothing: auto;-moz-osx-font-smoothing: auto}
html body [data-main-card-root]{display: grid;grid-template-columns: minmax(0, 1fr);row-gap: var(--app-main-card-gap, 20px)}
html body [data-main-card-unit], html body [data-main-card-stack]{box-sizing: border-box;width: 100%;max-width: var(--app-main-card-width, 1480px);margin-block: 0;margin-inline: auto;justify-self: center}
html body [data-main-card-stack]{row-gap: var(--app-main-card-gap, 20px);align-content: start}
html body [data-main-card-unit="nested"]{max-width: 100%}}

/* Pause decorative animation without removing content or changing dimensions. */
@layer runtime-active { .site-offscreen, .site-offscreen *, .site-page-background *, .site-page-background *::before, .site-page-background *::after, .site-offscreen *::before, .site-offscreen *::after { animation-play-state: paused; } }
@media (prefers-reduced-motion: reduce) { @layer runtime-active { html { scroll-behavior: auto; } } }