@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@300;400;700&family=JetBrains+Mono:wght@500;700&family=Space+Grotesk:wght@700&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.grid{display:grid}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}}:root{--color-paper:#051220;--color-paper-2:#0b2134;--color-paper-3:#153046;--color-rule:#314b5e;--color-ink:#e2f2f7;--color-muted:#98b3c0;--color-accent:#00e0e0;--color-accent-ink:var(--color-paper);--color-wind-api:#37a1f9;--color-wind-real:#ff8500;--color-wave:#2bd2c2;--color-cast:#b17bf7;--color-sun:#fcc618;--color-danger:#fc4447;--color-success:#45e58f;--color-squid:#c287ff;--color-focus:#3bf4f4;--font-display:"Space Grotesk", "IBM Plex Sans Thai", sans-serif;--font-body:"IBM Plex Sans Thai", "IBM Plex Sans", sans-serif;--font-outlier:var(--font-body);--space-3xs:.125rem;--space-2xs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2.5rem;--space-2xl:4rem;--space-3xl:6rem;--text-xs:.72rem;--text-sm:.82rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.56rem;--text-xl:1.95rem;--text-2xl:2.44rem;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--dur-micro:.12s;--dur-short:.22s;--dur-long:.42s;--radius-sm:.5rem;--radius-md:.9rem;--radius-lg:1.25rem;--radius-pill:999px;--rule-thin:1px}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(5.16613% -1.28311 -11.1297);--color-paper-2:lab(11.6837% -2.8904 -15.7125);--color-paper-3:lab(18.6912% -4.52876 -17.0741);--color-rule:lab(30.385% -5.57825 -14.6063);--color-ink:lab(94.3095% -4.574 -4.418);--color-muted:lab(71.1242% -7.17118 -10.098);--color-accent:lab(80.6517% -47.4474 -14.2278);--color-wind-api:lab(63.4058% -7.79429 -53.1942);--color-wind-real:lab(68.7925% 45.1751 80.6235);--color-wave:lab(76.043% -44.9543 -4.57357);--color-cast:lab(61.3588% 39.6806 -54.7498);--color-sun:lab(82.9018% 10.2255 80.6667);--color-danger:lab(58.3383% 69.5703 42.8339);--color-success:lab(81.4514% -57.567 29.7068);--color-squid:lab(65.8247% 43.6851 -55.8736);--color-focus:lab(87.5616% -45.7937 -13.7797)}}*{box-sizing:border-box}html,body{overflow-x:clip}html{background:var(--color-paper)}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,[role=slider]:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}button{cursor:pointer;white-space:nowrap;min-height:44px}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.025em;overflow-wrap:anywhere;min-width:0;font-style:normal}small,.gps-line,.demo-badge,.history-badge,.live-badge,.axis-label,.cursor-label,.north-up{font-family:var(--font-outlier);font-variant-numeric:tabular-nums}.app-shell{background:radial-gradient(circle at 88% -10%, var(--color-accent) 0, transparent 34%), var(--color-paper);min-height:100dvh}@supports (color:color-mix(in lab, red, red)){.app-shell{background:radial-gradient(circle at 88% -10%, color-mix(in oklch, var(--color-accent) 10%, transparent) 0, transparent 34%), var(--color-paper)}}.screen{width:min(100%,1120px);padding:env(safe-area-inset-top) var(--space-md) calc(5rem + env(safe-area-inset-bottom));margin:auto}.desktop-rail{display:none}.app-loading{min-height:70dvh;color:var(--color-muted);place-items:center;display:grid}.situation{gap:var(--space-lg);display:grid}.topbar{justify-content:space-between;gap:var(--space-md);padding-top:var(--space-md);align-items:flex-start;display:flex}.spot{align-items:center;gap:var(--space-xs);font-family:var(--font-display);font-size:var(--text-md);display:flex}.map-pin-dot{border:2px solid var(--color-accent);border-radius:50%;width:10px;height:10px;position:relative}.map-pin-dot:after{content:"";background:var(--color-accent);width:2px;height:7px;position:absolute;top:6px;left:2px;transform:rotate(-25deg)}.gps-line{gap:var(--space-2xs);color:var(--color-muted);font-size:var(--text-xs);margin-top:var(--space-2xs);align-items:center;display:flex}.status-stack{justify-items:end;gap:var(--space-2xs);display:grid}.date-rail-shell{min-width:0;position:relative}.date-rail{gap:var(--space-2xs);overscroll-behavior-inline:contain;min-width:0;padding:var(--space-3xs);border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-2);scroll-snap-type:x proximity;scrollbar-width:none;touch-action:pan-x;display:flex;overflow-x:auto}.date-rail::-webkit-scrollbar{display:none}.date-card{min-height:64px;padding:var(--space-2xs) var(--space-xs);border:var(--rule-thin) solid transparent;border-radius:var(--radius-sm);color:var(--color-muted);scroll-snap-align:center;transition:transform var(--dur-micro) var(--ease-out), opacity var(--dur-micro) var(--ease-out);background:0 0;flex:0 0 76px;grid-template-rows:auto 1fr auto;place-items:center;gap:0;line-height:1.05;display:grid}.date-card:hover,.date-card.is-hover{background:var(--color-paper-3)}@supports (color:color-mix(in lab, red, red)){.date-card:hover,.date-card.is-hover{background:color-mix(in oklch, var(--color-paper-3) 72%, transparent)}}.date-card:hover,.date-card.is-hover{color:var(--color-ink)}.date-card:active,.date-card.is-active{transform:translateY(1px)}.date-card.is-selected{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.date-card--history:not(.is-selected) small{color:var(--color-muted)}.date-card--live:not(.is-selected) small{color:var(--color-success)}.date-card--forecast:not(.is-selected) small{color:var(--color-wind-api)}.date-card strong{font-family:var(--font-display);font-size:var(--text-md);font-variant-numeric:tabular-nums}.date-card__title{font-size:var(--text-xs);font-weight:700}.date-card small{letter-spacing:.025em;font-size:.58rem}.date-rail-shell[data-state=loading] .date-card{opacity:.55}.date-rail-shell[data-state=error] .date-rail{border-color:var(--color-danger)}.date-rail-shell[data-state=success] .date-rail{border-color:var(--color-success)}.date-rail-message{color:var(--color-ink);font-size:var(--text-xs);pointer-events:none;position:absolute;inset-block-end:var(--space-2xs);inset-inline-end:var(--space-xs)}.live-data-badge,.loading-data-badge,.unavailable-data-badge,.history-badge,.live-badge{border:var(--rule-thin) solid var(--color-rule);border-radius:var(--radius-pill);letter-spacing:.05em;white-space:nowrap;padding:.18rem .48rem;font-size:.65rem}.live-data-badge{border-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.live-data-badge{border-color:color-mix(in oklch, var(--color-success) 55%, var(--color-rule))}}.live-data-badge{color:var(--color-success)}.loading-data-badge{color:var(--color-wind-api)}.unavailable-data-badge{border-color:var(--color-wind-real)}@supports (color:color-mix(in lab, red, red)){.unavailable-data-badge{border-color:color-mix(in oklch, var(--color-wind-real) 55%, var(--color-rule))}}.unavailable-data-badge{color:var(--color-wind-real)}.data-unavailable{place-content:center;gap:var(--space-xs);min-height:260px;padding:var(--space-xl);text-align:center;display:grid}.data-unavailable strong{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-md)}.data-unavailable p{max-width:42rem;color:var(--color-muted)}.retry-data-button{min-height:44px;padding:0 var(--space-lg);border:1px solid var(--color-accent);justify-self:center}@supports (color:color-mix(in lab, red, red)){.retry-data-button{border:1px solid color-mix(in oklch, var(--color-accent) 60%, transparent)}}.retry-data-button{background:var(--color-accent);border-radius:999px}@supports (color:color-mix(in lab, red, red)){.retry-data-button{background:color-mix(in oklch, var(--color-accent) 12%, transparent)}}.retry-data-button{color:var(--color-accent);font-weight:700}.recovery-map-panel{overflow:hidden}.live-badge{border-color:var(--color-success)}@supports (color:color-mix(in lab, red, red)){.live-badge{border-color:color-mix(in oklch, var(--color-success) 55%, var(--color-rule))}}.live-badge{color:var(--color-success)}.history-badge{color:var(--color-wind-real)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.target-toggle{padding:var(--space-2xs);background:var(--color-paper-2);border-radius:var(--radius-pill);width:max-content;display:flex}.target-toggle button{border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-md);background:0 0;border:0;font-weight:700}.target-toggle button.selected{background:var(--color-ink);color:var(--color-paper)}.target-toggle button.selected.squid{background:var(--color-squid);color:var(--color-paper)}.target-toggle.wide{width:100%}.target-toggle.wide button{flex:1}.safety{gap:var(--space-xs);color:var(--color-sun);justify-content:flex-end;align-items:center;display:flex}.safety div{text-align:right;display:grid}.safety span{font-size:var(--text-xs);color:var(--color-muted);max-width:18ch}.back-live{border:1px solid var(--color-wind-real);color:var(--color-wind-real);border-radius:var(--radius-pill);padding:0 var(--space-md);align-items:center;gap:var(--space-xs);background:0 0;justify-self:start;display:flex}.metrics-grid{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.secondary-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.secondary-metrics .metric{gap:var(--space-2xs);padding:var(--space-sm);display:grid}.secondary-metrics .metric-icon{height:22px}.metric{gap:var(--space-sm);background:var(--color-paper-2);border-radius:var(--radius-md);min-width:0;padding:var(--space-md);display:flex}.metric-icon{color:var(--color-muted)}.metric-icon svg{width:19px}.metric.wind .metric-icon{color:var(--color-wind-api)}.metric.wave .metric-icon{color:var(--color-wave)}.metric.sun .metric-icon{color:var(--color-sun)}.metric>div:last-child{min-width:0;display:grid}.metric span{font-size:var(--text-xs);color:var(--color-muted)}.metric strong{font-size:var(--text-md);font-family:var(--font-outlier);font-variant-numeric:tabular-nums}.metric small{text-overflow:ellipsis;white-space:nowrap;color:var(--color-muted);font-size:.68rem;overflow:hidden}.panel{background:var(--color-paper-2);border-radius:var(--radius-lg);overflow:hidden}.timeline-control-row{justify-content:space-between;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md) var(--space-xs);display:flex}.timeline-context{align-items:center;column-gap:var(--space-xs);grid-template-columns:auto auto;grid-template-areas:"time date""time tide";justify-items:end;min-width:0;display:grid}.timeline-context .timeline-date{color:var(--color-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-time{color:var(--color-accent);font-family:var(--font-outlier);font-size:var(--text-md);font-variant-numeric:tabular-nums;grid-area:time;line-height:1}.timeline-date{grid-area:date}.tide-now{grid-area:tide}.back-live-inline{justify-content:center;align-items:center;gap:var(--space-2xs);border:1px solid var(--color-wind-real);border-radius:var(--radius-pill);min-height:32px;color:var(--color-wind-real);padding-inline:var(--space-sm);font-size:var(--text-xs);white-space:nowrap;background:0 0;grid-area:back;margin:0;display:flex}.back-live-inline.is-placeholder{display:none}.timeline-context:has(.back-live-inline:not(.is-placeholder)){grid-template-columns:auto auto;grid-template-areas:"time back"}:is(.timeline-context:has(.back-live-inline:not(.is-placeholder))>.timeline-date,.timeline-context:has(.back-live-inline:not(.is-placeholder))>.tide-now){display:none}.timeline-instruments{margin:0 var(--space-md) var(--space-sm);border-block:1px solid var(--color-rule);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.instrument{min-width:0;padding:var(--space-sm);border-bottom:1px solid var(--color-rule);display:grid;position:relative}.instrument:nth-child(odd){border-inline-end:1px solid var(--color-rule)}.instrument:nth-child(n+3){border-bottom:0}.instrument span,.instrument small{color:var(--color-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.instrument strong{font-family:var(--font-outlier);font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:clamp(1.35rem,6vw,1.75rem)}.instrument-reading{justify-content:space-between;align-items:baseline;gap:var(--space-2xs);min-width:0;display:flex}.instrument.score strong{color:var(--color-accent)}.instrument.squid strong{color:var(--color-squid)}.instrument.wind strong{color:var(--color-wind-api)}.instrument.wave strong{color:var(--color-wave)}.instrument.weather strong{color:var(--color-ink)}.instrument-alert{color:var(--color-danger);white-space:nowrap;flex:none;font-size:.625rem;font-style:normal;font-weight:700;line-height:1}.panel-head{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);display:flex}.panel-head h2{font-size:var(--text-md)}.panel-head p{font-size:var(--text-sm);color:var(--color-muted)}.tide-now,.north-up{font-size:var(--text-xs);color:var(--color-wave);white-space:nowrap}.timeline-wrap{touch-action:none;width:100%;position:relative}.sky-readout{z-index:2;clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sky-title{fill:var(--color-ink);font-size:22px}.sky-detail{fill:var(--color-muted);font-size:17px}.sky-readout small{color:var(--color-muted)}.timeline-wrap svg{z-index:1;opacity:0;-webkit-user-select:none;user-select:none;width:100%;height:auto;min-height:190px;display:block;position:absolute;inset:0}.capture-tide-canvas{width:100%;height:auto;min-height:190px;display:block}.timeline-wrap:has(svg:focus-visible){outline:3px solid var(--color-focus);outline-offset:-3px}.day-zone{fill:var(--color-sun)}@supports (color:color-mix(in lab, red, red)){.day-zone{fill:color-mix(in oklch, var(--color-sun) 5%, transparent)}}.sky-day{fill:var(--color-sun)}@supports (color:color-mix(in lab, red, red)){.sky-day{fill:color-mix(in oklch, var(--color-sun) 7%, transparent)}}.sky-twilight{fill:var(--color-wind-real)}@supports (color:color-mix(in lab, red, red)){.sky-twilight{fill:color-mix(in oklch, var(--color-wind-real) 9%, transparent)}}.sky-night{fill:var(--color-cast)}@supports (color:color-mix(in lab, red, red)){.sky-night{fill:color-mix(in oklch, var(--color-cast) 5%, transparent)}}.sky-cloud{fill:var(--color-muted)}.sky-horizon{stroke:var(--color-rule)}@supports (color:color-mix(in lab, red, red)){.sky-horizon{stroke:color-mix(in oklch, var(--color-rule) 65%, transparent)}}.tide-fill{fill:var(--color-wave)}@supports (color:color-mix(in lab, red, red)){.tide-fill{fill:color-mix(in oklch, var(--color-wave) 12%, transparent)}}.tide-line{fill:none;stroke:var(--color-wave);stroke-width:3px;stroke-linejoin:round}.axis-tick{stroke:var(--color-rule)}.axis-label,.cursor-label,.extrema{fill:var(--color-muted);font-size:10px}.cursor-label{fill:var(--color-ink);font-weight:700}.cursor-line{stroke:var(--color-accent);stroke-width:1.5px;stroke-dasharray:4 4}.cursor-dot{fill:var(--color-accent);stroke:var(--color-paper-2);stroke-width:3px}.timeline-summary{justify-content:space-between;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--color-rule);background:var(--color-paper-3);font-variant-numeric:tabular-nums;align-items:center;display:flex}.selected-time{display:grid}.selected-time span{color:var(--color-muted);font-size:var(--text-xs)}.selected-time strong{font-family:var(--font-outlier);color:var(--color-accent);font-size:var(--text-md)}.event-dot{stroke:var(--color-paper-2);stroke-width:1.5px}.event-dot.fish{fill:var(--color-success)}.event-dot.squid{fill:var(--color-squid)}.marine-map{background:var(--color-paper-3);height:380px;position:relative;overflow:hidden}.map-canvas{z-index:1;position:absolute;inset:0}.marine-map>.map-canvas.maplibregl-map{width:100%;height:100%;position:absolute;inset:0}.map-raster-live,.map-capture-image{pointer-events:none;position:absolute;inset:0;overflow:hidden}.map-raster-live{z-index:0;transform-origin:50%;will-change:transform}.map-capture-image{z-index:2}.map-raster-live img,.map-capture-image img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;max-width:none;display:block;position:absolute}.selected-check-marker{z-index:3;pointer-events:none;width:32px;height:40px;color:var(--color-sun);filter:drop-shadow(0 2px 4px var(--color-paper));position:absolute;top:50%;left:50%;transform:translate(-50%,-100%)}.selected-check-marker svg{width:100%;height:100%;fill:var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.selected-check-marker svg{fill:color-mix(in oklch, var(--color-paper) 72%, transparent)}}.map-zoom-controls{z-index:4;border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);display:grid;position:absolute;inset-block-start:var(--space-sm);inset-inline-end:var(--space-sm);overflow:hidden}@supports (color:color-mix(in lab, red, red)){.map-zoom-controls{background:color-mix(in oklch, var(--color-paper) 92%, transparent)}}.map-zoom-controls{box-shadow:0 4px 20px var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.map-zoom-controls{box-shadow:0 4px 20px color-mix(in oklch, var(--color-paper) 55%, transparent)}}.map-zoom-controls button{width:44px;height:44px;color:var(--color-ink);background:0 0;border:0;border-radius:0;place-items:center;display:grid}.map-zoom-controls button+button{border-block-start:1px solid var(--color-rule)}.map-zoom-controls svg{width:19px}.maplibregl-map{font-family:var(--font-body)}.maplibregl-canvas{filter:none;background:0 0!important}.map-location-card{z-index:4;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);display:flex;position:absolute;inset-block-start:var(--space-sm);inset-inline-start:var(--space-sm)}@supports (color:color-mix(in lab, red, red)){.map-location-card{background:color-mix(in oklch, var(--color-paper) 92%, transparent)}}.map-location-card{color:var(--color-ink);box-shadow:0 4px 20px var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.map-location-card{box-shadow:0 4px 20px color-mix(in oklch, var(--color-paper) 55%, transparent)}}.map-location-card{pointer-events:none}.map-location-card svg{width:18px;color:var(--color-accent)}.map-location-card div{display:grid}.map-location-card strong{font-size:var(--text-sm)}.map-location-card span{color:var(--color-muted);font-family:var(--font-outlier);font-variant-numeric:tabular-nums;font-size:.68rem}.map-status{z-index:3;place-content:center;justify-items:center;gap:var(--space-xs);background:var(--color-paper-3);display:grid;position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.map-status{background:color-mix(in oklch, var(--color-paper-3) 88%, transparent)}}.map-status{color:var(--color-muted);pointer-events:none}.map-status.error{color:var(--color-wind-real)}.map-status button{align-items:center;gap:var(--space-xs);border-radius:var(--radius-pill);background:var(--color-paper-2);padding-inline:var(--space-sm);border:1px solid;display:flex}.map-status button svg{width:16px}.map-location-actions{z-index:4;inset-inline:var(--space-sm);justify-content:space-between;align-items:center;gap:var(--space-xs);padding:var(--space-xs);border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper);display:flex;position:absolute;inset-block-end:var(--space-sm)}@supports (color:color-mix(in lab, red, red)){.map-location-actions{background:color-mix(in oklch, var(--color-paper) 92%, transparent)}}.map-location-actions{color:var(--color-ink)}.map-location-actions>span{padding-inline:var(--space-xs);color:var(--color-muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.map-location-actions>div{gap:var(--space-2xs);display:flex}.map-location-actions button{align-items:center;gap:var(--space-2xs);border-radius:var(--radius-sm);background:var(--color-paper-2);padding-inline:var(--space-sm);border:0;display:flex}.map-location-actions button:last-child{color:var(--color-accent)}.map-location-actions button svg{width:17px}.fishing-spot-marker,.user-location-marker{border:3px solid var(--color-paper);background:var(--color-accent);width:24px;height:24px;box-shadow:0 2px 8px var(--color-paper);border-radius:50% 50% 50% 0}@supports (color:color-mix(in lab, red, red)){.fishing-spot-marker,.user-location-marker{box-shadow:0 2px 8px color-mix(in oklch, var(--color-paper) 65%, transparent)}}.fishing-spot-marker,.user-location-marker{transform:rotate(-45deg)}.user-location-marker{background:var(--color-wind-real)}.maplibregl-popup-content{border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper-2);color:var(--color-ink);font-family:var(--font-body);gap:2px;display:grid}.maplibregl-popup-content span{color:var(--color-muted);font-size:var(--text-xs)}.maplibregl-popup-tip{border-top-color:var(--color-paper-2)!important}.map-arrow{z-index:3;transform-origin:50% 42px;pointer-events:none;justify-items:center;display:grid;position:absolute;top:50%;left:50%}.map-arrow span{color:var(--color-wind-api);text-shadow:0 1px 1px var(--color-paper);font-size:3rem;line-height:1}.map-arrow b{font-family:var(--font-outlier);color:var(--color-ink);background:var(--color-paper);padding:1px 4px;font-size:9px}.wind-api-arrow{margin:-44px 0 0 -18px}.real-arrow{top:54%;left:57%}.real-arrow span{color:var(--color-wind-real);-webkit-text-stroke:1px var(--color-wind-real);opacity:.85}.wave-arrow{top:59%;left:43%}.wave-arrow span{color:var(--color-wave)}.cast-arrow{top:64%;left:51%}.cast-arrow span{color:var(--color-cast)}.direction-legend{gap:var(--space-md);padding:var(--space-sm) var(--space-md);font-family:var(--font-outlier);font-size:var(--text-xs);background:var(--color-paper-3);flex-wrap:wrap;display:flex}.direction-legend span{align-items:center;gap:var(--space-2xs);display:flex}.direction-legend i{background:var(--color-wind-api);width:16px;height:2px;display:inline-block}.direction-legend .real i{background:repeating-linear-gradient(90deg, var(--color-wind-real) 0 4px, transparent 4px 7px)}.direction-legend .wave i{background:var(--color-wave)}.field-actions{z-index:200;left:50%;bottom:calc(var(--space-sm) + env(safe-area-inset-bottom));width:min(calc(100% - var(--space-xl)), 360px);background:var(--color-paper-2);border:1px solid var(--color-rule);border-radius:var(--radius-pill);gap:var(--space-2xs);min-height:56px;padding:var(--space-2xs);box-shadow:0 8px 24px var(--color-paper);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid;position:fixed;transform:translate(-50%)}@supports (color:color-mix(in lab, red, red)){.field-actions{box-shadow:0 8px 24px color-mix(in oklch, var(--color-paper) 52%, transparent)}}.field-actions button{justify-content:center;align-items:center;gap:var(--space-xs);min-height:48px;font-size:var(--text-sm);color:var(--color-muted);border-radius:var(--radius-pill);white-space:nowrap;background:0 0;border:1px solid #0000;font-weight:700;display:flex}.field-actions button:hover{border-color:var(--color-accent);color:var(--color-ink)}.field-actions button:active{transform:translateY(1px)}.field-actions button:focus-visible{outline:2px solid var(--color-focus);outline-offset:1px}.field-actions button:disabled{cursor:not-allowed;opacity:.55}.field-actions .field-action-primary{background:var(--color-accent);color:var(--color-accent-ink)}.sheet-backdrop,.modal-backdrop{z-index:400;background:var(--color-paper);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.sheet-backdrop,.modal-backdrop{background:color-mix(in oklch, var(--color-paper) 74%, transparent)}}.sheet-backdrop,.modal-backdrop{align-items:flex-end;display:flex}.quick-sheet{background:var(--color-paper-2);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:min(100%,580px);padding:var(--space-xs) var(--space-md) calc(var(--space-lg) + env(safe-area-inset-bottom));animation:sheet-in var(--dur-long) var(--ease-out);max-height:92dvh;margin:0 auto;overflow:auto}.sheet-handle{border-radius:var(--radius-pill);background:var(--color-rule);width:42px;height:4px;margin:0 auto var(--space-sm)}.sheet-head{margin-bottom:var(--space-md);justify-content:space-between;align-items:flex-start;display:flex}.sheet-head span{font-size:var(--text-xs);color:var(--color-success)}.sheet-head h2{font-size:var(--text-lg)}.icon-button{background:var(--color-paper-3);border:0;border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.active-gear{align-items:center;gap:var(--space-xs);padding:var(--space-md) 0;grid-template-columns:1fr auto auto;display:grid}.active-gear span{color:var(--color-muted);font-size:var(--text-xs);grid-column:1/-1}.quick-grid{gap:var(--space-xs);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.quick-grid button{border:1px solid var(--color-rule);border-radius:var(--radius-md);background:var(--color-paper-3);justify-content:center;align-items:center;gap:var(--space-xs);min-height:82px;font-weight:700;display:flex}.quick-grid .primary-event{background:var(--color-squid);border-color:var(--color-squid);color:var(--color-paper)}.event-glyph{font-family:var(--font-outlier);font-size:var(--text-lg)}.snapshot-note{font-size:var(--text-xs);color:var(--color-muted);padding-top:var(--space-md)}.save-confirm{z-index:500;left:50%;bottom:calc(6rem + env(safe-area-inset-bottom));align-items:center;gap:var(--space-xs);background:var(--color-success);color:var(--color-paper);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-pill);white-space:nowrap;display:flex;position:fixed;transform:translate(-50%)}.egi-picker{gap:var(--space-xs);display:grid}.egi-picker>button{text-align:left;align-items:center;gap:var(--space-sm);border:1px solid var(--color-rule);background:var(--color-paper-3);border-radius:var(--radius-md);padding:var(--space-sm);grid-template-columns:42px 1fr auto;display:grid}.egi-picker span{white-space:normal;display:grid}.egi-picker small{color:var(--color-muted)}.egi-swatch{background:linear-gradient(135deg, var(--color-squid), var(--color-danger));border-radius:50%;height:42px}.egi-swatch[data-color=orange]{background:linear-gradient(135deg, var(--color-wind-real), var(--color-sun))}.modal-backdrop{padding:var(--space-md);align-items:center}.compass-dialog{background:var(--color-paper-2);border-radius:var(--radius-lg);width:min(100%,440px);padding:var(--space-lg);text-align:center;justify-items:center;gap:var(--space-sm);animation:modal-in var(--dur-long) var(--ease-out);margin:auto;display:grid;position:relative}.compass-dialog .close{right:var(--space-sm);top:var(--space-sm);position:absolute}.compass-dialog p{color:var(--color-muted)}.compass-face{border:1px solid var(--color-rule);background:radial-gradient(circle, var(--color-paper-3), var(--color-paper-2) 70%);border-radius:50%;place-items:center;width:220px;height:220px;display:grid;position:relative}.compass-needle{color:var(--color-wind-real);transform-origin:50%;font-size:5rem;position:absolute}.compass-face .north{font-family:var(--font-outlier);color:var(--color-muted);position:absolute;top:10px}.compass-face strong{font-family:var(--font-outlier);font-size:var(--text-lg);transform:translateY(48px)}.compass-dialog label{align-items:center;gap:var(--space-xs);display:flex}.compass-dialog input{background:var(--color-paper-3);width:88px;color:var(--color-ink);border:1px solid var(--color-rule);padding:var(--space-xs);border-radius:var(--radius-sm)}.primary-button{background:var(--color-accent);width:100%;color:var(--color-accent-ink);border-radius:var(--radius-md);border:0;min-height:56px;font-weight:700}.page{gap:var(--space-lg);padding-top:var(--space-xl);display:grid}.page-head{justify-content:space-between;align-items:end;display:flex}.page-head span{color:var(--color-muted)}.page-head h1{font-size:var(--text-2xl)}.filter-chip,.analytics-filters button{border:1px solid var(--color-rule);background:var(--color-paper-2);border-radius:var(--radius-pill);padding:0 var(--space-md)}.trip-card{background:var(--color-paper-2);border-radius:var(--radius-lg);width:100%;padding:var(--space-lg);gap:var(--space-lg);text-align:left;border:0;grid-template-columns:auto 1fr;display:grid}.trip-date{gap:var(--space-xs);align-items:flex-start;display:flex}.trip-date strong{font-family:var(--font-display);font-size:var(--text-2xl);line-height:1}.trip-date span{font-family:var(--font-outlier);font-size:var(--text-xs);color:var(--color-muted)}.trip-main{gap:var(--space-xs);min-width:0;display:grid}.trip-main>span,.trip-main small{color:var(--color-muted)}.trip-main h2{font-size:var(--text-md);white-space:normal}.trip-stats{font-size:var(--text-sm)}.trip-stats b{color:var(--color-accent);font-family:var(--font-outlier)}.trip-detail{gap:var(--space-lg);display:grid}.back-link{justify-self:start;align-items:center;gap:var(--space-xs);color:var(--color-accent);background:0 0;border:0;display:flex}.replay-clock{gap:var(--space-md);background:var(--color-paper-2);border-radius:var(--radius-lg);padding:var(--space-lg);display:grid}.replay-clock>span{font-family:var(--font-outlier);font-size:var(--text-2xl)}.replay-controls{gap:var(--space-xs);flex-wrap:wrap;align-items:center;display:flex}.replay-controls button{border:1px solid var(--color-rule);background:var(--color-paper-3);border-radius:var(--radius-sm);min-width:44px}.replay-controls button.active{color:var(--color-accent);border-color:var(--color-accent)}input[type=range]{accent-color:var(--color-accent);width:100%}.replay-strip{gap:var(--space-xs);padding-bottom:var(--space-xs);display:flex;overflow:auto}.replay-strip>div{background:var(--color-paper-2);border-top:3px solid var(--color-success);min-width:130px;padding:var(--space-sm);border-radius:var(--radius-sm);display:grid}.replay-strip>div.squid{border-color:var(--color-squid)}.replay-strip time{font-family:var(--font-outlier);color:var(--color-muted)}.replay-strip small{color:var(--color-muted)}.detail-grid{gap:var(--space-xs);display:grid}.detail-grid section{background:var(--color-paper-2);padding:var(--space-lg);border-radius:var(--radius-md)}.analytics-filters{gap:var(--space-xs);display:flex}.analytics-filters button.active{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}.funnel-panel,.ranking,.heatmap,.insight-note,.provider-card{background:var(--color-paper-2);border-radius:var(--radius-lg);padding:var(--space-lg)}.funnel{justify-items:start;gap:var(--space-xs);display:grid}.funnel-step{background:var(--color-squid);min-width:32%;padding:var(--space-sm) var(--space-md);clip-path:polygon(0 0,96% 0,100% 50%,96% 100%,0 100%);justify-content:space-between;align-items:center;display:flex}.funnel-step strong{font-family:var(--font-outlier);font-size:var(--text-lg)}.rate-row{gap:var(--space-xs);margin-top:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.rate-row span{background:var(--color-paper-3);padding:var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-sm);display:grid}.rate-row b{font-family:var(--font-outlier);font-size:var(--text-lg)}.ranking{gap:var(--space-xs);display:grid}.ranking article{gap:var(--space-md);border-top:1px solid var(--color-rule);padding-top:var(--space-md);grid-template-columns:auto 1fr auto;align-items:center;display:grid}.ranking article>strong{font-family:var(--font-outlier);font-size:var(--text-lg);color:var(--color-squid)}.ranking h3{font-size:var(--text-md)}.ranking p{color:var(--color-muted);font-size:var(--text-sm)}.rank-result{align-items:center;gap:var(--space-xs);display:flex}.rank-result b{font-family:var(--font-outlier);font-size:var(--text-xl)}.rank-result span{font-size:var(--text-xs);color:var(--color-muted)}.heatmap>p,.insight-note p,.provider-card p{color:var(--color-muted)}.heat-row{margin-top:var(--space-md);grid-template-columns:repeat(12,1fr);gap:3px;display:grid}.heat-row div{background:var(--color-paper-3);height:54px;font-family:var(--font-outlier);justify-content:center;align-items:flex-end;padding-bottom:3px;font-size:9px;display:flex}.heat-row .warm{background:var(--color-squid)}@supports (color:color-mix(in lab, red, red)){.heat-row .warm{background:color-mix(in oklch, var(--color-squid) 35%, var(--color-paper-3))}}.heat-row .hot{background:var(--color-squid)}.fish-rate{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.settings-list{background:var(--color-paper-2);border-radius:var(--radius-lg);display:grid;overflow:hidden}.settings-list button{border:0;border-bottom:1px solid var(--color-rule);padding:var(--space-md);gap:var(--space-md);text-align:left;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;display:grid}.settings-list button:last-child{border-bottom:0}.settings-list b{color:var(--color-muted)}.provider-card{border-top:3px solid var(--color-accent)}.provider-card span{font-family:var(--font-outlier);font-size:var(--text-xs);margin-top:var(--space-md);color:var(--color-accent);display:block}.map-loading{height:310px;color:var(--color-muted);place-items:center;display:grid}@keyframes sheet-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@media (min-width:720px){.screen{padding-inline:var(--space-xl)}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.timeline-instruments{grid-template-columns:repeat(6,minmax(0,1fr))}.instrument,.instrument:nth-child(n+3){border-bottom:0}.instrument:not(:last-child){border-inline-end:1px solid var(--color-rule)}.situation{grid-template-columns:1.15fr .85fr}.situation>.topbar,.situation>.date-rail-shell,.situation>.timeline-panel,.situation>.back-live,.situation>.metrics-grid,.map-panel{grid-column:1/-1}.detail-grid{grid-template-columns:1.4fr .6fr}}@media (min-width:1080px){.app-shell{grid-template-columns:82px 1fr;display:grid}.desktop-rail{border-right:1px solid var(--color-rule);height:100vh;display:block;position:sticky;top:0}.brand-mark{margin:var(--space-lg) auto;border:1px solid var(--color-accent);width:44px;height:44px;font-family:var(--font-outlier);color:var(--color-accent);place-items:center;display:grid}.screen{padding-bottom:var(--space-2xl)}}@media (max-width:374px){.screen{padding-inline:var(--space-sm)}.timeline-control-row{flex-direction:column;align-items:stretch}.timeline-context{justify-items:start;gap:var(--space-xs);grid-template-columns:minmax(0,1fr) auto}.back-live-inline{grid-column:1/-1;justify-self:end}.secondary-metrics .metric{padding:var(--space-xs)}.safety span{display:none}.metric{padding:var(--space-sm);gap:var(--space-xs)}.metric strong{font-size:var(--text-base)}.map-location-actions{flex-direction:column;align-items:stretch}.map-location-actions>div{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.map-location-actions button{padding-inline:var(--space-xs);justify-content:center}.direction-legend{gap:var(--space-xs)}}@media (max-width:719px){.screen{padding-inline:var(--space-sm)}.situation{gap:var(--space-2xs)}.topbar{align-items:center;gap:var(--space-xs);padding-top:var(--space-2xs)}.spot{gap:var(--space-2xs);font-size:.95rem}.gps-line{text-overflow:ellipsis;white-space:nowrap;max-width:31ch;margin-top:0;font-size:.625rem;line-height:1.2;overflow:hidden}.status-stack{gap:var(--space-3xs)}.status-stack>span{padding:.08rem .36rem;font-size:.625rem;line-height:1.2}.date-card{flex-basis:68px;min-height:58px}.timeline-control-row{min-height:44px;padding:0 var(--space-sm);flex-direction:row;align-items:center}.target-toggle{padding:0}.target-toggle button{min-height:44px;padding:0 var(--space-xs)}.timeline-context{justify-items:end;column-gap:var(--space-xs);row-gap:0;min-width:92px;min-height:28px;display:grid}.timeline-context .timeline-date,.timeline-context .tide-now{font-size:.625rem;line-height:1.2}.timeline-time{font-size:1rem}.back-live-inline{min-height:28px;padding-inline:var(--space-xs);font-size:.66rem}.timeline-instruments{margin:0 var(--space-sm);grid-template-columns:repeat(6,minmax(0,1fr))}.instrument,.instrument:nth-child(n+3){min-height:52px;padding:var(--space-2xs) var(--space-xs);border-bottom:0;gap:0}.instrument:not(:last-child),.instrument:nth-child(odd){border-inline-end:1px solid var(--color-rule)}.instrument span{font-size:.625rem}.instrument strong{letter-spacing:-.05em;white-space:nowrap;font-size:clamp(.72rem,3.45vw,.98rem)}.instrument-alert{font-size:0}.instrument-alert:before{content:"!";font-size:.68rem}.instrument small{display:none}.instrument small.show-mobile{font-size:.56rem;line-height:1.1;display:block}.timeline-wrap svg,.capture-tide-canvas{height:140px;min-height:0}.timeline-summary{gap:var(--space-2xs);min-height:40px;padding:var(--space-2xs) var(--space-sm)}.selected-time{align-items:baseline;gap:var(--space-xs);grid-template-columns:auto auto}.selected-time strong{font-size:1rem}.selected-time span{display:none}.safety{gap:var(--space-2xs)}.safety svg{width:18px}.safety span{display:none}.secondary-metrics{gap:var(--space-2xs)}.secondary-metrics .metric{gap:var(--space-2xs);min-height:48px;padding:var(--space-2xs) var(--space-xs);border-radius:var(--radius-sm);grid-template-columns:auto minmax(0,1fr)}.secondary-metrics .metric-icon{height:16px}.secondary-metrics .metric-icon svg{width:14px}.secondary-metrics .metric span{font-size:.625rem}.secondary-metrics .metric small{display:none}.secondary-metrics .metric strong{font-size:clamp(.82rem,3.7vw,.95rem)}.panel-head{padding:var(--space-xs) var(--space-sm)}.panel-head h2{font-size:1rem}.panel-head p{display:none}.marine-map{height:clamp(260px,32dvh,350px)}.map-location-actions{inset-inline:auto var(--space-xs);padding:var(--space-2xs);border-radius:var(--radius-pill);background:var(--color-paper);inset-block-end:var(--space-xs)}@supports (color:color-mix(in lab, red, red)){.map-location-actions{background:color-mix(in oklch, var(--color-paper) 88%, transparent)}}.map-location-actions{box-shadow:0 4px 16px var(--color-paper)}@supports (color:color-mix(in lab, red, red)){.map-location-actions{box-shadow:0 4px 16px color-mix(in oklch, var(--color-paper) 50%, transparent)}}.map-location-actions>span{display:none}.map-location-actions>div{gap:var(--space-2xs);display:flex}.map-location-actions button{border-radius:50%;justify-content:center;width:44px;height:44px;padding:0}.map-location-actions button>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.map-location-actions button.map-commit{width:auto;padding-inline:var(--space-sm);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink);font-weight:700}.map-location-actions button.map-commit>span{clip:auto;width:auto;height:auto;position:static;overflow:visible}}@media (max-width:374px){.timeline-context>.timeline-date{display:none}.target-toggle button{padding-inline:var(--space-xs)}.timeline-wrap svg,.capture-tide-canvas{height:128px}.marine-map{height:260px}.map-location-actions{flex-direction:row}.map-location-actions>span{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.15s!important;animation-duration:.15s!important;animation-iteration-count:1!important}}.maplibregl-ctrl-group button{width:44px!important;min-width:44px!important;height:44px!important}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}