.cw-wind-compass.svelte-ui89i8{--cw-wind-size: 320px;--cw-wind-bezel-hi: color-mix( in srgb, var(--cw-bg-elevated) 78%, #0d1726 );--cw-wind-bezel-lo: color-mix( in srgb, var(--cw-bg-base) 60%, #000814 );--cw-wind-bezel-stroke: color-mix( in srgb, var(--cw-border-strong, var(--cw-border-default)) 70%, transparent );--cw-wind-face-hi: color-mix( in srgb, #0e1c2c 90%, var(--cw-bg-surface) 10% );--cw-wind-face-lo: #050b14;--cw-wind-face-stroke: color-mix(in srgb, #1d3550 70%, transparent);--cw-wind-ring: color-mix(in srgb, #5fa6ff 32%, transparent);--cw-wind-tick: color-mix(in srgb, #cfe1ff 55%, transparent);--cw-wind-tick-major: #d6e4f8;--cw-wind-tick-cardinal: #f4f8ff;--cw-wind-arrow-hi: #ffd866;--cw-wind-arrow-lo: #ff9a3d;--cw-wind-arrow-tail: #4cd7ff;--cw-wind-hub: #1c2c44;--cw-wind-hub-ring: #d6e4f8;--cw-wind-hub-dot: #ffd866;--cw-wind-heading-bug: #ffd866;--cw-wind-readout-bg: #050b14;--cw-wind-readout-stroke: color-mix(in srgb, #1d3550 80%, transparent);--cw-wind-readout-inner: color-mix(in srgb, #4cd7ff 22%, transparent);--cw-wind-readout-value: #ffd866;--cw-wind-readout-unit: color-mix(in srgb, #4cd7ff 88%, #ffffff);display:grid;gap:var(--cw-space-5);padding:var(--cw-space-5);background:linear-gradient(180deg,color-mix(in srgb,var(--cw-bg-surface-elevated) 92%,transparent),color-mix(in srgb,var(--cw-bg-surface) 88%,transparent));border:1px solid color-mix(in srgb,var(--cw-border-default) 72%,transparent);border-radius:var(--cw-radius-xl, 1.25rem);color:var(--cw-text-primary);box-shadow:0 1px color-mix(in srgb,white 6%,transparent) inset,0 18px 30px -22px color-mix(in srgb,#000 50%,transparent)}[data-theme=light] .cw-wind-compass.svelte-ui89i8,.cw-wind-compass[data-theme=light]{--cw-wind-bezel-hi: #2a3a52;--cw-wind-bezel-lo: #142035;--cw-wind-face-hi: #1a2a3f;--cw-wind-face-lo: #0c1726;--cw-wind-face-stroke: color-mix(in srgb, #2a3a52 78%, transparent);--cw-wind-tick: color-mix(in srgb, #cfe1ff 55%, transparent);--cw-wind-tick-major: #e7eefb;--cw-wind-tick-cardinal: #ffffff;--cw-wind-ring: color-mix(in srgb, #79b6ff 36%, transparent);--cw-wind-arrow-hi: #ffd070;--cw-wind-arrow-lo: #ff8a3a;--cw-wind-hub: #213553;--cw-wind-hub-ring: #f4f8ff;--cw-wind-readout-bg: #06101e;--cw-wind-readout-stroke: color-mix(in srgb, #2a3a52 80%, transparent);--cw-wind-readout-inner: color-mix(in srgb, #79b6ff 28%, transparent)}.cw-wind-compass__header.svelte-ui89i8{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--cw-space-4)}.cw-wind-compass__header-copy.svelte-ui89i8{display:grid;gap:.4rem;max-width:60ch}.cw-wind-compass__eyebrow.svelte-ui89i8{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cw-text-muted);font-weight:700;margin:0}.cw-wind-compass__title-row.svelte-ui89i8{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cw-space-2)}.cw-wind-compass__title.svelte-ui89i8{font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:var(--cw-font-semibold, 600);margin:0;color:var(--cw-text-primary)}.cw-wind-compass__subtitle.svelte-ui89i8{font-size:var(--cw-text-sm);color:var(--cw-text-secondary);line-height:1.55;margin:0}.cw-wind-compass__beaufort-pill.svelte-ui89i8{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:.22rem .55rem;border-radius:999px;border:1px solid currentColor;color:var(--cw-text-secondary)}.cw-wind-compass__beaufort-pill--calm.svelte-ui89i8{color:var(--cw-info-500);background:color-mix(in srgb,var(--cw-info-500) 14%,transparent)}.cw-wind-compass__beaufort-pill--light.svelte-ui89i8{color:var(--cw-success-500);background:color-mix(in srgb,var(--cw-success-500) 14%,transparent)}.cw-wind-compass__beaufort-pill--moderate.svelte-ui89i8{color:var(--cw-primary-500);background:color-mix(in srgb,var(--cw-primary-500) 14%,transparent)}.cw-wind-compass__beaufort-pill--strong.svelte-ui89i8{color:var(--cw-warning-700);background:color-mix(in srgb,var(--cw-warning-500) 18%,transparent)}.cw-wind-compass__beaufort-pill--gale.svelte-ui89i8{color:var(--cw-danger-500);background:color-mix(in srgb,var(--cw-danger-500) 16%,transparent)}.cw-wind-compass__beaufort-pill--storm.svelte-ui89i8{color:#fff;background:var(--cw-danger-700);border-color:transparent}.cw-wind-compass__reading.svelte-ui89i8{display:grid;gap:.15rem;justify-items:end;text-align:right;min-width:9rem}.cw-wind-compass__reading-label.svelte-ui89i8{font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cw-text-muted);font-weight:700}.cw-wind-compass__reading-direction.svelte-ui89i8{font-size:clamp(1.5rem,2.5vw,2rem);font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:.02em;color:var(--cw-text-primary)}.cw-wind-compass__reading-cardinal.svelte-ui89i8{font-size:var(--cw-text-sm);color:var(--cw-text-secondary);font-weight:600;letter-spacing:.08em}.cw-wind-compass__reading.svelte-ui89i8 small:where(.svelte-ui89i8){font-size:var(--cw-text-xs);color:var(--cw-text-muted)}.cw-wind-compass__dial-shell.svelte-ui89i8{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--cw-space-3);padding:var(--cw-space-3) 0 0}.cw-wind-compass__dial.svelte-ui89i8{width:var(--cw-wind-size);height:var(--cw-wind-size);max-width:100%;filter:drop-shadow(0 18px 30px color-mix(in srgb,#000814 55%,transparent))}.cw-wind-compass__deg-label.svelte-ui89i8{font-size:12px;font-weight:600;fill:var(--cw-wind-tick-major);font-variant-numeric:tabular-nums;letter-spacing:.05em}.cw-wind-compass__cardinal.svelte-ui89i8{font-size:19px;font-weight:800;fill:var(--cw-wind-tick-cardinal);letter-spacing:.08em}.cw-wind-compass__cardinal--north.svelte-ui89i8{fill:#ffd866}.cw-wind-compass__arrow.svelte-ui89i8{transition:transform var(--cw-duration-medium, .4s) var(--cw-ease-default, cubic-bezier(.4, 0, .2, 1))}.cw-wind-compass__readout-panel.svelte-ui89i8{display:flex;flex-direction:column;align-items:center;gap:.2rem;min-width:9rem;padding:.55rem 1.25rem .65rem;border-radius:.7rem;background:var(--cw-wind-readout-bg);border:1px solid var(--cw-wind-readout-stroke);box-shadow:inset 0 0 0 1px var(--cw-wind-readout-inner),0 8px 18px -10px color-mix(in srgb,#000 60%,transparent);font-feature-settings:"tnum" 1}.cw-wind-compass__readout-primary.svelte-ui89i8{display:flex;align-items:baseline;gap:.55rem}.cw-wind-compass__readout-value.svelte-ui89i8{font-size:1.65rem;font-weight:700;font-variant-numeric:tabular-nums;font-family:var( --cw-font-mono, ui-monospace, "SFMono-Regular", Menlo, monospace );color:var(--cw-wind-readout-value);letter-spacing:.04em;line-height:1}.cw-wind-compass__readout-unit.svelte-ui89i8{font-size:.72rem;font-weight:700;color:var(--cw-wind-readout-unit);letter-spacing:.18em;text-transform:uppercase}.cw-wind-compass__readout-secondary.svelte-ui89i8{display:flex;align-items:baseline;gap:.45rem;padding-top:.3rem;border-top:1px dashed color-mix(in srgb,var(--cw-wind-readout-inner) 70%,transparent);width:100%;justify-content:center}.cw-wind-compass__readout-secondary-value.svelte-ui89i8{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;font-family:var( --cw-font-mono, ui-monospace, "SFMono-Regular", Menlo, monospace );color:var(--cw-wind-readout-value);opacity:.85;letter-spacing:.03em;line-height:1}.cw-wind-compass__readout-secondary-unit.svelte-ui89i8{font-size:.65rem;font-weight:700;color:var(--cw-wind-readout-unit);letter-spacing:.16em;text-transform:uppercase;opacity:.85}.cw-wind-compass__sr-summary.svelte-ui89i8{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.cw-wind-compass__stats.svelte-ui89i8{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:var(--cw-space-2);padding:0;margin:0}.cw-wind-compass__stat.svelte-ui89i8{display:grid;gap:.2rem;padding:.7rem .85rem;border-radius:var(--cw-radius-lg, .75rem);background:color-mix(in srgb,var(--cw-bg-muted) 60%,var(--cw-bg-surface));border:1px solid color-mix(in srgb,var(--cw-border-default) 60%,transparent)}.cw-wind-compass__stat.svelte-ui89i8 dt:where(.svelte-ui89i8){font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cw-text-muted);font-weight:700}.cw-wind-compass__stat.svelte-ui89i8 dd:where(.svelte-ui89i8){font-size:var(--cw-text-base);font-weight:600;color:var(--cw-text-primary);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:.4rem;margin:0}.cw-wind-compass__stat-secondary.svelte-ui89i8{font-size:var(--cw-text-sm);color:var(--cw-text-secondary);font-weight:500;letter-spacing:.06em}.cw-wind-compass__stat--guidance.svelte-ui89i8 dd:where(.svelte-ui89i8){font-size:var(--cw-text-sm);color:var(--cw-text-secondary);font-weight:500;line-height:1.4}.cw-wind-compass__stat--calm.svelte-ui89i8{border-color:color-mix(in srgb,var(--cw-info-500) 50%,transparent)}.cw-wind-compass__stat--light.svelte-ui89i8{border-color:color-mix(in srgb,var(--cw-success-500) 50%,transparent)}.cw-wind-compass__stat--moderate.svelte-ui89i8{border-color:color-mix(in srgb,var(--cw-primary-500) 55%,transparent)}.cw-wind-compass__stat--strong.svelte-ui89i8{border-color:color-mix(in srgb,var(--cw-warning-500) 65%,transparent)}.cw-wind-compass__stat--gale.svelte-ui89i8{border-color:color-mix(in srgb,var(--cw-danger-500) 65%,transparent)}.cw-wind-compass__stat--storm.svelte-ui89i8{border-color:color-mix(in srgb,var(--cw-danger-700) 80%,transparent);background:color-mix(in srgb,var(--cw-danger-700) 14%,var(--cw-bg-muted))}@media(prefers-reduced-motion:reduce){.cw-wind-compass__arrow.svelte-ui89i8{transition:none}}h2.svelte-nf1z8r{font-size:var(--cw-text-xl);font-weight:var(--cw-font-bold);margin-bottom:var(--cw-space-2)}h3.svelte-nf1z8r{color:var(--cw-text-primary);font-size:clamp(1.2rem,2vw,1.45rem);font-weight:var(--cw-font-semibold);margin:0}.demo-desc.svelte-nf1z8r{color:var(--cw-text-secondary);font-size:var(--cw-text-sm);line-height:1.65;margin:0 0 var(--cw-space-6);max-width:66ch}.demo-copy.svelte-nf1z8r{color:var(--cw-text-secondary);font-size:var(--cw-text-sm);line-height:1.65;margin:0;max-width:64ch}code.svelte-nf1z8r{font-family:var(--cw-font-mono, ui-monospace, monospace);font-size:.85em;padding:0 .25em;border-radius:.25rem;background:color-mix(in srgb,var(--cw-bg-muted) 70%,transparent)}.demo-section.svelte-nf1z8r{display:grid;gap:var(--cw-space-4);margin-bottom:var(--cw-space-8)}.demo-section--stack.svelte-nf1z8r{align-items:start}.demo-section__copy.svelte-nf1z8r{display:grid;gap:var(--cw-space-2)}.demo-stage.svelte-nf1z8r{display:flex;justify-content:center}.demo-compact-row.svelte-nf1z8r{display:flex;flex-wrap:wrap;gap:var(--cw-space-4);justify-content:center}.demo-scenario-list.svelte-nf1z8r{display:grid;gap:var(--cw-space-3);grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}.demo-scenario-button.svelte-nf1z8r{align-items:flex-start;background:var(--cw-bg-elevated);border:1px solid color-mix(in srgb,var(--cw-border-default) 74%,transparent);border-radius:var(--cw-radius-xl);color:var(--cw-text-primary);cursor:pointer;display:grid;gap:.32rem;padding:.95rem 1rem;text-align:left;transition:transform var(--cw-duration-fast) var(--cw-ease-default),box-shadow var(--cw-duration-fast) var(--cw-ease-default),border-color var(--cw-duration-fast) var(--cw-ease-default)}.demo-scenario-button.svelte-nf1z8r:hover{transform:translateY(-1px)}.demo-scenario-button--active.svelte-nf1z8r{background:color-mix(in srgb,#1a5662 14%,var(--cw-bg-surface));border-color:color-mix(in srgb,#1a5662 72%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,white 18%,transparent),0 16px 24px color-mix(in srgb,#1a5662 18%,transparent);transform:translateY(-1px)}.demo-scenario-button.svelte-nf1z8r span:where(.svelte-nf1z8r){font-size:var(--cw-text-base);font-weight:var(--cw-font-semibold)}.demo-scenario-button.svelte-nf1z8r small:where(.svelte-nf1z8r){color:var(--cw-text-muted);font-size:var(--cw-text-xs)}.demo-controls.svelte-nf1z8r{display:grid;gap:var(--cw-space-3);grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.demo-slider.svelte-nf1z8r,.demo-live-card.svelte-nf1z8r{background:color-mix(in srgb,var(--cw-bg-muted) 44%,white);border:1px solid color-mix(in srgb,var(--cw-border-default) 74%,transparent);border-radius:1.1rem;display:grid;gap:.55rem;padding:1rem}.demo-slider__label.svelte-nf1z8r,.demo-live-card__label.svelte-nf1z8r{color:var(--cw-text-muted);font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.demo-slider.svelte-nf1z8r input:where(.svelte-nf1z8r){accent-color:#1a5662;width:100%}.demo-slider.svelte-nf1z8r strong:where(.svelte-nf1z8r),.demo-live-card.svelte-nf1z8r strong:where(.svelte-nf1z8r){font-size:var(--cw-text-lg);font-variant-numeric:tabular-nums}.demo-live-card.svelte-nf1z8r p:where(.svelte-nf1z8r){color:var(--cw-text-secondary);font-size:var(--cw-text-sm);line-height:1.55;margin:0}