:root{color-scheme:dark;--bg:#080d0e;--ink:#f1f2eb;--muted:#b2c2bc;--line:#43554f;--coral:#ff785f;--panel:#121d1b;--topo:1;--wash:rgba(8,13,14,.62)}*{box-sizing:border-box}html,body{margin:0;min-width:260px}body{font:13px/1.4 Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg)}[data-theme=light]{color-scheme:light;--bg:#f6f4ea;--ink:#142522;--muted:#465f55;--line:#a3b6aa;--coral:#b63b27;--panel:#e9eee3;--topo:0;--wash:rgba(246,244,234,.52)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}a:focus-visible{outline:2px solid var(--coral);outline-offset:3px}.instrument{position:relative;isolation:isolate;overflow:hidden;border:1px solid var(--line);border-top:4px solid var(--coral);padding:14px 17px 0;background:var(--wash)}.instrument:before{content:"";position:absolute;inset:0;z-index:-1;background:url('../surf-finder/media/contours.svg?v=1.9.1') repeat;opacity:.55}.instrument:after{content:"";position:absolute;inset:0;z-index:-2;background:var(--bg)}[data-theme=light] .instrument:before{filter:invert(1);mix-blend-mode:multiply;opacity:.6}.mast{display:flex;justify-content:space-between;gap:8px;font:8px/1.5 monospace;letter-spacing:.06em}.mast>span{color:var(--muted)}.mast>a{font:800 10px/1.4 Arial,sans-serif;letter-spacing:-.2px}.dot{color:var(--coral);font-size:9px;margin-left:3px}h1{font-size:29px;line-height:1.02;letter-spacing:-.045em;margin:8px 0 10px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.spot-meta{font-size:11px;color:var(--muted);margin:0 0 14px;max-height:31px;overflow:hidden}.reading{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:11px 0;border-top:1px solid var(--line)}.label{font:8px/1.4 monospace;letter-spacing:.08em;color:var(--muted);margin:0 0 4px}.height{font-size:34px;letter-spacing:-.055em;line-height:1.1;white-space:nowrap}.height small{font-size:14px;font-weight:400;letter-spacing:0;margin-left:6px}.condition{font-size:10px;color:var(--muted);margin:4px 0 0}.compass{width:64px;flex-shrink:0;position:relative;text-align:center}.compass>span{font:8px monospace;color:var(--coral);position:absolute;top:-7px;left:29px}.compass svg{display:block;fill:none;stroke:var(--line);stroke-width:1;width:64px}.compass .needle{fill:var(--coral);stroke:var(--coral)}.forecast-label{display:flex;justify-content:space-between;gap:8px;font:8px/1.5 monospace;color:var(--muted);padding:9px 0 7px;border-top:1px solid var(--line)}.forecast{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;list-style:none;margin:0;padding:0;background:var(--line);border:1px solid var(--line)}.forecast li{padding:8px 6px;background:var(--panel);text-align:center;min-width:0}.forecast .day{display:block;font:10px/1.2 monospace;margin-bottom:7px}.forecast strong{font-size:14px;white-space:nowrap;letter-spacing:-.04em}.forecast small{display:block;font:8px/1.3 monospace;color:var(--muted);margin-top:5px}.freshness{font:8px/1.5 monospace;color:var(--muted);margin:9px 0 4px}.status-dot{display:inline-block;background:#55ae91;border-radius:50%;width:5px;height:5px;margin-right:4px}.status-dot.old{background:#dd9c53}.retrieved{display:none}.basis{font-size:9px;line-height:1.35;color:var(--muted);margin:4px 0 10px}footer{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding:10px 0;font-size:10px}footer>a:first-child{font-weight:bold}footer span{color:var(--coral);margin-left:5px}footer .credit{font-size:9px;white-space:nowrap}.stats{display:grid;grid-template-columns:1fr 1fr;margin:0 0 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats>div{padding:10px 0}.stats>div+div{padding-left:18px;border-left:1px solid var(--line)}dt{font-size:10px;color:var(--muted)}dd{font-size:23px;font-weight:bold;letter-spacing:-.04em;margin:3px 0}dd small{font-size:12px;font-weight:400;letter-spacing:0}.stats span{font-size:9px;color:var(--muted)}.large .instrument{padding:20px 24px 0}.large h1{font-size:37px;margin-top:12px}.large .mast{font-size:9px}.large .mast>a{font-size:12px}.large .reading{padding:13px 0 17px}.large .height{font-size:50px}.large .label{font-size:10px}.large .condition{font-size:12px}.large .compass,.large .compass svg{width:82px}.large .compass>span{left:38px}.large .forecast{grid-template-columns:repeat(5,minmax(0,1fr))}.large .forecast li{padding:12px 4px}.large .freshness{font-size:9px;margin-top:12px}.large .retrieved{display:inline}.large footer{font-size:12px;padding:13px 0}.large .basis{font-size:10px}.large .forecast-label{font-size:9px;border-top:0;padding-top:0}@media(max-width:420px){.large .instrument{padding:15px 14px 0}.large h1{font-size:30px}.large .height{font-size:35px}.large .compass,.large .compass svg{width:60px}.large .compass>span{left:27px}.large .forecast strong{font-size:11px}.large .forecast small{font-size:7px}.large .forecast li{padding:10px 2px}.large footer{font-size:10px}.large .retrieved{display:none}}@media(max-width:310px){.instrument{padding-left:11px;padding-right:11px}.height{font-size:29px}.compass{display:none}.mast>span{font-size:7px}.forecast strong{font-size:12px}.large .forecast strong{font-size:10px}.large .mast>span{font-size:7px}}