:root{color-scheme:dark;--cyan:#9cf3ed;--depth:0;--water:#123951}*{box-sizing:border-box}body{margin:0;background:#061522;color:#f1f8fa;font-family:Arial,Helvetica,sans-serif;min-height:100vh;overflow-x:hidden}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}.ocean{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 60% 10%,var(--water),transparent 75%),linear-gradient(#061c2c,#030d18);transition:background 1.2s}.beam{position:absolute;top:-20%;left:38%;width:400px;height:110%;background:linear-gradient(90deg,transparent,#6de0e00d,transparent);transform:rotate(30deg);filter:blur(30px);opacity:calc(1 - var(--depth));transition:opacity .8s}.beam.two{left:70%;width:250px}.ripple{position:absolute;top:-230px;left:15%;width:1000px;height:350px;border-radius:50%;border:1px solid #6dd3d424;box-shadow:0 0 100px #52bcb821,0 0 160px #52bcb810}.seafloor{position:absolute;bottom:-25px;width:100%;height:220px;opacity:.8}header{height:110px;margin:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #bfe8ee1c}.brand{font-size:28px;font-weight:600;letter-spacing:6px;display:flex;align-items:center;gap:11px}.brand-mark{font-size:28px;color:var(--cyan)}.brand-note{font-size:9px;color:#93aebd;letter-spacing:2px;font-weight:400;margin-left:16px}nav{display:flex;align-items:center;gap:30px}.mission{font-size:9px;letter-spacing:1.5px;color:#94b8c7}i{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;margin-right:8px;box-shadow:0 0 10px #9cf3ed66}.journal-button{background:#ffffff06;border:1px solid #a4cbd930;border-radius:99px;padding:13px 18px;font-size:12px}.journal-button span{display:inline-grid;place-items:center;margin-left:12px;border-radius:50%;width:20px;height:20px;background:#ffffff12;color:var(--cyan)}main{position:relative;min-height:650px;max-width:1600px;margin:auto;padding:66px 6% 38px}.intro{position:relative;z-index:2;max-width:610px}.eyebrow{font-size:10px;letter-spacing:2px;color:#9abecb;font-weight:500}.eyebrow>span:first-child{color:var(--cyan)}h1{font-size:clamp(46px,5.2vw,82px);font-weight:400;letter-spacing:-3.8px;line-height:1.03;margin:26px 0 26px;max-width:640px}.description{font-size:16px;line-height:1.7;color:#acc4cf;margin:0;max-width:430px}.primary{display:flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #b6f5ef88;background:#b6f5ef;color:#103036;border-radius:99px;padding:16px 22px;font-size:13px;margin-top:29px;transition:background .2s,transform .2s}.primary:hover{background:#d4fffa;transform:translateY(-2px)}.primary span{font-size:20px}.coordinates{display:flex;gap:24px;font-size:8px;letter-spacing:1.4px;color:#67899a;margin-top:32px}.creature-stage{position:absolute;right:4%;top:12px;width:58%;height:415px;pointer-events:none;opacity:.9;filter:drop-shadow(0 0 34px #57c5de18)}.creature-stage svg{width:100%;height:100%;overflow:visible;animation:drift 9s ease-in-out infinite}.depth-panel{position:relative;margin-top:61px;width:49%;z-index:2}.depth-number{margin:13px 0 14px;font-size:47px;letter-spacing:-2px;color:#e1eef4;font-weight:300;font-variant-numeric:tabular-nums}.depth-number small{font-size:17px;margin-left:8px;color:#7497a8}input[type=range]{width:100%;accent-color:var(--cyan);height:3px;cursor:ew-resize;appearance:none;background:linear-gradient(90deg,#b4e8e5,#1b3f56);border-radius:5px}input[type=range]::-webkit-slider-thumb{appearance:none;background:#c9fff7;width:14px;height:14px;border-radius:50%;box-shadow:0 0 18px #9cf3ed66}.depth-labels{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#698c9e;margin-top:14px}.zone-track{display:flex;justify-content:space-between;margin-top:23px;gap:10px}.zone-track button{border:0;background:none;color:#7094a6;font-size:10px;padding:5px 0}.zone-track button.selected{color:var(--cyan)}.discovery{position:absolute;right:6%;bottom:51px;width:37%;background:linear-gradient(120deg,#a2dce60b,#8cbed004);border:1px solid #b3d8e625;border-radius:17px;padding:23px 25px;backdrop-filter:blur(20px);z-index:3}.specimen-label{display:flex;align-items:center;gap:2px;font-size:8px;letter-spacing:1.5px;color:#97c2d0}.specimen-label>span:last-child{margin-left:auto;color:#658c9f}.discovery h2{font-size:25px;font-weight:400;letter-spacing:-.6px;margin:20px 0 12px}.discovery p{font-size:12px;line-height:1.75;color:#91b2c3;margin:0}.discovery-body{display:flex;align-items:center;justify-content:space-between;gap:20px}.save{border:1px solid #afdfeb3a;border-radius:50%;min-width:38px;height:38px;background:#a2e9e507;font-size:24px;font-weight:200;color:#b1eae5}.save.saved{font-size:15px;background:#a2e9e520}.particle{position:absolute;border-radius:50%;background:#a3e0ec;opacity:.25;animation:rise linear infinite}footer{display:flex;justify-content:space-between;gap:20px;margin:0 6%;padding:25px 0 26px;border-top:1px solid #bfe8ee1c;font-size:8px;letter-spacing:1.5px;color:#678b9d}footer a{font-size:10px;letter-spacing:.2px;color:#7194a6}footer b{font-weight:400;color:#b6dfdf}dialog{background:#0d2332;color:#e6f4f5;border:1px solid #769ca53d;border-radius:20px;padding:30px;width:min(510px,90vw);max-height:80vh}dialog::backdrop{background:#000a;backdrop-filter:blur(6px)}.journal-head{display:flex;justify-content:space-between;align-items:center}.journal-head h2{font-size:32px;font-weight:400;margin:12px 0 25px}.journal-head button{align-self:flex-start;border:0;background:none;font-size:28px;color:#a3c6d2}.journal-item{border-top:1px solid #bfe8ee1c;padding:18px 0;display:flex;justify-content:space-between;font-size:16px}.journal-item span{color:#75a4b8;font-size:12px}.journal-note,.empty{font-size:13px;color:#81a6b7;line-height:1.8}.journal-note{margin-top:30px}.toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,20px);border:1px solid #b6f5ef66;border-radius:99px;padding:14px 23px;background:#0c2938;color:#c9f5ee;font-size:13px;opacity:0;transition:.3s;z-index:10}.toast.visible{opacity:1;transform:translate(-50%,0)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@keyframes drift{50%{transform:translate(0,-13px) rotate(1deg)}}@keyframes rise{from{transform:translateY(30px)}to{transform:translateY(-160px)}}@media(max-width:800px){header{height:85px}.brand{font-size:23px}.brand-note,.mission{display:none}main{padding-top:45px}.intro{max-width:90%}h1{font-size:54px;letter-spacing:-2.5px}.description{font-size:14px;max-width:340px}.creature-stage{top:160px;right:0;width:85%;opacity:.35;overflow:hidden}.depth-panel{width:100%;margin-top:70px}.discovery{position:relative;right:auto;bottom:auto;width:100%;margin-top:35px}.coordinates{font-size:7px;gap:14px}.zone-track button{font-size:9px}footer{align-items:flex-start;line-height:1.8}footer>span{max-width:150px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}