@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=DM+Serif+Display&family=Noto+Serif+SC:wght@300;400&display=swap";:root{font-family:"Noto Serif SC",Georgia,serif;color:#eef0ec;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-weight:300;background:#071522}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}.ocean{position:relative;width:100%;height:100svh;min-height:560px;overflow:hidden;background:#071522;isolation:isolate}.sky{position:absolute;inset:-2%;background-image:linear-gradient(180deg,#05111d14,#05142033 39%,#05111a38 49%,#030f185c),url(/ocean-night.png);background-size:cover;background-position:center 48%;animation:drift 50s ease-in-out infinite alternate;z-index:-2}.sky:after{content:"";position:absolute;inset:39% 0 0;background:linear-gradient(180deg,transparent 0%,rgba(5,21,33,.08) 16%,rgba(4,19,30,.45) 100%)}@keyframes drift{0%{transform:scale(1) translateZ(0)}to{transform:scale(1.055) translate3d(-.5%,.3%,0)}}#sea{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 31%,rgba(0,0,0,.8) 39%,#000 47%);mask-image:linear-gradient(180deg,transparent 31%,rgba(0,0,0,.8) 39%,#000 47%)}.grain{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}.topbar,.poem,.bottom-bar,.status{position:absolute;z-index:2}.topbar{top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:34px 3.2vw}.brand{display:flex;align-items:center;gap:15px;color:inherit;text-decoration:none;font-size:13px;letter-spacing:.18em}.brand i{height:13px;width:1px;background:#f0f1e773}.location-wrap{position:relative}.location{font:300 12px DM Mono,monospace;letter-spacing:.12em;color:#f0f0e9;background:none;border:0;padding:10px 0;cursor:pointer}.coords{margin-left:15px;opacity:.72}.chevron{margin-left:12px;opacity:.68;font-size:15px}.location-menu{position:absolute;top:calc(100% + 8px);right:0;width:270px;padding:7px;background:#05131eed;border:1px solid rgba(239,241,233,.18);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.location-menu[hidden]{display:none}.location-menu button{width:100%;border:0;background:none;color:#f0f0e9;text-align:left;padding:13px 12px;font:300 13px "Noto Serif SC",serif;cursor:pointer}.location-menu button:hover{background:#ffffff14}.location-menu button span{display:block;margin-top:4px;font:300 10px DM Mono,monospace;opacity:.56}.poem{left:7.3%;top:27.5%;text-shadow:0 1px 24px rgba(0,0,0,.2)}.poem h1{font:400 clamp(36px,3.2vw,54px)/1.28 "DM Serif Display",Georgia,serif;letter-spacing:-.025em;margin:0;max-width:680px}.poem p{font:300 17px/1.8 "Noto Serif SC",serif;letter-spacing:.2em;margin:17px 0 0;opacity:.88}.bottom-bar{left:3.1%;right:3.1%;bottom:3.6%;display:grid;grid-template-columns:1fr auto 1fr;align-items:end}.weather{display:flex;align-items:center;gap:14px;font-size:15px;letter-spacing:.07em}.wind-icon{width:34px;height:28px;margin-right:2px;opacity:.93}.dot{opacity:.55}.live{grid-column:2;display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.15em;opacity:.78}.open-ocean{font:300 10px DM Mono,monospace;letter-spacing:.15em}.live-mark{width:5px;height:5px;border-radius:50%;background:#c0ddd7;box-shadow:0 0 11px #a8dbd8;animation:pulse 2.8s infinite}@keyframes pulse{50%{opacity:.4;box-shadow:0 0 2px #a8dbd8}}.wave-height{justify-self:end;font:300 10px DM Mono,monospace;letter-spacing:.12em;opacity:.57}.status{left:50%;bottom:9.7%;transform:translate(-50%);font:300 11px DM Mono,monospace;letter-spacing:.07em;white-space:nowrap;color:#f2f2e9b8}@media(max-width:700px){.ocean{min-height:520px}.sky{background-position:54% center;animation-duration:65s}.topbar{padding:24px 21px;align-items:flex-start}.brand{gap:9px;font-size:10px;letter-spacing:.14em}.location{max-width:155px;text-align:right;font-size:9px;letter-spacing:.03em;padding:3px 0}.coords{display:block;margin:5px 0 0;font-size:9px}.chevron{position:absolute;right:-10px;top:1px;font-size:13px}.location-menu{width:225px}.poem{left:7%;top:25%}.poem h1{font-size:clamp(31px,8.1vw,44px);line-height:1.3;max-width:90vw}.desktop-break{display:none}.poem p{font-size:14px;margin-top:13px;letter-spacing:.14em}.bottom-bar{left:21px;right:21px;bottom:27px;grid-template-columns:1fr auto;row-gap:13px;align-items:center}.weather{gap:9px;font-size:12px}.wind-icon{width:28px;margin-right:0}.live{grid-column:1;grid-row:2;font-size:9px;gap:7px}.open-ocean{font-size:8px}.wave-height{grid-column:2;grid-row:2;font-size:8px}.status{bottom:100px;font-size:9px}.grain{opacity:.04}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}.ocean{background:#536b75}.ocean:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(5,24,34,.36),transparent 58%),linear-gradient(180deg,rgba(5,24,34,.26),transparent 27%,transparent 64%,rgba(5,24,34,.55))}#sea{z-index:0;-webkit-mask-image:none;mask-image:none;pointer-events:none}.grain{z-index:1;opacity:.025}.topbar,.poem,.bottom-bar,.status{z-index:2}.bottom-bar{grid-template-columns:1fr auto auto 1fr;gap:20px}.live{grid-column:2}.locate{grid-column:3;display:grid;place-items:center;width:34px;height:34px;padding:7px;color:inherit;border:1px solid rgba(240,241,231,.35);background:#05182238;cursor:pointer}.locate svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5}.locate:hover{background:#0518227a}.locate:focus-visible,.location:focus-visible,.brand:focus-visible{outline:2px solid #fff;outline-offset:3px}.wave-height{grid-column:4}.poem{text-shadow:0 2px 22px rgba(4,20,30,.7)}.brand,.location,.bottom-bar{text-shadow:0 1px 12px rgba(4,20,30,.8)}@media(max-width:700px){.ocean:before{background:linear-gradient(180deg,#05182257,#0518221a 55%,#051822a6)}.bottom-bar{grid-template-columns:1fr auto;gap:12px}.weather{grid-column:1}.locate{grid-column:2;grid-row:1;justify-self:end}.live{grid-column:1;grid-row:2}.wave-height{grid-column:2;grid-row:2}}.topbar{z-index:4}