@font-face{font-family:Deep;src:local('Avenir Next');font-display:swap}:root{--bg:oklch(.13 .025 230);--ink:oklch(.96 .014 210);--muted:oklch(.80 .035 215);--aqua:oklch(.87 .11 205);--panel:oklch(.16 .025 230 / .96);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Deep,'Trebuchet MS',sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:hover{color:var(--aqua)}button:focus-visible,a:focus-visible{outline:2px solid var(--aqua);outline-offset:5px}[hidden]{display:none!important}#sea{position:fixed;inset:0;display:block;touch-action:none}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,oklch(.08 .015 230 / .6),transparent 45%),linear-gradient(0deg,oklch(.08 .015 230 / .85),transparent 25%)}header{position:fixed;top:0;left:0;right:0;padding:27px 36px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.wordmark{font-size:14px;font-weight:600;letter-spacing:.22em;color:var(--ink);text-decoration:none;pointer-events:auto;display:flex;align-items:center;gap:15px}.wordmark span{font-size:44px;font-weight:400;line-height:.7;color:var(--aqua)}.depth{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:10px}.depth i{width:4px;height:4px;background:var(--aqua);border-radius:50%}#help{pointer-events:auto;border:1px solid oklch(.7 .03 215 / .6);width:30px;height:30px;border-radius:50%}.intro{position:fixed;left:5%;top:27%;pointer-events:none;transition:opacity .8s}.intro>p:first-child{font-size:11px;color:var(--aqua);margin:0 0 20px}h1{font-size:clamp(52px,6vw,90px);font-weight:400;letter-spacing:-.035em;line-height:1.03;margin:0 0 25px;text-wrap:balance}.body{font-size:14px;line-height:1.9;color:var(--muted)}body.engaged .intro{opacity:0}footer{position:fixed;left:36px;right:36px;bottom:45px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px}.views{display:flex;gap:4px;flex-wrap:wrap}.views button{font-size:11px;padding:14px 11px;min-height:44px;border-bottom:1px solid transparent;color:var(--muted)}.views button.active{border-color:var(--aqua);color:var(--ink)}#pulse{border:1px solid oklch(.80 .08 205 / .6);background:oklch(.17 .03 230 / .8);border-radius:4px;padding:13px 37px;min-height:52px;font-size:14px;display:flex;align-items:center;gap:13px}#pulse span{font-size:25px;color:var(--aqua)}.utilities{justify-self:end;display:flex;gap:18px;align-items:center}.utilities button{font-size:11px;min-height:44px;padding:6px 0;color:var(--muted)}.utilities button[aria-pressed=true]{color:var(--aqua)}.credit{position:fixed;bottom:14px;left:36px;font-size:10px;color:var(--muted);margin:0}#guide{position:fixed;right:30px;top:80px;width:min(360px,calc(100% - 40px));padding:30px;background:var(--panel);border:1px solid oklch(.48 .04 215);border-radius:5px;z-index:2;line-height:1.7;font-size:13px}#guide h2{font-weight:400;font-size:25px;line-height:1.3}#guide p{color:var(--muted)}#guide strong{color:var(--ink)}#close{position:absolute;right:10px;top:5px;padding:8px;font-size:24px}.reticle{position:fixed;pointer-events:none;font-size:10px;color:var(--aqua);display:flex;align-items:center;gap:12px;white-space:nowrap}.reticle span{width:22px;height:1px;background:var(--aqua)}#loading{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);font-size:14px;padding:25px 35px;background:var(--panel);border-radius:5px}#error{position:fixed;inset:25% 15%;background:var(--panel);padding:30px}#error button,#restore{border:1px solid var(--aqua);border-radius:4px;padding:12px 20px;background:var(--panel)}#restore{position:fixed;right:20px;bottom:20px}body.clean header,body.clean footer,body.clean .intro,body.clean .credit,body.clean .shade,body.clean .reticle{display:none}body.lure #sea{cursor:crosshair}@media(max-width:800px){header{padding:23px}.depth{display:none}.intro{top:18%;left:23px}h1{font-size:52px}.intro>p:first-child{font-size:9px;max-width:200px}.body{font-size:12px}footer{left:20px;right:20px;bottom:42px;display:flex;flex-direction:column;gap:5px}#pulse{order:0;justify-content:center;width:240px;padding:8px 20px}.views{order:1;justify-content:center}.utilities{order:2;justify-content:center;gap:24px}.views button{font-size:10px;padding:11px}.utilities button{font-size:10px;min-height:30px}.credit{left:20px;font-size:8px}.reticle{font-size:9px}#guide{top:75px;right:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}