@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");:root{--color-bg:#fff8ef;--color-surface:#fff8ef;--surface-bright:#fff8ef;--surface-container-lowest:#ffffff;--surface-container-low:#f9f3ea;--surface-container:#f3ede4;--surface-container-high:#ede7de;--surface-container-highest:#e8e2d9;--color-text:#1d1b16;--color-secondary:#695c53;--color-primary:#00455f;--color-primary-container:#1d5d7a;--color-primary-fixed:#c3e8ff;--color-on-primary-fixed:#001e2c;--color-tertiary-fixed:#c3e8ff;--color-tertiary-fixed-dim:#92cef1;--color-divider:#e8e2d9;--color-outline:#71787e;--color-outline-variant:#c0c7ce;--color-accent:#00455f;--color-accent-100:#f0f7fb;--color-accent-200:#d6ebff;--color-accent-300:#bdd8f2;--color-accent-400:#95ceef;--color-accent-500:#5980a6;--color-accent-600:#276582;--color-accent-700:#1d5d7a;--color-accent-800:#00455f;--color-accent-900:#002737;--color-neutral-100:#fff8ef;--color-neutral-200:#f9f3ea;--color-neutral-300:#e8e2d9;--color-neutral-400:#c0c7ce;--color-neutral-500:#98989b;--color-neutral-600:#695c53;--color-neutral-700:#50443c;--color-neutral-800:#33302a;--color-neutral-900:#1d1b16;--font-heading:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-heading-weight:700;--font-body:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--shadow-sm:0 1px 3px rgba(0,0,0,0.04);--shadow-md:0 3px 10px rgba(0,0,0,0.06);--shadow-lg:0 12px 32px rgba(0,0,0,0.08)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-heading-weight)}.blueprint{position:relative;border:1px solid var(--color-divider);border-radius:0}.blueprint.duotone,.blueprint.halftone,.blueprint.plate{overflow:visible}.blueprint>.corner{position:absolute;width:11px;height:11px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.blueprint>.corner:after,.blueprint>.corner:before{content:"";position:absolute;background:currentColor}.blueprint>.corner:before{left:5px;top:0;width:1px;height:100%}.blueprint>.corner:after{top:5px;left:0;width:100%;height:1px}.blueprint>.corner.tl{top:-6px;left:-6px}.blueprint>.corner.tr{top:-6px;right:-6px}.blueprint>.corner.bl{bottom:-6px;left:-6px}.blueprint>.corner.br{bottom:-6px;right:-6px}.duotone{position:relative;overflow:hidden}.duotone:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--color-accent);mix-blend-mode:color}*,:after,:before{box-sizing:border-box}body{font-size:15px;line-height:1.55;font-weight:400}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-heading-weight);line-height:1.12;letter-spacing:-.015em;margin:0 0 var(--space-2)}h1{font-size:42px}h2{font-size:32px}h3{font-size:25px}h4{font-size:20px}h5{font-size:16px}h6{font-size:13px;letter-spacing:.08em;text-transform:uppercase}p{margin:0 0 var(--space-3)}a{color:var(--color-accent);text-underline-offset:3px}img{display:block;max-width:100%}figure{margin:0}figcaption{font-size:11px;margin-top:var(--space-1)}.text-muted,figcaption{color:color-mix(in srgb,var(--color-text) 55%,transparent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}::selection{background:color-mix(in srgb,var(--color-accent) 30%,transparent)}.hr{height:1px;border:0;margin:var(--space-4) 0;background:var(--color-divider)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:14px;line-height:1.2;color:var(
    --color-text
  );border:1px solid transparent;padding:var(--space-2) calc(var(--space-3) * 1.2);border-radius:var(--radius-md)}.btn svg{display:block}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary:hover{background:var(--color-accent-600)}.btn-primary:active{background:var(--color-accent-700)}.btn-secondary{border-color:var(--color-divider)}.btn-secondary:hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.btn-secondary:active{background:color-mix(in srgb,var(--color-text) 14%,transparent)}.btn-ghost{color:var(--color-accent);padding-inline:var(--space-1)}.btn-ghost:hover{background:color-mix(in srgb,var(--color-accent) 10%,transparent)}.btn-ghost:active{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.btn-icon{width:36px;height:36px;padding:0}.btn-block{margin-top:var(--space-2)}.field>label{display:block;font-size:12px;margin-bottom:5px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.input{width:100%;min-height:36px;padding:6px 10px;font:inherit;font-size:14px;color:var(--color-text);caret-color:var(--color-accent);background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md)}.input:hover{border-color:color-mix(in srgb,var(--color-text) 45%,transparent)}.input:focus-visible{border-color:var(--color-accent);outline-offset:0}textarea.input{min-height:90px;resize:vertical}.radio{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}.radio input,.seg-opt input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.radio .dot{width:16px;height:16px;flex:none;border-radius:50%;border:1.5px solid var(--color-divider)}.radio input:checked+.dot,.radio:hover .dot{border-color:var(--color-accent)}.radio input:checked+.dot{background:var(--color-accent);box-shadow:inset 0 0 0 4px var(--color-bg)}.radio input:focus-visible+.dot{outline:2px solid var(--color-accent);outline-offset:2px}.seg{overflow:hidden;border-radius:var(--radius-md)}.seg,.seg-opt{display:inline-flex}.seg-opt{align-items:center;gap:6px;padding:7px 12px;font-size:13px;cursor:pointer}.seg-opt+.seg-opt{border-left:1px solid var(--color-divider)}.seg-opt:has(input:checked){background:var(--color-accent);color:var(--color-bg)}.seg-opt:not(:has(input:checked)):hover{background:color-mix(in srgb,var(--color-text) 7%,transparent)}.seg-opt:has(input:focus-visible){outline:2px solid var(--color-accent);outline-offset:-2px}.card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface)}.card-kicker{color:var(--color-accent)}.card-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:17px;line-height:1.2}.card-body{margin:0;font-size:13px;opacity:.8;flex:1 1}.card-meta{display:flex;align-items:center;gap:6px;font-size:11px;color:color-mix(in srgb,var(--color-text) 50%,transparent)}.elev-sm{box-shadow:var(--shadow-sm)}.elev-md{box-shadow:var(--shadow-md)}.elev-lg{box-shadow:var(--shadow-lg)}.tag{display:inline-flex;align-items:center;font-size:11px;letter-spacing:.02em;padding:3px 10px;border-radius:calc(var(--radius-md) * .75)}.tag-accent{background:var(--color-accent-100);color:var(--color-accent-800)}.tag-accent-2{background:var(--color-accent-2-100);color:var(--color-accent-2-800)}.tag-neutral{background:var(--color-neutral-100);color:var(--color-neutral-800)}.tag-outline{border:1px solid var(--color-accent);color:var(--color-accent)}.nav{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border-bottom:none}.nav-brand{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:18px;margin-right:auto}.nav a{color:inherit;text-decoration:none;font-size:14px}.nav a:hover,.nav a[aria-current=page]{color:var(--color-accent)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--color-text) 60%,transparent);border-bottom:1px solid var(--color-divider)}.table td,.table th{padding:var(--space-2)}.table td{border-bottom:1px solid color-mix(in srgb,var(--color-text) 8%,transparent)}.table tbody tr:hover{background:color-mix(in srgb,var(--color-text) 4%,transparent)}.dialog-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:var(--space-4);background:color-mix(in srgb,var(--color-neutral-900) 50%,transparent)}.dialog{width:min(440px,100%);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg)}.dialog-title{font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:20px}.dialog-body{font-size:14px;opacity:.85}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.btn,.card,.dialog,.input,.seg,.tag{border-radius:0}.card,.dialog{background:transparent;border:1px solid var(--color-divider)}.btn-ghost{border-color:transparent}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button:focus-visible,textarea:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.shell{min-height:100vh;display:flex;gap:44px;align-items:flex-start;justify-content:center;padding:38px 24px 64px}.notes{width:250px;padding-top:8px;color:var(--color-neutral-700);font-size:14px;line-height:1.55}.notes h2{font-size:28px;line-height:1;margin:10px 0 14px;color:var(--color-text)}.provenance{margin-top:24px;border-top:1px solid var(--color-divider);padding-top:12px;font-size:12px}.phone{width:min(100%,430px);min-height:850px;border:1px solid var(--color-divider);background:var(--color-bg);display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.content{padding:58px 18px 28px;flex:1 1}.bottom-nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);background:color-mix(in srgb,var(--color-bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--color-divider);padding:7px 5px 18px}.bottom-nav button{border:0;background:transparent;color:var(--color-neutral-500);display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:5px 0}.bottom-nav button i{width:22px;height:2px}.bottom-nav button.active{color:var(--color-text)}.bottom-nav button.active i{background:var(--color-accent)}.bottom-nav span{font-family:var(--font-heading);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:11px}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.content>h1,.top h1{font-size:31px;line-height:1;margin:5px 0 0}.card-kicker{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-accent-700)}.controls{display:flex;gap:5px}.seg{display:flex;border:1px solid var(--color-divider)}.seg button,.unit{border:0;background:transparent;padding:7px 10px;cursor:pointer;color:var(--color-text)}.seg button+button{border-left:1px solid var(--color-divider)}.seg button.on{background:var(--color-accent);color:var(--color-bg)}.unit{border:1px solid var(--color-divider);min-width:44px}.hero{margin-top:18px;padding:12px}.hero-head{display:flex;justify-content:space-between;align-items:center}.btn{border:1px solid var(--color-divider);background:transparent;color:var(--color-text);padding:8px 12px;cursor:pointer}.btn:hover{background:var(--color-accent-100)}.btn-primary{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg)}.btn-primary:hover{background:var(--color-accent-700)}.btn-ghost{border:0;padding:3px 6px}.btn-block{width:100%}.height-control{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:12px}.height-control button{width:30px;height:30px;border:1px solid var(--color-divider);background:transparent}.wave-scene{position:relative;margin-top:5px}.wave-scene svg{width:100%;display:block;overflow:visible}.tide-chart text,.wave-scene text{font-size:9px;fill:var(--color-neutral-500)}.gridline{stroke:var(--color-neutral-300);stroke-dasharray:2 4}.ground{stroke:var(--color-divider)}.wave-area{fill:var(--color-accent-100)}.wave-line{fill:none;stroke:var(--color-accent);stroke-width:1.5}.foam{fill:none;stroke:var(--color-accent-300);stroke-width:3;stroke-dasharray:24 1000;animation:foam 2.4s ease-in-out infinite}.surfer{fill:var(--color-text);transition:transform .5s}.swell{animation:sway 4s ease-in-out infinite;transform-origin:160px 174px}.chop{animation:chop .7s linear infinite}.wave-tag{position:absolute;right:0;top:4px}.scale-label{position:absolute;left:42%;transform:translate(-50%,-100%);font:600 13px var(--font-heading);color:var(--color-accent-800)}.hero-result{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.size{font:600 38px/1 var(--font-heading)}small{color:var(--color-neutral-700)}.score{text-align:right}.score b,.score strong{display:block;font-family:var(--font-heading)}.score b{color:var(--color-accent-800);font-size:15px}.score strong{font-size:24px}.metrics{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--color-divider);background:var(--color-divider);gap:1px;margin-top:14px}.metrics>div{background:var(--color-bg);padding:8px}.metrics small,.metrics strong{display:block}.metrics strong{font:600 17px var(--font-heading);margin-top:2px}.metrics small{font-size:10px;margin-top:2px}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin:18px 0 7px}.hour-bars{display:flex;align-items:flex-end;gap:3px;height:74px}.hour-bars button{flex:1 1;height:100%;border:0;background:transparent;padding:0;display:flex;flex-direction:column;justify-content:flex-end;gap:3px;cursor:pointer;min-width:0}.hour-bars button small,.hour-bars button span{font-size:9px}.hour-bars button i{width:100%;display:block}.hour-bars button.selected i{outline:2px solid var(--color-text);outline-offset:1px}.day-chips{display:flex;gap:4px;overflow-x:auto;margin:14px -18px 0;padding:3px 18px 6px}.day-chips button{flex:none;width:58px;border:1px solid var(--color-divider);background:transparent;padding:7px 4px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}.day-chips b{font-family:var(--font-heading)}.day-chips span{font-size:11px}.day-chips i{width:38px;height:3px}.next{display:grid;grid-template-columns:1fr auto;gap:6px 8px;margin-top:14px;font-size:12px}.next span{color:var(--color-neutral-600)}.next b{text-align:right}.rate{margin-top:16px;position:relative}.warning{background:var(--color-accent-100);border-left:3px solid var(--color-accent);padding:9px;font-size:12px;margin-bottom:14px}.spot-list{display:flex;flex-direction:column;gap:13px;margin-top:18px}.spot{padding:12px;display:flex;justify-content:space-between;align-items:center}.spot h2{margin:0;font-size:21px}.spot p{margin:8px 0 0;font-size:12px}.spot .live{color:var(--color-accent-800);font-weight:600}.spot.disabled{opacity:.55}.explain{font-size:13px;color:var(--color-neutral-700);line-height:1.5}.tide-chart{padding:12px;margin-top:18px}.tide-chart svg{width:100%;display:block}.tide-values{margin-top:18px}.tide-values div{display:flex;justify-content:space-between;border-top:1px solid var(--color-divider);padding:7px 0;font-size:13px}.tides-container{display:flex;flex-direction:column;gap:16px;width:100%}.tides-datum-header{display:flex;flex-direction:column;gap:6px}.tides-datum-top{display:flex;align-items:center;justify-content:space-between}.tides-status-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:9999px;background:rgba(0,69,95,.08);color:var(--color-primary,#00455f);letter-spacing:.06em}.tides-coords,.tides-status-badge{font-size:11px;font-weight:700;text-transform:uppercase}.tides-coords{color:var(--color-secondary,#695c53);letter-spacing:.08em}.tides-title-row{display:flex;align-items:baseline;justify-content:space-between;padding-top:4px}.tides-spot-title{font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--color-text);margin:0;line-height:1.15}.tides-spot-datum{font-size:12px;color:var(--color-secondary,#695c53);margin:3px 0 0}.tides-regime-wrap{display:flex;flex-direction:column;align-items:flex-end}.tides-regime-label{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-secondary,#695c53)}.tides-regime-val{font-family:var(--font-heading);font-size:17px;font-weight:700;color:var(--color-primary,#00455f)}.tides-horizon-section{display:flex;flex-direction:column;gap:6px}.tides-horizon-head{display:flex;align-items:center;justify-content:space-between}.tides-horizon-title{font-weight:700;letter-spacing:.06em;text-transform:uppercase}.tides-horizon-coeff,.tides-horizon-title{font-size:11px;color:var(--color-secondary,#695c53)}.tides-horizon-coeff strong{color:var(--color-text)}.tides-horizon-strip{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tides-horizon-strip::-webkit-scrollbar{display:none}.tides-day-btn{flex:1 1;min-width:52px;padding:8px 4px;border-radius:12px;background:var(--surface-container-low,#f9f3ea);border:1px solid transparent;color:var(--color-text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:2px;transition:all .2s ease}.tides-day-btn:hover{background:var(--surface-container,#f3ede4)}.tides-day-btn.active{background:var(--color-primary,#00455f);color:#ffffff;border-color:var(--color-primary,#00455f);box-shadow:0 1px 4px rgba(0,69,95,.2)}.tides-day-name{font-size:10px;font-weight:600;text-transform:uppercase;color:var(--color-secondary,#695c53)}.tides-day-btn.active .tides-day-name{color:var(--color-primary-fixed-dim,#95ceef)}.tides-day-num{font-family:var(--font-heading);font-size:17px;font-weight:700;line-height:1.1}.tides-day-coeff{font-size:9px;color:var(--color-secondary,#695c53)}.tides-day-btn.active .tides-day-coeff{color:var(--color-primary-fixed,#c3e8ff);font-weight:600}.tides-spline-card{position:relative;background:#ffffff;border:1px solid var(--color-divider,#e8e2d9);border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.03);overflow:hidden}.tides-spline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tides-telemetry-title{display:flex;letter-spacing:.06em;text-transform:uppercase;color:var(--color-secondary,#695c53)}.tides-now-elevation-pill,.tides-telemetry-title{align-items:center;gap:6px;font-size:11px;font-weight:700}.tides-now-elevation-pill{display:inline-flex;padding:2px 8px;border-radius:4px;background:var(--surface-container,#f3ede4);color:var(--color-primary,#00455f)}.tides-spline-canvas-wrap{position:relative;width:100%;height:170px;margin:6px 0;-webkit-user-select:none;user-select:none}.tides-floating-now-badge{position:absolute;top:12px;transform:translateX(-50%);display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;background:var(--color-primary,#00455f);color:#ffffff;font-size:9px;font-weight:700;letter-spacing:-.02em;box-shadow:0 1px 3px rgba(0,0,0,.15);pointer-events:none}.tides-peaks-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;background:var(--surface-container-low,#f9f3ea);border-radius:8px;padding:8px}.tides-peak-col{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.tides-peak-col.active{background:rgba(232,226,217,.6);border-radius:6px;padding:2px 6px}.tides-peak-type{display:flex;align-items:center;gap:4px}.tides-peak-dot{width:5px;height:5px;border-radius:50%;background:var(--color-secondary,#695c53)}.tides-peak-col.active .tides-peak-dot{background:var(--color-primary,#00455f)}.tides-peak-label{font-size:9px;font-weight:700;text-transform:uppercase;color:var(--color-secondary,#695c53)}.tides-peak-col.active .tides-peak-label{color:var(--color-primary,#00455f)}.tides-peak-height{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--color-text);line-height:1.2}.tides-peak-col.active .tides-peak-height{color:var(--color-primary,#00455f)}.tides-peak-time{font-size:10px;color:var(--color-secondary,#695c53)}.tides-spline-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding-top:6px;font-size:11px;color:var(--color-secondary,#695c53)}.tides-spline-range{display:flex;align-items:center;gap:4px;font-weight:500;color:var(--color-text)}.tides-expansion-badge{font-size:10px;font-weight:700;color:var(--color-primary,#00455f)}.astrometry-matrix-section{display:flex;flex-direction:column;gap:6px}.astrometry-head{display:flex;align-items:center;justify-content:space-between}.astrometry-title{font-weight:700;letter-spacing:.06em;text-transform:uppercase}.astrometry-region,.astrometry-title{font-size:11px;color:var(--color-secondary,#695c53)}.astrometry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;background:var(--surface-container,#f3ede4);border-radius:12px;padding:8px}.astrometry-card{background:#ffffff;border-radius:8px;padding:12px;flex-direction:column;min-height:112px}.astrometry-card,.astrometry-card-top{display:flex;justify-content:space-between}.astrometry-card-top{align-items:center}.astrometry-card-label{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-secondary,#695c53)}.astrometry-card-val{font-family:var(--font-heading);font-size:22px;font-weight:800;letter-spacing:-.02em;color:var(--color-text);line-height:1.1;margin:4px 0 2px}.astrometry-card-sub{font-size:11px;font-weight:600;color:var(--color-primary,#00455f)}.astrometry-card-desc{font-size:11px;color:var(--color-secondary,#695c53);margin:3px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wind-consensus-card{position:relative;background:#ffffff;border:1px solid var(--color-divider,#e8e2d9);border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.03)}.wind-consensus-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.wind-consensus-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-secondary,#695c53)}.wind-prime-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.03em;padding:2px 8px;border-radius:9999px;background:var(--color-primary-fixed,#c3e8ff);color:var(--color-primary,#00455f)}.wind-hero-box{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;background:var(--surface-container-low,#f9f3ea);border:1px solid rgba(192,199,206,.3);margin-bottom:12px}.wind-compass-area{display:flex;align-items:center;gap:12px}.wind-compass-dial{position:relative;width:48px;height:48px;border-radius:50%;background:#ffffff;border:1px solid rgba(192,199,206,.6);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 1px 2px rgba(0,0,0,.04)}.wind-compass-n{top:2px}.wind-compass-e,.wind-compass-n{position:absolute;font-size:8px;font-weight:700;color:rgba(105,92,83,.6);line-height:1}.wind-compass-e{right:2px}.wind-arrow-wrap{width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.wind-speed-main{font-family:var(--font-heading);font-size:22px;font-weight:800;color:var(--color-text);letter-spacing:-.02em}.wind-dir-main{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--color-primary,#00455f);margin-left:4px}.wind-bearing-line{font-size:10px;color:var(--color-secondary,#695c53);display:flex;align-items:center;gap:4px;margin-top:1px}.wind-status-area{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.wind-status-pill{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;background:var(--color-primary,#00455f);color:#ffffff;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 1px 2px rgba(0,0,0,.04)}.wind-quality-sub{font-size:11px;font-weight:600;color:var(--color-primary,#00455f);display:flex;align-items:center;gap:4px}.wind-spread-section{display:flex;flex-direction:column;gap:6px;margin-bottom:12px;padding:0 4px}.wind-spread-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--color-secondary,#695c53)}.wind-spread-bar-wrap{position:relative;width:100%;height:8px;border-radius:9999px;background:var(--surface-container,#f3ede4);overflow:hidden}.wind-spread-bar-fill{position:absolute;top:0;bottom:0;background:var(--color-primary,#00455f);border-radius:9999px}.wind-spread-footer{font-size:10px;color:var(--color-secondary,#695c53)}.wind-modal-trigger-btn,.wind-spread-footer{display:flex;align-items:center;justify-content:space-between}.wind-modal-trigger-btn{width:100%;padding:9px 12px;border-radius:8px;background:var(--surface-container,#f3ede4);border:0;color:var(--color-text);font-size:12px;font-weight:700;cursor:pointer;transition:background .15s ease}.wind-modal-trigger-btn:hover{background:var(--surface-container-high,#ede7de)}.tides-citation-card{background:var(--surface-container-low,#f9f3ea);border-radius:12px;padding:12px;display:flex;align-items:flex-start;gap:8px;font-size:11px;color:var(--color-secondary,#695c53);line-height:1.5}.modal-backdrop{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center;background:rgba(51,48,42,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0}@media (min-width:640px){.modal-backdrop{align-items:center;padding:16px}}.modal-panel{position:relative;width:100%;max-width:512px;max-height:88vh;display:flex;flex-direction:column;background:#ffffff;border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.2);overflow:hidden;z-index:101;animation:modal-slide-in .25s ease-out}@media (min-width:640px){.modal-panel{border-radius:16px}}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--surface-container,#f3ede4)}.modal-title-wrap h3{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--color-text);margin:0;display:flex;align-items:center;gap:6px}.modal-title-wrap p{font-size:11px;color:var(--color-secondary,#695c53);margin:2px 0 0}.modal-close-btn{width:32px;height:32px;border-radius:50%;background:var(--surface-container,#f3ede4);border:0;display:flex;align-items:center;justify-content:center;color:var(--color-secondary,#695c53);cursor:pointer;transition:all .15s ease}.modal-close-btn:hover{background:var(--surface-container-high,#ede7de);color:var(--color-text)}.modal-body{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal-consensus-banner{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;background:var(--surface-container-low,#f9f3ea);border:1px solid rgba(192,199,206,.3)}.modal-model-row{padding:10px;border-radius:8px;background:#ffffff;border:1px solid var(--surface-container,#f3ede4);display:flex;flex-direction:column;gap:6px}.modal-model-row.highlight{border-color:rgba(0,69,95,.3);box-shadow:0 1px 2px rgba(0,0,0,.03)}.modal-model-top{display:flex;align-items:center;justify-content:space-between;font-size:12px}.modal-model-bar-wrap{width:100%;height:8px;border-radius:9999px;background:var(--surface-container,#f3ede4);overflow:hidden}.modal-model-bar-fill{height:100%;background:var(--color-primary,#00455f);border-radius:9999px}.modal-model-bar-fill.highlight{background:var(--color-primary-container,#1d5d7a)}.modal-synoptic-box{padding:12px;border-radius:12px;background:var(--surface-container-low,#f9f3ea);border:1px solid rgba(192,199,206,.3);display:flex;flex-direction:column;gap:6px}.modal-synoptic-head{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary,#00455f)}.modal-synoptic-text{font-size:11px;line-height:1.5;color:var(--color-text);margin:0}.modal-synoptic-buoy{gap:6px;padding-top:6px;font-size:10px;color:var(--color-secondary,#695c53)}.modal-footer,.modal-synoptic-buoy{display:flex;align-items:center;border-top:1px solid var(--surface-container,#f3ede4)}.modal-footer{padding:12px 16px;background:rgba(249,243,234,.6);justify-content:space-between}.modal-footer-meta{font-size:11px;color:var(--color-secondary,#695c53)}.modal-done-btn{padding:8px 20px;border-radius:8px;background:var(--color-primary,#00455f);color:#ffffff;border:0;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s ease}.modal-done-btn:hover{background:var(--color-primary-container,#1d5d7a)}.insight{padding:12px;margin-top:18px}.insight h2{font-size:22px;margin:7px 0}.insight p{font-size:12px}.empty{padding:30px 0;color:var(--color-neutral-600);font-size:13px}.session{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 0;border-top:1px solid var(--color-divider)}.session h2{margin:0}.session p,.session q{font-size:12px;color:var(--color-neutral-700)}.session .tag{margin-right:4px}.alert{padding:12px;margin-top:14px;display:flex;justify-content:space-between;gap:10px}.alert.off{opacity:.55}.alert h2{font-size:19px;margin:3px 0 8px}.switch{width:40px;height:22px;border:1px solid var(--color-divider);padding:2px;background:transparent;display:flex;justify-content:flex-start}.switch i{width:16px;height:16px;background:var(--color-neutral-400)}.switch.on{background:var(--color-accent);justify-content:flex-end}.switch.on i{background:var(--color-bg)}.rate-modal-backdrop{position:fixed;inset:0;z-index:50;background:rgba(0,69,95,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:flex-end}@media (min-width:640px){.rate-modal-backdrop{align-items:center;padding:16px}}.rate-sheet-container{max-width:512px;margin:0 auto;pointer-events:auto}.rate-sheet-container,.rate-sheet-panel{position:relative;width:100%;display:flex;flex-direction:column;max-height:88vh}.rate-sheet-panel{background:var(--color-bg,#fff8ef);border-top-left-radius:24px;border-top-right-radius:24px;box-shadow:0 -4px 24px rgba(0,0,0,.15);overflow:hidden;animation:rate-slide-up .25s ease-out}@media (min-width:640px){.rate-sheet-panel{border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.2)}}@keyframes rate-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.rate-corner-tl{left:12px}.rate-corner-tl,.rate-corner-tr{position:absolute;top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;color:rgba(105,92,83,.4);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:10}.rate-corner-tr{right:12px}.rate-header-strip{position:sticky;top:0;z-index:20;background:rgba(255,248,239,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px 16px 8px;border-bottom:1px solid var(--surface-container,#f3ede4);display:flex;flex-direction:column;align-items:center}.rate-drag-handle{width:48px;height:4px;border-radius:9999px;background:var(--secondary-fixed-dim,#d5c3b8);margin-bottom:8px;opacity:.8}.rate-header-content{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.rate-badge-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;background:var(--surface-container-high,#ede7de);color:var(--color-primary,#00455f);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.rate-title{font-family:var(--font-heading);font-size:19px;font-weight:700;color:var(--color-text);margin:4px 0 0;line-height:1.2}.rate-subtitle{font-size:12px;margin:2px 0 0}.rate-close-btn,.rate-subtitle{color:var(--color-secondary,#695c53)}.rate-close-btn{width:32px;height:32px;border-radius:50%;background:var(--surface-container,#f3ede4);border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;flex-shrink:0}.rate-close-btn:hover{background:var(--surface-container-high,#ede7de);color:var(--color-text)}.rate-body-scroll{overflow-y:auto;padding:12px 16px 28px;gap:16px}.rate-body-scroll,.rate-sqi-box{display:flex;flex-direction:column}.rate-sqi-box{background:var(--surface-container-low,#f9f3ea);padding:14px 16px;border-radius:12px;align-items:center;text-align:center;position:relative;overflow:hidden}.rate-sqi-label{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary,#695c53);margin-bottom:2px}.rate-stars-row{gap:4px;margin:6px 0}.rate-star-btn,.rate-stars-row{display:flex;align-items:center;justify-content:center}.rate-star-btn{padding:2px;border:0;background:transparent;cursor:pointer;transition:transform .15s ease;color:var(--surface-container-highest,#e8e2d9)}.rate-star-btn:active,.rate-star-btn:hover{transform:scale(1.15)}.rate-star-btn.active{color:#f59e0b}.rate-score-title{display:flex;align-items:baseline;gap:6px;font-family:var(--font-heading);font-size:17px;font-weight:700;color:var(--color-text)}.rate-score-desc{font-size:12px;color:var(--color-secondary,#695c53);margin-top:2px}.rate-section-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.rate-section-label{font-weight:700;letter-spacing:.06em;text-transform:uppercase}.rate-section-label,.rate-section-sub{font-size:11px;color:var(--color-secondary,#695c53)}.rate-duration-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.rate-duration-btn{height:40px;border-radius:6px;background:var(--surface-container,#f3ede4);border:0;color:var(--color-secondary,#695c53);font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:4px}.rate-duration-btn:hover{background:var(--surface-container-high,#ede7de)}.rate-duration-btn.active{background:var(--color-primary-container,#1d5d7a);color:#ffffff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.rate-calibration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.rate-calibration-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 4px;border-radius:8px;background:var(--surface-container,#f3ede4);border:1px solid transparent;color:var(--color-text);cursor:pointer;transition:all .15s ease;position:relative}.rate-calibration-btn:hover{background:var(--surface-container-high,#ede7de)}.rate-calibration-btn.active{background:#ffffff;border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 2px 6px rgba(0,0,0,.06)}.rate-check-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;border-radius:50%;background:var(--color-primary,#00455f);color:#ffffff;display:flex;align-items:center;justify-content:center}.rate-tuning-ribbon{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;background:var(--surface-container-high,#ede7de);color:var(--color-text);font-size:12px;line-height:1.4;margin-top:6px}.rate-condition-wrap{display:flex;flex-wrap:wrap;gap:6px}.rate-condition-pill{padding:6px 14px;border-radius:9999px;background:var(--surface-container,#f3ede4);border:0;color:var(--color-secondary,#695c53);font-size:13px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease}.rate-condition-pill:hover{background:var(--surface-container-high,#ede7de)}.rate-condition-pill.active{background:var(--color-primary,#00455f);color:#ffffff;font-weight:600;box-shadow:0 1px 3px rgba(0,69,95,.2)}.rate-notes-box{position:relative;background:#ffffff;border:1px solid var(--color-divider,#e8e2d9);border-radius:8px;padding:10px;box-shadow:0 1px 2px rgba(0,0,0,.03)}.rate-textarea{width:100%;background:transparent;border:0;outline:none;font-family:var(--font-body);font-size:13px;color:var(--color-text);resize:none;min-height:65px;box-sizing:border-box}.rate-gear-pills{display:flex;align-items:center;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid var(--surface-container,#f3ede4);flex-wrap:wrap}.rate-gear-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;background:var(--surface-container,#f3ede4);font-size:11px;font-weight:600;color:var(--color-secondary,#695c53);cursor:pointer;border:0;transition:all .15s ease}.rate-gear-pill.active{background:var(--color-primary-fixed,#c3e8ff);color:var(--color-on-primary-fixed,#001e2c)}.rate-actions-strip{display:flex;flex-direction:column;gap:8px;padding-top:4px}.rate-save-btn{width:100%;height:48px;border-radius:8px;background:var(--color-primary-container,#1d5d7a);color:#ffffff;border:0;font-family:var(--font-body);font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;box-shadow:0 2px 6px rgba(0,69,95,.25);transition:all .15s ease}.rate-save-btn:hover{background:var(--color-primary,#00455f)}.rate-save-btn:active{transform:scale(.99)}.rate-sub-actions{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.rate-sub-btn{background:transparent;border:0;font-size:13px;font-weight:600;color:var(--color-secondary,#695c53);cursor:pointer;padding:4px 0}.rate-sub-btn:hover{color:var(--color-text)}.rate-sub-btn.discard:hover{color:#ba1a1a}.rate-footnote{display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:11px;color:var(--color-secondary,#695c53);margin-top:2px}.debug{margin-top:15px;font-size:12px}.debug pre{overflow:auto;background:var(--color-neutral-100);padding:8px;font-size:10px}.error,.loading{display:grid;place-items:center;align-content:center;gap:14px;padding:30px;text-align:center}.spin{animation:spin 1.2s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes foam{50%{opacity:.4}}@keyframes sway{50%{transform:translateY(-3px) scaleY(1.02)}}@keyframes chop{25%{transform:translate(-2px,1px)}50%{transform:translate(1px,-2px)}75%{transform:translate(2px,1px)}}@media (max-width:760px){.shell{padding:0;display:block}.notes{display:none}.phone{width:100%;min-height:100vh;border:0;box-shadow:none}.content{padding-top:32px}.bottom-nav{padding-bottom:max(14px,env(safe-area-inset-bottom))}}.location-head{display:flex;align-items:flex-start;gap:6px}.location-picker{min-width:0;flex:1 1;display:flex;align-items:center;gap:5px;border:0;background:transparent;padding:0;color:var(--color-text);text-align:left;cursor:pointer}.location-picker span{min-width:0;display:block}.location-picker small{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent-700)}.location-picker strong{display:block;font:600 28px/1 var(--font-heading);margin-top:4px;text-wrap:balance}.star-button{flex:none;width:40px;height:40px;border:0;background:transparent;color:var(--color-accent);display:grid;place-items:center;cursor:pointer}.star-button:hover{background:var(--color-accent-100)}.forecast-tools{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px}.tag-outline{display:inline-block;border:1px solid var(--color-divider);padding:3px 7px;color:var(--color-accent-800);font-size:10px;letter-spacing:.06em;text-transform:uppercase}.uncalibrated{display:flex;align-items:flex-start;gap:8px;color:var(--color-neutral-700);font-size:12px;line-height:1.45;margin-top:10px}.uncalibrated svg{flex:none;color:var(--color-accent)}.forecast-skeleton{margin-top:18px;padding:12px}.forecast-skeleton>div{background:var(--color-neutral-200);animation:skel 1.4s ease-in-out infinite}.forecast-skeleton>div:first-of-type{width:42%;height:10px}.forecast-skeleton>div:nth-of-type(2){height:190px;margin-top:12px;background:var(--color-neutral-100)}.forecast-skeleton>div:nth-of-type(3){width:64%;height:34px;margin-top:10px}.loading-copy{font-size:12px;color:var(--color-neutral-600)}.forecast-unavailable{margin-top:20px;padding:26px 16px;text-align:center}.forecast-unavailable svg{color:var(--color-neutral-400)}.forecast-unavailable h1{margin:10px 0 6px}.forecast-unavailable p{font-size:13px;color:var(--color-neutral-700)}.back{padding-left:0;margin-bottom:8px}.spots-container{display:flex;flex-direction:column;gap:12px;width:100%}.spots-back-btn{display:inline-flex;align-items:center;gap:4px;font-size:13px;font-weight:500;color:var(--color-primary);background:transparent;border:0;padding:4px 0;cursor:pointer}.spots-search-bar{position:relative;width:100%}.spots-search-input{width:100%;height:44px;padding:0 38px 0 40px;background:var(--surface-container-low,#f9f3ea);border:1px solid transparent;border-radius:12px;font-family:var(--font-body);font-size:13px;color:var(--color-text);outline:none;transition:all .2s ease;box-sizing:border-box}.spots-search-input:focus{background:#ffffff;border-color:var(--color-outline-variant,#c0c7ce);box-shadow:0 1px 4px rgba(0,0,0,.05)}.spots-search-icon{left:14px;pointer-events:none}.spots-clear-btn,.spots-search-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--color-secondary,#695c53)}.spots-clear-btn{right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;background:transparent;cursor:pointer;border-radius:50%;transition:color .15s ease}.spots-clear-btn:hover{color:var(--color-text)}.region-chip-scroll{display:flex;align-items:center;gap:6px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.region-chip-scroll::-webkit-scrollbar{display:none}.region-chip{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:9999px;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--surface-container,#f3ede4);color:var(--color-secondary,#695c53);border:1px solid transparent;cursor:pointer;transition:all .2s ease}.region-chip:hover{background:var(--surface-container-high,#ede7de)}.region-chip.active{background:var(--color-primary,#00455f);color:#ffffff;border-color:var(--color-primary,#00455f);box-shadow:0 1px 3px rgba(0,69,95,.2)}.region-chip-count{font-weight:400;opacity:.75}.water-type-seg{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:3px;background:var(--surface-container,#f3ede4);border-radius:12px}.water-type-btn{padding:8px 4px;border-radius:8px;border:0;background:transparent;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-secondary,#695c53);cursor:pointer;text-align:center;transition:all .18s ease}.water-type-btn:hover{color:var(--color-text)}.water-type-btn.active{background:#ffffff;color:var(--color-primary,#00455f);font-weight:800;box-shadow:0 1px 3px rgba(0,0,0,.06)}.dataset-meta-banner{display:flex;align-items:center;justify-content:space-between;padding:0 4px;font-size:11px;color:var(--color-secondary,#695c53)}.dataset-meta-live{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dataset-meta-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary,#00455f);flex-shrink:0;animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.section-crosshair-header{position:relative;display:flex;align-items:center;justify-content:space-between;margin-top:10px;margin-bottom:2px}.section-crosshair-left{display:flex;align-items:center;gap:6px}.crosshair-mark{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;color:var(--color-outline,#71787e);-webkit-user-select:none;user-select:none;opacity:.8}.section-crosshair-title{font-family:var(--font-heading);font-size:14px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);margin:0}.section-crosshair-sub{font-family:var(--font-body);font-size:12px;font-weight:400;text-transform:lowercase;color:var(--color-secondary,#695c53)}.fav-spot-card{position:relative;background:#ffffff;border:1px solid var(--color-divider,#e8e2d9);border-radius:12px;padding:14px;box-shadow:0 1px 3px rgba(0,0,0,.03);display:flex;flex-direction:column;gap:6px;transition:all .2s ease}.fav-spot-card:hover{background:#fffdf9;border-color:var(--color-outline-variant,#c0c7ce)}.fav-spot-card.current{border-color:var(--color-primary);background:#f8fbfe}.fav-spot-corner-tl{left:8px}.fav-spot-corner-tl,.fav-spot-corner-tr{position:absolute;top:6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:8px;color:rgba(113,120,126,.4);pointer-events:none;-webkit-user-select:none;user-select:none}.fav-spot-corner-tr{right:8px}.fav-spot-main-btn{border:0;background:transparent;text-align:left;padding:0;cursor:pointer;color:var(--color-text);flex:1 1;min-width:0}.fav-spot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.fav-spot-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fav-spot-name{font-family:var(--font-heading);font-size:17px;font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.fav-spot-sub{font-size:12px;color:var(--color-secondary,#695c53);margin-top:3px;display:block}.fav-star-btn{border:0;background:transparent;padding:4px;cursor:pointer;border-radius:50%;color:var(--color-outline,#71787e);display:flex;align-items:center;justify-content:center;transition:transform .15s ease,color .15s ease;flex-shrink:0}.fav-star-btn:hover{transform:scale(1.1)}.fav-star-btn.starred{color:#d97706}.fav-quick-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px;padding:8px 10px;background:var(--surface-container-low,#f9f3ea);border-radius:8px}.fav-metric-col{display:flex;flex-direction:column}.fav-metric-label{font-size:10px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-secondary,#695c53)}.fav-metric-val-wave{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--color-primary,#00455f);line-height:1.2}.fav-metric-val-wave small{font-family:var(--font-body);font-size:11px;font-weight:600;color:var(--color-secondary,#695c53)}.fav-metric-val-wind{font-size:13px;font-weight:600;color:var(--color-text)}.fav-metric-val-wind small{font-size:11px;font-weight:500;color:var(--color-primary-container,#1d5d7a)}.fav-metric-val-break{font-size:12px;font-weight:500;color:var(--color-secondary,#695c53);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-watch-empty{display:flex;align-items:center;gap:12px;background:var(--surface-container,#f3ede4);border-radius:12px;padding:14px}.quick-watch-icon-wrap{width:36px;height:36px;border-radius:50%;background:#ffffff;display:flex;align-items:center;justify-content:center;color:var(--color-secondary,#695c53);box-shadow:0 1px 2px rgba(0,0,0,.04);flex-shrink:0}.quick-watch-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-secondary,#695c53);display:block}.quick-watch-desc{font-size:12px;color:var(--color-secondary,#695c53);margin:2px 0 0}.directory-list-stitch{display:flex;flex-direction:column;gap:8px}.directory-card-stitch{background:#ffffff;border:1px solid var(--color-divider,#e8e2d9);border-radius:12px;padding:12px 14px;box-shadow:0 1px 2px rgba(0,0,0,.03);display:flex;flex-direction:column;gap:6px;transition:all .2s ease}.directory-card-stitch:hover{background:#fffdf9;border-color:var(--color-outline-variant,#c0c7ce)}.directory-card-stitch.current{border-color:var(--color-primary);background:#f8fbfe}.directory-card-main,.directory-card-select-btn{display:flex;align-items:center;justify-content:space-between;gap:8px}.directory-card-select-btn{flex:1 1;min-width:0;border:0;background:transparent;padding:0;text-align:left;cursor:pointer;color:var(--color-text)}.directory-card-info{display:flex;flex-direction:column;min-width:0}.directory-card-title-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.directory-card-title{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--color-text)}.directory-card-sub,.directory-card-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-card-sub{font-size:12px;color:var(--color-secondary,#695c53);margin-top:2px}.directory-card-marine{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.directory-card-wave{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--color-primary,#00455f);line-height:1.1}.directory-card-period{font-size:11px;font-weight:600;color:var(--color-secondary,#695c53)}.directory-card-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.directory-inland-banner{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--color-secondary,#695c53);background:var(--surface-container-low,#f9f3ea);padding:6px 10px;border-radius:6px;margin-top:2px}.directory-inland-tag{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-outline,#71787e)}.directory-skeleton-card{background:rgba(255,255,255,.7);border:1px solid var(--color-divider,#e8e2d9);border-radius:12px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;animation:pulse-shimmer 1.5s ease-in-out infinite}@keyframes pulse-shimmer{0%,to{opacity:.6}50%{opacity:1}}.skeleton-line{background:var(--surface-container-highest,#e8e2d9);border-radius:4px}.badge-status{display:inline-flex;align-items:center;gap:4px;padding:1px 6px;border-radius:9999px;font-size:10px;font-weight:600;letter-spacing:.03em;line-height:1.3;flex-shrink:0}.badge-calibrated{background:var(--color-primary-fixed,#c3e8ff);color:var(--color-on-primary-fixed,#001e2c)}.badge-calibrated-dot{width:4px;height:4px;border-radius:50%;background:var(--color-primary,#00455f)}.badge-uncalibrated{background:#f2dfd3;color:#50443c}.badge-unavailable{background:var(--surface-container-high,#ede7de);color:var(--color-secondary,#695c53)}.toast{position:absolute;left:16px;right:16px;top:-52px;background:var(--color-accent-900);color:var(--color-bg);padding:9px 12px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;animation:toastin .25s ease-out;z-index:5}@keyframes skel{50%{opacity:.45}}@keyframes toastin{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.app-topbar{min-height:52px;border-bottom:1px solid var(--color-divider);display:flex;align-items:center;justify-content:space-between;padding:8px 14px}.account-button,.app-brand{border:0;background:transparent;color:var(--color-text);display:flex;align-items:center;gap:7px;cursor:pointer;min-height:36px}.app-brand span{font:600 18px var(--font-heading)}.account-button svg,.app-brand svg{color:var(--color-accent)}.account-button{border:1px solid var(--color-divider);padding:6px 9px}.account-button span{font-size:12px;max-width:90px;overflow:hidden;text-overflow:ellipsis}.phone>.content{padding-top:18px}.auth-content{padding-top:0}.offline-banner{background:var(--color-accent-100);color:var(--color-accent-900);display:flex;gap:7px;align-items:center;padding:7px 14px;font-size:12px;border-bottom:1px solid var(--color-accent-300)}.auth-screen{min-height:650px;padding:12px 2px 28px}.auth-back{border:0;background:transparent;color:var(--color-accent-800);display:flex;align-items:center;gap:6px;padding:7px 0;cursor:pointer;font-size:13px}.auth-intro{text-align:center;padding:40px 12px 24px}.auth-mark{width:64px;height:64px;border:1px solid var(--color-accent);display:grid;place-items:center;color:var(--color-accent);margin:0 auto 17px}.auth-form-title h1,.auth-intro h1{font-size:32px;line-height:1.02;margin:7px 0 12px}.auth-form-title p,.auth-intro p{font-size:14px;line-height:1.55;color:var(--color-neutral-700);margin:0}.auth-pending{border-left:3px solid var(--color-accent);background:var(--color-accent-100);padding:11px 12px;margin:0 0 18px;display:flex;flex-direction:column;gap:3px;font-size:12px}.auth-action{min-height:46px;margin-top:9px;position:relative;display:flex;align-items:center;justify-content:center;gap:7px;font:600 15px var(--font-heading)}.auth-action:disabled{opacity:.55;cursor:wait}.auth-footnote{font-size:11px;line-height:1.5;text-align:center;color:var(--color-neutral-600);margin:18px 18px 0}.auth-form-title{padding:22px 0 18px}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-form label>span:first-child{display:block;font-size:12px;color:var(--color-neutral-700);margin-bottom:5px}.auth-form label>small{display:block;font-size:11px;margin-top:5px}.auth-form .input{min-height:45px}.password-field{display:block;position:relative}.password-field .input{padding-right:44px}.password-field button{position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;background:transparent;color:var(--color-neutral-600);display:grid;place-items:center;cursor:pointer}.auth-error{border:1px solid var(--color-accent-700);background:var(--color-accent-100);color:var(--color-accent-900);padding:10px 12px;font-size:12px;line-height:1.45}.auth-switch{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:13px;font-size:13px;color:var(--color-neutral-700)}.surfer-telemetry-container{display:flex;flex-direction:column;gap:16px;width:100%}.surfer-control-bar{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.surfer-control-left{display:flex;align-items:center;gap:10px}.surfer-back-btn{width:34px;height:34px;border-radius:8px;background:var(--surface-container,#f3ede4);border:0;display:flex;align-items:center;justify-content:center;color:var(--color-text);cursor:pointer;transition:background .15s ease}.surfer-back-btn:hover{background:var(--surface-container-high,#ede7de)}.surfer-title{font-family:var(--font-heading);font-size:16px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);margin:0;line-height:1.15}.surfer-sub{font-size:10px;font-weight:600;letter-spacing:.04em;margin:2px 0 0}.surfer-signout-btn,.surfer-sub{color:var(--color-secondary,#695c53)}.surfer-signout-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:var(--surface-container,#f3ede4);border:0;cursor:pointer;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:all .15s ease}.surfer-signout-btn:hover{background:var(--surface-container-high,#ede7de);color:#ba1a1a}.profile-identity-card{position:relative;background:#ffffff;border:1px solid var(--color-divider,#e8e2d9);border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.03);display:flex;align-items:flex-start;gap:14px}.profile-avatar-wrap{position:relative;width:56px;height:56px;border-radius:50%;background:var(--color-primary,#00455f);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.15)}.profile-avatar-initials{font-family:var(--font-heading);font-size:20px;font-weight:700;color:#ffffff;letter-spacing:.04em}.profile-verified-badge{position:absolute;bottom:-2px;right:-2px;width:20px;height:20px;border-radius:50%;background:var(--surface-container-low,#f9f3ea);display:flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,.1)}.profile-info{flex:1 1;min-width:0}.profile-name-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.profile-name{font-family:var(--font-heading);font-size:19px;font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.profile-tier-badge{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:4px;background:var(--color-primary-fixed,#c3e8ff);color:var(--color-on-primary-fixed,#001e2c);flex-shrink:0}.profile-email{font-size:13px;color:var(--color-secondary,#695c53);margin-top:2px}.profile-badges-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px}.profile-badge-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:4px;background:var(--surface-container,#f3ede4);font-size:10px;font-weight:600;color:var(--color-secondary,#695c53)}.biometrics-card{position:relative;background:#ffffff;border:1px solid var(--color-divider,#e8e2d9);border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.03);display:flex;flex-direction:column;gap:16px}.biometrics-head{display:flex;align-items:center;justify-content:space-between}.biometrics-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary,#00455f);display:block}.biometrics-sub{font-size:12px;color:var(--color-secondary,#695c53);margin-top:2px}.stature-box{background:var(--surface-container-low,#f9f3ea);padding:14px 16px;border-radius:8px;display:flex;flex-direction:column;gap:10px}.stature-label-row{display:flex;align-items:baseline;justify-content:space-between}.stature-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-secondary,#695c53)}.stature-value-wrap{display:flex;align-items:baseline;gap:6px}.stature-number{font-family:var(--font-heading);font-size:28px;font-weight:800;color:var(--color-primary,#00455f);line-height:1}.stature-unit{font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--color-secondary,#695c53)}.stature-controls-row{display:flex;align-items:center;gap:12px}.stature-btn{width:36px;height:36px;border-radius:8px;background:var(--surface-container-high,#ede7de);border:0;color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.stature-btn:hover{background:var(--surface-container-highest,#e8e2d9)}.stature-slider-track{flex:1 1;display:flex;flex-direction:column;justify-content:center}.stature-bar-bg{height:8px;width:100%;border-radius:9999px;background:var(--surface-variant,#e8e2d9);overflow:hidden;position:relative}.stature-bar-fill{height:100%;border-radius:9999px;background:var(--color-primary,#00455f);transition:width .15s ease}.stature-ruler-labels{justify-content:space-between;font-size:10px;margin-top:4px;font-weight:500}.stature-info-line,.stature-ruler-labels{display:flex;color:var(--color-secondary,#695c53)}.stature-info-line{align-items:center;gap:6px;font-size:11px;padding-top:2px}.telemetry-pref-group{display:flex;flex-direction:column;gap:10px;padding-top:4px}.telemetry-pref-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.telemetry-pref-label{font-size:13px;font-weight:600;color:var(--color-text)}.telemetry-seg-control{display:flex;background:var(--surface-container,#f3ede4);padding:2px;border-radius:8px;gap:2px}.telemetry-seg-btn{padding:5px 10px;border-radius:6px;border:0;background:transparent;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--color-secondary,#695c53);cursor:pointer;transition:all .15s ease}.telemetry-seg-btn:hover{color:var(--color-text)}.telemetry-seg-btn.active{background:var(--color-primary,#00455f);color:#ffffff;box-shadow:0 1px 2px rgba(0,69,95,.2)}.home-break-section{padding-top:4px}.home-break-label{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-secondary,#695c53);margin-bottom:4px;display:block}.home-break-btn{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;background:var(--surface-container,#f3ede4);border:0;width:100%;cursor:pointer;text-align:left;transition:background .15s ease}.home-break-btn:hover{background:var(--surface-container-high,#ede7de)}.home-break-info{display:flex;align-items:center;gap:8px;min-width:0}.home-break-title{font-size:13px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-break-coords{font-size:10px;color:var(--color-secondary,#695c53);margin-top:1px}.telemetry-integrity-card{position:relative;background:#ffffff;border:1px solid var(--color-divider,#e8e2d9);border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.03);display:flex;flex-direction:column;gap:14px}.telemetry-integrity-head{display:flex;align-items:center;justify-content:space-between}.telemetry-integrity-title{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary,#00455f);display:block}.telemetry-integrity-sub{font-size:12px;color:var(--color-secondary,#695c53);margin-top:2px}.telemetry-matrix-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;background:var(--surface-variant,#e8e2d9);padding:2px;border-radius:8px}.telemetry-matrix-cell{background:#ffffff;padding:10px 12px;border-radius:6px;display:flex;flex-direction:column}.telemetry-matrix-label{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-secondary,#695c53)}.telemetry-matrix-val{font-family:var(--font-heading);font-size:20px;font-weight:700;color:var(--color-text);line-height:1.2;margin-top:2px}.danger-zone-card{background:rgba(255,218,214,.35);border:1px solid rgba(186,26,26,.2);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px}.danger-zone-head{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#ba1a1a}.danger-zone-desc{font-size:12px;color:var(--color-secondary,#695c53);line-height:1.4;margin:0}.danger-terminate-btn{padding:10px 16px;border-radius:8px;background:#ba1a1a;color:#ffffff;border:0;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;align-self:flex-start;margin-top:4px;transition:background .15s ease}.danger-terminate-btn:hover{background:#93000a}.save-report-dialog{position:relative}.save-report-dialog p{font-size:14px;line-height:1.55;color:var(--color-neutral-700)}.dialog-close{position:absolute;right:10px;top:10px;width:36px;height:36px;border:0;background:transparent;display:grid;place-items:center;cursor:pointer;color:var(--color-neutral-600)}.day-chips button.selected{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);box-shadow:0 3px 10px color-mix(in srgb,var(--color-accent) 28%,transparent)}.day-chips button.selected span{color:var(--color-bg)}.day-chips button.selected i{outline:1px solid color-mix(in srgb,var(--color-bg) 70%,transparent);outline-offset:1px}.crosshair{position:absolute;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;line-height:1;color:var(--color-outline-variant);opacity:.75;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:10}.crosshair.tl{top:6px;left:8px}.crosshair.tr{top:6px;right:8px}.crosshair.bl{bottom:6px;left:8px}.crosshair.br{bottom:6px;right:8px}.card-stitch{position:relative;background:var(--surface-container-lowest);border:1px solid var(--color-divider);border-radius:12px;padding:14px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.app-topbar-stitch{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-divider);padding:8px 14px}.topbar-inner{justify-content:space-between;height:48px}.topbar-inner,.topbar-left{display:flex;align-items:center;gap:10px}.topbar-left{min-width:0;flex:1 1}.topbar-brand{border:0;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.brand-wave,.topbar-brand{color:var(--color-primary)}.topbar-spot-info{display:flex;flex-direction:column;min-width:0}.topbar-spot-selector{border:0;background:transparent;padding:0;cursor:pointer;display:flex;align-items:center;gap:4px;text-align:left}.spot-title{font-family:var(--font-heading);font-size:15px;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-spot-selector:hover .spot-title{color:var(--color-primary)}.spot-chevron{color:var(--color-secondary);flex-shrink:0}.spot-meta-row{display:flex;align-items:center;gap:6px;margin-top:1px}.spot-break-type{font-size:9.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-secondary)}.spot-delta-badge{display:inline-flex;align-items:center;gap:3px;background:var(--color-primary-fixed);color:var(--color-on-primary-fixed);padding:1px 6px;border-radius:9999px;font-size:9.5px;font-weight:700;letter-spacing:.04em}.topbar-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.surfer-quick-indicator{display:flex;flex-direction:column;align-items:flex-end}.surfer-meta-label{font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary)}.surfer-meta-height{font-size:11px;font-weight:600;color:var(--color-text)}.topbar-account-btn{width:32px;height:32px;border-radius:9999px;background:var(--color-primary);color:#ffffff;border:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .15s}.topbar-account-btn:hover{opacity:.9}.bottom-nav-stitch{position:sticky;bottom:0;z-index:50;display:grid;grid-template-columns:repeat(5,1fr);background:rgba(255,255,255,.94);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid var(--color-divider);padding:6px 4px calc(env(safe-area-inset-bottom, 0px) + 8px);box-shadow:0 -2px 12px rgba(0,0,0,.03)}.nav-stitch-btn{border:0;background:transparent;color:var(--color-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 0;cursor:pointer;transition:color .15s ease}.nav-stitch-btn span{font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.02em}.nav-stitch-btn.active{color:var(--color-primary);font-weight:700}.nav-stitch-btn.active span{font-weight:700}.forecast-stitch-view{display:flex;flex-direction:column;width:100%}.forecast-subbar{justify-content:space-between;gap:8px;margin-bottom:12px}.forecast-subbar,.subbar-tags{display:flex;flex-wrap:wrap;align-items:center}.subbar-tags{gap:6px}.subbar-pill{display:inline-flex;align-items:center;gap:5px;background:var(--surface-container-lowest);border:1px solid var(--color-divider);border-radius:9999px;padding:3px 8px;font-size:10px;font-weight:700;letter-spacing:.06em;color:var(--color-secondary);box-shadow:0 1px 2px rgba(0,0,0,.03)}.pulsing-dot{width:6px;height:6px;border-radius:9999px;background:var(--color-primary);animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.subbar-controls{display:flex;align-items:center;gap:6px;margin-left:auto}.discipline-toggle{display:inline-flex;padding:2px;background:var(--surface-container-low);border:1px solid var(--color-divider);border-radius:9999px}.discipline-toggle button{border:0;background:transparent;color:var(--color-secondary);border-radius:9999px;padding:2px 8px;font-size:10px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:all .15s}.discipline-toggle button.active{background:var(--color-primary);color:#ffffff;box-shadow:0 1px 3px rgba(0,0,0,.1)}.unit-toggle-pill{background:var(--surface-container-lowest);border:1px solid var(--color-divider);color:var(--color-secondary);border-radius:9999px;padding:3px 8px;font-size:10px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:color .15s}.unit-toggle-pill:hover{color:var(--color-primary)}.warning-card{align-items:flex-start;background:#fff4e5;border:1px solid #ffd8a8;border-radius:8px;padding:10px 12px;font-size:12px;color:#975a16}.hero-card-stitch,.warning-card{display:flex;gap:8px;margin-bottom:12px}.hero-card-stitch{flex-direction:column}.hero-topline{justify-content:space-between;z-index:10}.hero-topline,.hero-topline-left{display:flex;align-items:center;gap:8px}.label-technical{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary)}.spray-badge{border-radius:9999px;background:var(--color-primary-fixed);color:var(--color-on-primary-fixed);font-weight:700;letter-spacing:.06em;border:1px solid rgba(0,69,95,.15)}.spray-badge,.surfer-height-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:10px}.surfer-height-badge{background:var(--surface-container-low);border:1px solid var(--color-divider);border-radius:9999px;color:var(--color-secondary);cursor:pointer}.surfer-height-badge strong{color:var(--color-text)}.height-stepper-drawer{display:flex;align-items:center;justify-content:space-between;background:var(--surface-container-low);border:1px solid var(--color-divider);border-radius:8px;padding:6px 12px;font-size:12px}.stepper-controls{display:flex;align-items:center;gap:8px}.stepper-controls button{width:24px;height:24px;border-radius:4px;border:1px solid var(--color-divider);background:var(--surface-container-lowest);color:var(--color-text);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.hero-bottom-row{display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid var(--color-divider);padding-top:10px;gap:12px}.hero-condition-summary{display:flex;flex-direction:column}.hero-headline-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.headline-lg{font-family:var(--font-heading);font-size:22px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0;color:var(--color-text)}.condition-tag-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-size:10px;font-weight:700;letter-spacing:.05em}.condition-tag-pill.clean{background:var(--color-primary-fixed);color:var(--color-on-primary-fixed)}.condition-tag-pill.fair{background:var(--surface-container-high);color:var(--color-text)}.condition-tag-pill.choppy{background:#ffdad6;color:#93000a}.hero-subtitle{font-size:12px;color:var(--color-secondary);margin:2px 0 0}.hero-surf-score{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.score-label{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary)}.score-value-row{display:flex;align-items:baseline;gap:2px}.score-number{font-family:var(--font-heading);font-size:28px;font-weight:800;letter-spacing:-.03em;color:var(--color-primary);line-height:1}.score-max{font-size:11px;font-weight:600;color:var(--color-secondary)}.wave-scene-stitch{position:relative;width:100%;height:190px;background:linear-gradient(180deg,var(--surface-container-lowest) 0,rgba(195,232,255,.35) 60%,var(--surface-container-low) 100%);border:1px solid var(--color-divider);border-radius:8px;overflow:hidden;display:flex;align-items:flex-end;padding:0 12px 4px;margin:4px 0}.wave-rulers{position:absolute;inset:0;pointer-events:none;flex-direction:column;padding:14px 10px 22px;opacity:.75}.ruler-line,.wave-rulers{display:flex;justify-content:space-between}.ruler-line{align-items:center}.ruler-val{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;color:var(--color-secondary);font-weight:500;min-width:28px}.ruler-line.active .ruler-val{color:var(--color-primary);font-weight:700}.ruler-dash{flex:1 1;height:1px;margin:0 8px;border-bottom:1px dotted var(--color-outline-variant)}.ruler-line.active .ruler-dash{border-bottom:1px dotted var(--color-primary);opacity:.6}.ruler-solid{flex:1 1;height:1px;margin:0 8px;background:var(--color-outline-variant);opacity:.4}.ruler-label{font-size:10px;color:var(--color-secondary);opacity:.65}.ruler-line.active .ruler-label{color:var(--color-primary);font-weight:600;opacity:1}.wave-svg-canvas{position:absolute;inset-x:0;bottom:0;width:100%;height:155px;pointer-events:none}.wave-face-badge-container{position:absolute;left:50%;transform:translateX(-50%);z-index:20;display:flex;flex-direction:column;align-items:center;pointer-events:none}.wave-face-badge{padding:2px 7px;background:var(--surface-container-lowest);color:var(--color-primary);border:1px solid rgba(0,69,95,.4);border-radius:4px;font-family:var(--font-heading);font-size:10px;font-weight:700;letter-spacing:.04em;box-shadow:0 1px 4px rgba(0,0,0,.08)}.wave-face-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid var(--color-primary)}.surfer-silhouette-container{position:relative;margin-left:auto;margin-right:18px;z-index:20;display:flex;flex-direction:column;align-items:center}.surfer-figure{width:36px;height:100px;color:var(--color-primary)}.surfer-height-label{font-size:9px;font-weight:700;color:var(--color-secondary);letter-spacing:.05em;text-transform:uppercase;margin-top:-2px}.spray-particle-1{animation:sprayPulse 2.4s ease-in-out infinite}.spray-particle-2{animation:sprayPulse 2.8s ease-in-out .4s infinite}.spray-particle-3{animation:sprayPulse 3.2s ease-in-out .8s infinite}@keyframes sprayPulse{0%,to{opacity:.2;transform:translateY(0)}50%{opacity:.8;transform:translateY(-2px)}}.matrix-stitch{display:grid;grid-template-columns:1fr 1fr;background:var(--color-divider);border:1px solid var(--color-divider);border-radius:12px;overflow:hidden;gap:1px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.03)}.matrix-quadrant{background:var(--surface-container-lowest);padding:12px 14px;flex-direction:column;min-height:100px;gap:6px}.matrix-quadrant,.quadrant-header{display:flex;justify-content:space-between}.quadrant-header{align-items:center}.quadrant-body{display:flex;flex-direction:column;gap:2px}.quadrant-main-val{font-family:var(--font-heading);font-size:18px;font-weight:700;letter-spacing:-.015em;color:var(--color-text)}.quadrant-sub-val{font-size:13px;font-weight:400;color:var(--color-secondary)}.quadrant-vector{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--color-secondary)}.quadrant-footer{font-size:11px;color:var(--color-secondary)}.quadrant-footer strong{color:var(--color-text)}.wind-status-chip{display:inline-flex;align-items:center;gap:4px;color:var(--color-primary);font-size:10px;font-weight:700;letter-spacing:.06em}.wind-status-chip .dot{width:5px;height:5px;border-radius:9999px;background:var(--color-primary)}.banner-recommender{background:var(--surface-container-lowest);border:1px solid var(--color-divider);border-radius:12px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.03);cursor:pointer;transition:background .15s ease}.banner-recommender:hover{background:var(--surface-container-low)}.recommender-left{display:flex;align-items:center;gap:10px;min-width:0}.recommender-icon-badge{width:34px;height:34px;border-radius:9999px;background:var(--color-primary-fixed);color:var(--color-on-primary-fixed);display:flex;align-items:center;justify-content:center;flex-shrink:0}.recommender-text{display:flex;flex-direction:column;min-width:0}.recommender-window{font-size:13.5px;font-weight:700;color:var(--color-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-stitch{background:var(--surface-container-lowest);border:1px solid var(--color-divider);border-radius:12px;padding:12px 14px;margin-bottom:12px;box-shadow:0 1px 3px rgba(0,0,0,.03)}.timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.timeline-header-left{display:flex;align-items:center;gap:8px}.timeline-active-label{font-size:11px;font-weight:600;color:var(--color-primary)}.timeline-legend{gap:10px;font-size:11px;color:var(--color-secondary)}.legend-item,.timeline-legend{display:flex;align-items:center}.legend-item{gap:4px}.legend-dot{width:7px;height:7px;border-radius:9999px}.legend-dot.wave-dot{background:var(--color-primary)}.legend-dot.wind-dot{background:var(--color-secondary);opacity:.6}.timeline-scroll{display:flex;align-items:flex-end;gap:6px;overflow-x:auto;padding:6px 2px 2px;scrollbar-width:none}.timeline-scroll::-webkit-scrollbar{display:none}.timeline-bar-btn{display:flex;flex-direction:column;align-items:center;gap:3px;width:44px;padding:6px 2px;border-radius:8px;border:0;background:transparent;cursor:pointer;flex-shrink:0;transition:background .15s}.timeline-bar-btn:hover{background:var(--surface-container-low)}.timeline-bar-btn.active{background:var(--surface-container-high);box-shadow:inset 0 1px 2px rgba(0,0,0,.06)}.timeline-bar-value{font-family:ui-monospace,SFMono-Regular,monospace;font-size:9.5px;color:var(--color-secondary)}.timeline-bar-btn.active .timeline-bar-value{color:var(--color-primary);font-weight:700}.timeline-bar-fill{width:22px;border-radius:4px 4px 0 0;background:var(--color-primary);display:flex;align-items:flex-end;justify-content:center;padding-bottom:2px;box-shadow:0 1px 2px rgba(0,0,0,.08)}.timeline-bar-arrow{color:#ffffff}.timeline-bar-time{font-size:10px;color:var(--color-secondary)}.timeline-bar-time strong{color:var(--color-text)}.forecast-matrix-section{margin-bottom:12px}.matrix-section-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px 6px}.matrix-outlook-label{font-size:11.5px;font-weight:600;color:var(--color-primary)}.days-stitch{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;background:var(--surface-container-low);padding:4px;border:1px solid var(--color-divider);border-radius:12px}.day-stitch-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 2px;border-radius:8px;border:0;background:var(--surface-container-lowest);color:var(--color-text);cursor:pointer;transition:all .15s}.day-stitch-btn:hover{background:var(--surface-container)}.day-stitch-btn.active{background:var(--color-primary);color:#ffffff;box-shadow:0 2px 6px rgba(0,69,95,.25)}.day-name{font-size:9.5px;text-transform:uppercase;font-weight:600;opacity:.8}.day-wave-height{font-size:11.5px;font-weight:800;letter-spacing:-.01em}.day-wave-icon{margin:1px 0;opacity:.9}.day-period{font-size:9.5px;opacity:.85}.forecast-action-group{display:flex;flex-direction:column;gap:10px;padding-top:4px;margin-bottom:16px}.btn-primary-stitch{width:100%;height:46px;border-radius:9999px;background:var(--color-primary);color:#ffffff;border:0;display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 6px rgba(0,69,95,.2);transition:background .15s}.btn-primary-stitch:hover{background:var(--color-primary-container)}.secondary-action-row{display:flex;align-items:center;justify-content:space-between;padding:0 4px}.action-link-btn{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--color-secondary);font-size:10px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:color .15s}.action-link-btn:hover{color:var(--color-primary)}.science-notice-card{display:flex;align-items:flex-start;gap:8px;background:var(--surface-container-lowest);border:1px solid var(--color-divider);border-radius:10px;padding:10px 12px;box-shadow:0 1px 2px rgba(0,0,0,.02)}.science-notice-card p{margin:0;font-size:11px;line-height:1.45;color:var(--color-secondary)}.forecast-skeleton-container{display:flex;flex-direction:column;gap:12px}.skeleton-box{width:100%;background:linear-gradient(90deg,var(--surface-container-low) 25%,var(--surface-container-high) 50%,var(--surface-container-low) 75%);background-size:200% 100%;animation:skeletonPulse 1.8s ease-in-out infinite;border-radius:8px;margin-bottom:8px}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}.alerts-container{display:flex;flex-direction:column;gap:16px;width:100%;max-width:480px;margin:0 auto;padding-bottom:32px}.alerts-top-section{display:flex;flex-direction:column;gap:8px;padding-top:4px}.alerts-status-subhead{display:flex;align-items:center;justify-content:space-between;gap:8px}.alerts-tech-tag-row{display:flex;align-items:center;gap:6px}.alerts-tech-tag{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-secondary,#695c53)}.alerts-tech-tag.active{color:var(--color-primary,#00455f)}.alerts-armed-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:9999px;background:var(--color-primary-fixed,#c3e8ff);color:var(--color-on-primary-fixed,#001e2c);font-size:10px;font-weight:700;letter-spacing:.04em;box-shadow:0 1px 2px rgba(0,0,0,.05)}.alerts-header-row{display:flex;align-items:baseline;justify-content:space-between;padding-top:2px}.alerts-main-title{font-family:var(--font-heading);font-size:26px;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.02em;line-height:1.15}.alerts-rules-btn{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary,#00455f);background:transparent;border:0;cursor:pointer;transition:opacity .15s ease}.alerts-rules-btn:hover{opacity:.8}.alerts-desc{font-size:12px;color:var(--color-secondary,#695c53);line-height:1.45;margin:0}.dispatch-status-banner{background:var(--surface-container-low,#f9f3ea);border-radius:8px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:2px}.dispatch-banner-left{display:flex;align-items:center;gap:8px;min-width:0}.dispatch-banner-title{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);line-height:1.2}.dispatch-banner-sub{font-size:10px;color:var(--color-secondary,#695c53);margin-top:1px}.dispatch-conf-pill{font-size:10px;font-weight:700;color:var(--color-primary,#00455f);background:var(--surface-container-highest,#e8e2d9);padding:3px 8px;border-radius:4px;flex-shrink:0}.alerts-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.alerts-section-title{font-size:10.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-secondary,#695c53)}.alerts-section-meta{font-size:10px;color:var(--color-secondary,#695c53)}.sensor-card{position:relative;background:#ffffff;border:1px solid var(--color-divider,#e8e2d9);border-radius:12px;padding:16px;box-shadow:0 1px 3px rgba(0,0,0,.03);display:flex;flex-direction:column;gap:14px}.sensor-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sensor-badge-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.sensor-type-badge{font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:4px}.sensor-type-badge.surf{background:var(--color-primary,#00455f);color:#ffffff}.sensor-type-badge.kite{background:var(--tertiary-container,#165d7b);color:#ffffff}.sensor-code{font-size:10px;color:var(--color-secondary,#695c53);font-family:ui-monospace,SFMono-Regular,monospace}.sensor-spot-title{font-family:var(--font-heading);font-size:17px;font-weight:600;color:var(--color-text);margin:2px 0 0;line-height:1.2}.sensor-toggle-switch{width:44px;height:24px;border-radius:9999px;background:var(--surface-variant,#e8e2d9);border:0;cursor:pointer;position:relative;transition:background .2s ease;padding:2px;flex-shrink:0}.sensor-toggle-switch.on{background:var(--color-primary,#00455f)}.sensor-toggle-thumb{width:20px;height:20px;border-radius:50%;background:#ffffff;transition:transform .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.15);display:block}.sensor-toggle-switch.on .sensor-toggle-thumb{transform:translateX(20px)}.sensor-rule-box{background:var(--surface-container-low,#f9f3ea);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:6px}.sensor-rule-main{font-family:var(--font-heading);font-size:16px;font-weight:600;color:var(--color-text)}.sensor-rule-chips,.sensor-rule-main{display:flex;align-items:center;gap:6px}.sensor-rule-chips{flex-wrap:wrap;font-size:12px;color:var(--color-secondary,#695c53)}.sensor-biometric-footnote{display:flex;align-items:center;gap:6px;font-size:11px;font-style:italic;color:var(--color-secondary,#695c53)}.sensor-match-box{background:var(--surface-container,#f3ede4);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:8px}.sensor-match-top{display:flex;align-items:center;justify-content:space-between}.sensor-match-tag{display:flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text)}.sensor-pulse-dot{width:8px;height:8px;border-radius:50%;display:inline-block}.sensor-pulse-dot.surf{background:#059669;box-shadow:0 0 0 2px rgba(16,185,129,.3)}.sensor-pulse-dot.kite{background:#d97706;box-shadow:0 0 0 2px rgba(245,158,11,.3)}.sensor-match-in{font-size:10.5px;font-weight:700;color:var(--color-primary,#00455f)}.sensor-match-desc{font-size:12px;font-weight:500;color:var(--color-neutral-700,#40484d);margin:0;line-height:1.35}.sensor-match-actions{display:flex;align-items:center;justify-content:space-between;padding-top:6px;border-top:1px solid rgba(0,0,0,.06)}.sensor-action-link{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary,#00455f);background:transparent;border:0;cursor:pointer;transition:opacity .15s ease}.sensor-action-link:hover{opacity:.8}.sensor-action-link.secondary{color:var(--color-secondary,#695c53)}.sensor-test-btn{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary,#00455f);background:var(--surface-container-highest,#e8e2d9);border:0;border-radius:4px;padding:4px 8px;cursor:pointer;transition:all .15s ease}.sensor-test-btn:hover{background:var(--surface-dim,#dfd9d0)}.sensor-nautical-divider{display:flex;align-items:center;gap:10px;margin:6px 0}.sensor-nautical-divider .divider-line{flex:1 1;height:1px;background:var(--surface-container-highest,#e8e2d9)}.sensor-nautical-divider .divider-text{font-family:ui-monospace,SFMono-Regular,monospace;font-size:11px;color:var(--color-outline-variant,#c0c7ce);letter-spacing:.1em;text-transform:uppercase}.condition-builder-card{position:relative;background:#ffffff;border:1px solid var(--color-divider,#e8e2d9);border-radius:12px;padding:18px;box-shadow:0 2px 6px rgba(0,0,0,.04);display:flex;flex-direction:column;gap:18px}.builder-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--surface-container-high,#ede7de)}.builder-kicker{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary,#00455f)}.builder-title{font-family:var(--font-heading);font-size:19px;font-weight:700;color:var(--color-text);margin:2px 0 0;line-height:1.2}.builder-badge-icon{width:32px;height:32px;border-radius:50%;background:var(--surface-container,#f3ede4);display:flex;align-items:center;justify-content:center;color:var(--color-secondary,#695c53)}.builder-step{display:flex;flex-direction:column;gap:8px}.builder-step-head{display:flex;align-items:center;justify-content:space-between}.builder-step-label{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-secondary,#695c53)}.sport-modality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:var(--surface-container,#f3ede4);padding:4px;border-radius:8px}.sport-modality-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 4px;border-radius:6px;border:0;background:transparent;font-size:12.5px;font-weight:600;color:var(--color-secondary,#695c53);cursor:pointer;transition:all .15s ease}.sport-modality-btn.active{background:var(--color-primary,#00455f);color:#ffffff;box-shadow:0 1px 3px rgba(0,69,95,.25)}.coastline-picker-btn{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;background:var(--surface-container-low,#f9f3ea);border:0;cursor:pointer;text-align:left;transition:background .15s ease}.coastline-picker-btn:hover{background:var(--surface-container,#f3ede4)}.wave-stepper-card{background:var(--surface-container-low,#f9f3ea);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:12px}.wave-stepper-top{display:flex;align-items:center;justify-content:space-between}.wave-stepper-val{font-family:var(--font-heading);font-size:28px;font-weight:800;color:var(--color-primary,#00455f);line-height:1;letter-spacing:-.02em}.wave-stepper-desc{font-size:12px;font-weight:500;color:var(--color-secondary,#695c53);margin-top:2px}.wave-stepper-controls{display:flex;align-items:center;gap:6px}.wave-stepper-btn{width:36px;height:36px;border-radius:6px;background:var(--surface-container,#f3ede4);border:0;color:var(--color-text);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease}.wave-stepper-btn:hover{background:var(--surface-container-high,#ede7de)}.wave-presets-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;text-align:center}.wave-preset-btn{padding:6px 2px;border-radius:4px;border:0;background:var(--surface-container-high,#ede7de);color:var(--color-text);font-size:11px;font-weight:700;cursor:pointer;transition:all .15s ease}.wave-preset-btn.active{background:var(--color-primary,#00455f);color:#ffffff}.wave-presets-labels{justify-content:space-between;font-size:9.5px;padding:0 2px}.wave-presets-labels,.wave-stature-callout{display:flex;align-items:center;color:var(--color-secondary,#695c53)}.wave-stature-callout{gap:6px;padding:8px 10px;border-radius:6px;background:var(--surface-container,#f3ede4);font-size:10.5px;line-height:1.35}.wind-velocity-card{background:var(--surface-container-low,#f9f3ea);border-radius:8px;padding:14px;display:flex;flex-direction:column;gap:10px}.wind-velocity-top{display:flex;align-items:center;justify-content:space-between}.wind-bearings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.wind-bearing-btn{padding:10px 4px;border-radius:6px;border:0;background:var(--surface-container,#f3ede4);color:var(--color-secondary,#695c53);display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .15s ease}.wind-bearing-btn.active{background:var(--color-primary,#00455f);color:#ffffff}.dispatch-channels-list{display:flex;flex-direction:column;gap:8px}.dispatch-channel-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;background:var(--surface-container-low,#f9f3ea);cursor:pointer;transition:background .15s ease}.dispatch-channel-item:hover{background:var(--surface-container,#f3ede4)}.dispatch-channel-left{display:flex;align-items:center;gap:10px;min-width:0}.dispatch-checkbox{width:18px;height:18px;border-radius:4px;accent-color:var(--color-primary,#00455f);cursor:pointer}.arm-trigger-btn{width:100%;height:48px;border-radius:8px;background:var(--color-primary,#00455f);color:#ffffff;border:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 2px 6px rgba(0,69,95,.25);transition:all .2s ease}.arm-trigger-btn:hover{background:var(--color-primary-container,#1d5d7a)}.arm-trigger-btn.armed{background:#059669}.empirical-verification-card{display:flex;align-items:flex-start;gap:10px;background:var(--surface-container-low,#f9f3ea);border-radius:8px;padding:12px;margin-top:4px}