:root{--c-bg: #eef2f5;--c-navy: #153f76;--c-true: #397de0;--c-apparent: #0a9a7d;--c-sail: #783ee7;--c-aoa: #e05049;--c-ink: #16273d;--c-ink-soft: #4e6079;--c-panel: #ffffff;--c-line: #d9e1ea;--c-line-soft: #e8eef4;--c-halo: #f4f8fd;--radius: 16px;--radius-sm: 10px;--shadow: 0 1px 2px rgba(21, 63, 118, .05), 0 8px 22px rgba(21, 63, 118, .07);--gap: 16px;--pad: 16px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--c-bg);color:var(--c-ink);font-family:system-ui,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,p,ul,ol,dl,dd,table{margin:0;padding:0}ul,ol{list-style:none}.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}.app{display:flex;flex-direction:column;padding:0 16px 14px}.topbar{order:1}.layout{order:3}.panel--angle{order:4}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 4px 12px;border-bottom:1px solid var(--c-line);margin-bottom:12px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand__mark{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;background:var(--c-panel);border:1px solid var(--c-line);border-radius:14px;box-shadow:var(--shadow)}.brand__mark svg{width:30px;height:30px}.brand__sail{fill:var(--c-sail)}.brand__jib{fill:var(--c-true)}.brand__hull{fill:var(--c-navy)}.brand__title{font-size:1.7rem;font-weight:750;letter-spacing:-.01em;color:var(--c-navy);line-height:1.1}.brand__sub{font-size:.95rem;color:var(--c-ink-soft);margin-top:2px}.topbar__actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}.pop{position:relative}.pop__button{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;background:var(--c-panel);border:1px solid var(--c-line);border-radius:999px;box-shadow:var(--shadow);font:inherit;font-size:.96rem;font-weight:600;color:var(--c-navy);cursor:pointer;white-space:nowrap;transition:border-color .12s ease,background .12s ease}.pop__button:hover{border-color:#b9cade}.pop__button[aria-expanded=true]{background:var(--c-navy);border-color:var(--c-navy);color:#fff}.pop__icon{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--c-true);color:#fff;font-size:.82rem;font-weight:700}.pop__button[aria-expanded=true] .pop__icon{background:#fff;color:var(--c-navy)}.pop__lines{width:16px;height:16px;flex:0 0 auto}.pop__lines line{stroke-width:2.4;stroke-linecap:round}.pop__lines line:nth-child(1){stroke:var(--c-true)}.pop__lines line:nth-child(2){stroke:var(--c-apparent)}.pop__lines line:nth-child(3){stroke:var(--c-sail)}.pop__button[aria-expanded=true] .pop__lines line{stroke:#fff}.pop__body{position:absolute;z-index:30;top:calc(100% + 10px);right:0;width:min(560px,calc(100vw - 40px));max-height:min(70vh,680px);overflow-y:auto;padding:18px 20px;background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--radius);box-shadow:0 12px 40px #153f762e;text-align:left}.pop__body h2{font-size:1.05rem;color:var(--c-navy);margin-bottom:10px}.pop__body ol{list-style:decimal;padding-left:20px;display:grid;gap:9px;font-size:.97rem;color:var(--c-ink-soft)}.pop__body strong{color:var(--c-ink)}.pop__note{margin-top:12px;padding-top:12px;border-top:1px solid var(--c-line-soft);font-size:.9rem;color:var(--c-ink-soft)}.layout{display:grid;gap:var(--gap);align-items:start;grid-template-columns:minmax(300px,350px) minmax(0,1fr) minmax(320px,390px);grid-template-areas:"conditions viz state"}.side-col{grid-area:conditions;display:grid;gap:var(--gap);align-items:start}.viz{grid-area:viz}.state-col{grid-area:state;display:grid;gap:var(--gap);align-items:start}.panel--angle{position:sticky;bottom:12px;z-index:10;margin-top:var(--gap);box-shadow:0 -2px 6px #153f760d,0 10px 30px #153f7629}.panel.panel--angle{padding:8px 20px}.panel,.viz{background:var(--c-panel);border:1px solid var(--c-line);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--pad)}.viz{padding:12px;container-type:inline-size;background:linear-gradient(to bottom,#f7fbff,#e6eef7)}.panel__eyebrow{font-size:.76rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8299b4}.panel__title{font-size:1.2rem;font-weight:700;color:var(--c-navy);margin-top:3px}.panel__title--lead{margin-top:0}.hint{margin-top:10px;font-size:.95rem;color:var(--c-ink-soft)}.readout{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:0 10px;margin-top:10px;padding:8px 0 0;border-top:1px solid var(--c-line-soft)}.readout__label{font-size:1rem;font-weight:600}.readout__value{font-size:1.4rem;font-weight:750;font-variant-numeric:tabular-nums}.readout__value--true{color:var(--c-true)}.readout__note{grid-column:1 / -1;font-size:.86rem;line-height:1.3;color:var(--c-ink-soft)}.field{margin-top:10px;padding-top:8px;border-top:1px solid var(--c-line-soft)}.field__top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.field__label{font-size:1rem;font-weight:600}.field__value{font-size:1.4rem;font-weight:750;color:var(--c-navy);font-variant-numeric:tabular-nums}.slider{width:100%;height:28px;margin:6px 0 0;accent-color:var(--c-navy);cursor:pointer}.field__hint{margin-top:8px;font-size:.9rem;color:var(--c-ink-soft)}.legend{display:grid;gap:12px;margin-top:10px}.legend__item{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:start}.legend__glyph{width:40px;height:18px;margin-top:4px}.legend__name{font-size:.98rem;font-weight:650}.legend__text{font-size:.9rem;color:var(--c-ink-soft);margin-top:1px}.glyph-true{stroke:var(--c-true);stroke-width:3;stroke-linecap:round}.glyph-boat{stroke:var(--c-navy);stroke-width:3;stroke-linecap:round}.glyph-apparent{stroke:var(--c-apparent);stroke-width:3;stroke-linecap:round}.glyph-sail{stroke:var(--c-sail);stroke-width:5.5;stroke-linecap:round}.glyph-flow{stroke:var(--c-apparent);stroke-width:1.6;stroke-dasharray:5 4}.glyph-sail--luffing{opacity:.45;stroke-dasharray:5 4}.glyph-telltale{stroke:var(--c-aoa);stroke-width:1.8;stroke-linecap:round}.glyph-sail-thin{stroke:var(--c-sail);stroke-width:4;stroke-linecap:round}.glyph-arc{fill:none;stroke:var(--c-aoa);stroke-width:1.6}.state-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.state-hero__note{font-size:.9rem;color:var(--c-ink-soft);margin-top:2px}.state-hero__value{font-size:2.15rem;font-weight:750;line-height:1;letter-spacing:-.02em;color:var(--c-navy);font-variant-numeric:tabular-nums;white-space:nowrap}.state-hero__value--dead{color:var(--c-aoa)}.tack{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-top:12px;padding:10px 13px;border-radius:var(--radius-sm);background:#f2f6fb;border-left:4px solid var(--c-navy)}.tack--port{background:#eef5ff;border-left-color:var(--c-true)}.tack--starboard{background:#eef8f5;border-left-color:var(--c-apparent)}.tack--none,.tack--dead{background:#fdf1ef;border-left-color:var(--c-aoa)}.tack__warn{flex:1 0 100%;font-size:.86rem;font-weight:600;color:#8d3a35}.tack__name{font-size:1.08rem;font-weight:700}.tack__side{font-size:.9rem;color:var(--c-ink-soft)}.facts{margin-top:12px;display:grid;gap:2px}.facts__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--c-line-soft)}.facts__row:last-child{border-bottom:none}.facts dt{font-size:.95rem;color:var(--c-ink-soft)}.facts dd{font-size:1.02rem;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.trim{width:100%;margin-top:10px;border-collapse:collapse}.trim th,.trim td{text-align:right;padding:6px 0;font-size:.98rem;font-variant-numeric:tabular-nums}.trim thead th{font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8299b4;border-bottom:1px solid var(--c-line);padding-bottom:6px}.trim tbody th{text-align:left;font-weight:650;display:flex;align-items:center;gap:8px}.trim tbody tr+tr th,.trim tbody tr+tr td{border-top:1px dashed var(--c-line-soft)}.trim__swatch{width:20px;height:5.5px;border-radius:3px;background:var(--c-sail);flex:0 0 auto}.trim__tag{font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#8d3a35;background:#fdf1ef;padding:2px 6px;border-radius:999px}.trim__target{color:var(--c-aoa);font-weight:750}.panel--sum{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto}.sum-plot{display:grid;place-items:center;min-height:0;padding:8px 0 4px}.sum-svg{display:block;width:100%;height:auto;max-height:100%;margin:0 auto}.sum-vec{fill:none;stroke-linecap:round}.sum-vec--true{stroke:var(--c-true);stroke-width:3.1}.sum-vec--apparent{stroke:var(--c-apparent);stroke-width:2.6}.sum-vec--boat{stroke:var(--c-navy);stroke-width:2.3}.sum-origin{fill:#7e97b6}.sum-label{font-size:14px}.sum-label{font-weight:700;paint-order:stroke;stroke:#fff;stroke-width:4.5px;stroke-linejoin:round}.sum-label--true{fill:var(--c-true)}.sum-label--apparent{fill:var(--c-apparent)}.sum-label--boat{fill:var(--c-navy)}.sum-legend{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sum-legend li{display:grid;grid-template-columns:16px minmax(0,1fr);column-gap:7px;align-items:center}.sum-legend__name{font-size:.84rem;color:var(--c-ink-soft)}.sum-legend b{grid-column:2;font-size:1.02rem;color:var(--c-ink);font-variant-numeric:tabular-nums}.sum-chip{width:16px;height:4px;border-radius:2px;flex:0 0 auto}.sum-chip--true{background:var(--c-true)}.sum-chip--boat{background:var(--c-navy)}.sum-chip--apparent{background:var(--c-apparent)}.angle__head{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;flex-wrap:wrap}.panel--angle .panel__title{margin-top:0;font-size:1.02rem}.angle__sub{margin-top:4px;font-size:.93rem;color:var(--c-ink-soft)}.angle__value{display:flex;align-items:baseline;gap:10px;text-align:right}.angle__number{font-size:1.35rem;font-weight:750;line-height:1.05;letter-spacing:-.02em;color:var(--c-navy);font-variant-numeric:tabular-nums}.angle__meta{font-size:.92rem;font-weight:600;color:var(--c-ink-soft)}.angle__legend{display:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;margin-top:6px;font-size:.86rem;font-weight:600;color:var(--c-ink-soft)}.angle__legend span:first-child{text-align:left}.angle__legend span:last-child{text-align:right}.angle__legend-dead{padding:2px 11px;border-radius:999px;background:#fdf1ef;color:#8d3a35;font-weight:700;white-space:nowrap}.track{position:relative;height:32px;margin-top:6px}.track__zones{position:absolute;top:3px;right:0;bottom:3px;left:0;display:flex;border:1px solid var(--c-line);border-radius:8px;overflow:hidden}.track__zone{display:grid;place-items:center;min-width:0;border-right:1px solid rgba(255,255,255,.85);transition:filter .12s ease}.track__zone:last-child{border-right:none}.track__zone--close{background:#e3ecf9}.track__zone--beam{background:#d2e2f6}.track__zone--broad{background:#c0d6f2}.track__zone--run{background:#aecbee}.track__zone--work{background:#d2e2f6}.track__zone--luff,.track__zone--stall{background:repeating-linear-gradient(-45deg,#fdeceb,#fdeceb 8px,#fbe0de 8px,#fbe0de 16px)}.track__zone--luff .track__zone-label,.track__zone--stall .track__zone-label{color:#8d3a35}.track__zone--dead{background:repeating-linear-gradient(-45deg,#fdeceb,#fdeceb 8px,#fbe0de 8px,#fbe0de 16px)}.track__zone.is-active{filter:saturate(1.5) brightness(.97)}.track__zone-label{font-size:.68rem;font-weight:650;letter-spacing:.02em;color:#3c5d86;white-space:nowrap;overflow:hidden;padding:0 4px}.track__zone--dead .track__zone-label{color:#8d3a35}.track__zone.is-active .track__zone-label{color:var(--c-navy)}.track__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:ew-resize}.track__input::-webkit-slider-runnable-track{height:100%;background:transparent;border:none}.track__input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:28px;border-radius:6px;background:var(--c-navy);border:3px solid #fff;box-shadow:0 2px 10px #153f7666}.track__input::-moz-range-track{height:100%;background:transparent;border:none}.track__input::-moz-range-thumb{width:20px;height:28px;border-radius:6px;background:var(--c-navy);border:3px solid #fff;box-shadow:0 2px 10px #153f7666}.track__hals{font-weight:600;color:var(--c-ink-soft)}.track__ticks{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;margin-top:3px;font-size:.84rem;color:#8299b4;font-variant-numeric:tabular-nums}.track__ticks span:first-child{text-align:left}.track__ticks span:last-child{text-align:right}.plan{display:block;width:100%;height:auto;--k: 1;--fs-vec: calc(17px * var(--k));--fs-sub: calc(13.5px * var(--k));--fs-mark: calc(15px * var(--k));--fs-aoa: calc(15px * var(--k));--fs-sail: calc(16px * var(--k));--fs-twa: calc(19px * var(--k));--w-vec: calc(3 * var(--k))}@container (max-width: 660px){.plan{--k: 1.15}}@container (max-width: 540px){.plan{--k: 1.3}}@container (max-width: 430px){.plan{--k: 1.45}}.streaks{opacity:.16}.streaks line{stroke:var(--c-true);stroke-width:2}.wind-axis line{stroke:#a8bbd2;stroke-width:1.5;stroke-dasharray:9 9}.twa-arc{fill:none;stroke:var(--c-navy);stroke-width:1.8;stroke-dasharray:5 6;opacity:.5}.plan-twa{fill:var(--c-navy);font-size:var(--fs-twa);font-weight:750;paint-order:stroke;stroke:var(--c-halo);stroke-width:6px;stroke-linejoin:round}.plan-mark{fill:#7d94af;font-size:var(--fs-mark);font-weight:600;paint-order:stroke;stroke:var(--c-halo);stroke-width:5px;stroke-linejoin:round}.boat-group{transition:transform 90ms linear}.hull{fill:#fafcfe;stroke:var(--c-navy);stroke-width:2.4}.deck{fill:none;stroke:#a3b8d4;stroke-width:1.2}.cockpit{fill:#eaf1f8;stroke:#a3b8d4;stroke-width:1}.bow-mark{fill:none;stroke:#a3b8d4;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.centerline{stroke:var(--c-navy);stroke-width:1;stroke-dasharray:7 7;opacity:.32}.rig-point{fill:var(--c-navy);stroke:#fff;stroke-width:2}.sail-rot{transition:transform 90ms linear}.sail{stroke:var(--c-sail);stroke-width:5.5;stroke-linecap:round}.sail--luffing{opacity:.42;stroke-dasharray:11 9}.telltale{stroke:var(--c-aoa);stroke-width:calc(1.8 * var(--k));stroke-linecap:round}.flow-ref{stroke:var(--c-apparent);stroke-width:1.7;stroke-dasharray:8 6;opacity:.8}.aoa-arc{fill:none;stroke:var(--c-aoa);stroke-width:2}.plan-aoa{fill:var(--c-aoa);font-size:var(--fs-aoa);font-weight:750;paint-order:stroke;stroke:var(--c-halo);stroke-width:4.5px;stroke-linejoin:round}.plan-sail-name{fill:var(--c-sail);font-size:var(--fs-sail);font-weight:700;paint-order:stroke;stroke:var(--c-halo);stroke-width:5px;stroke-linejoin:round}.plan-side{fill:var(--c-apparent);font-size:var(--fs-mark);font-weight:650;paint-order:stroke;stroke:var(--c-halo);stroke-width:5px;stroke-linejoin:round}.vec{fill:none;stroke-width:var(--w-vec);stroke-linecap:round}.vec--true{stroke:var(--c-true);stroke-width:calc(var(--w-vec) * 1.25)}.vec--apparent{stroke:var(--c-apparent)}.vec--boat{stroke:var(--c-navy)}.vec--theoretical{stroke-dasharray:10 8;opacity:.5}.vec-dot{fill:var(--c-navy)}.plan-label{font-size:var(--fs-vec);font-weight:650;paint-order:stroke;stroke:var(--c-halo);stroke-width:6.5px;stroke-linejoin:round}.plan-sub{font-size:var(--fs-sub);font-weight:500;opacity:.85}.plan-label--true{fill:var(--c-true)}.plan-label--apparent{fill:var(--c-apparent)}.plan-label--boat{fill:var(--c-navy)}.slider:focus-visible,.track__input:focus-visible,.pop__button:focus-visible{outline:3px solid rgba(57,125,224,.55);outline-offset:3px;border-radius:12px}@media(min-width:1121px)and (min-height:700px){.app{height:100dvh}.layout{flex:1 1 auto;min-height:0;align-items:stretch}.side-col,.state-col{align-items:stretch;grid-template-rows:auto minmax(0,1fr);min-height:0;overflow-y:auto}.viz{display:grid;place-items:center;min-height:0}.plan{width:100%;height:100%}}@media(max-width:1320px){.layout{grid-template-columns:minmax(280px,320px) minmax(0,1fr) minmax(300px,350px)}body{font-size:16.5px}}@media(max-width:1120px){.layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr);grid-template-areas:"conditions viz" "state state"}.state-col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.state-col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:790px){.app{padding:0 10px 18px}.layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"viz" "conditions" "state"}.panel--angle{order:2;position:static;margin:0 0 var(--gap);box-shadow:var(--shadow)}.state-col{grid-template-columns:minmax(0,1fr)}.topbar{flex-wrap:wrap;padding:12px 2px 14px}.brand__title{font-size:1.45rem}.brand__sub{font-size:.9rem}.topbar__actions{width:100%}.pop{flex:1 1 0}.pop__button{width:100%;justify-content:center}.pop__body{position:fixed;left:10px;right:10px;top:auto;width:auto;max-height:70vh}.track__zone-label{display:none}.track--aoa .track__zone-label{display:block}.angle__legend{display:grid}.track__hals{display:none}.track{height:50px}.track__zones{top:7px;right:0;bottom:7px;left:0}.track__input::-webkit-slider-thumb{width:24px;height:44px}.track__input::-moz-range-thumb{width:24px;height:44px}.angle__value{width:100%;justify-content:space-between;text-align:left}.track__ticks span:nth-child(2){font-size:.82rem}}@media(max-width:480px){.angle__legend{font-size:.84rem}.angle__legend-dead{padding:4px 8px}.state-hero__value{font-size:1.9rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.wind-origin{fill:#7e97b6}