:root{--foam:#d9fff6;--mint:#baf5e9;--aqua:#38d3dc;--deep:#061949;--blue:#1675b8;--sand:#ffe3ad;--coral:#ff744a;--yellow:#ffd15c;--white:#fffdfa;--muted:#5e7790}*{box-sizing:border-box}html{background:var(--foam);min-height:100%}body{min-height:100vh;color:var(--deep);background:radial-gradient(circle at 13% 20%, #ffffffe6 0 120px, transparent 122px), radial-gradient(circle at 82% 72%, #38d3dc3d 0 200px, transparent 202px), linear-gradient(180deg, #e9fff9 0%, var(--mint) 100%);margin:0;font-family:ui-rounded,Arial Rounded MT Bold,Trebuchet MS,system-ui,sans-serif}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible{outline-offset:4px;outline:4px solid #ff744a73}.ocean-page{place-items:center;width:min(1240px,100vw - 28px);min-height:100vh;margin:0 auto;padding:clamp(18px,4vw,54px) 0;display:grid}.aquarium-shell{border:6px solid var(--deep);width:100%;box-shadow:0 18px 0 #8ee6db, 0 28px 0 var(--deep);background:#fffdfadb;border-radius:36px;overflow:hidden}.marquee{border-bottom:6px solid var(--deep);background:linear-gradient(90deg,#e4fff8,#b9f7ee);grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:16px clamp(18px,3vw,34px);display:grid}.brand{letter-spacing:-.03em;align-items:center;gap:12px;min-width:0;font-size:clamp(18px,2.3vw,28px);font-weight:1000;display:flex}.brand img{border:3px solid var(--deep);background:var(--foam);border-radius:14px;width:50px;height:50px}.ticker{border:4px solid var(--deep);background:var(--yellow);box-shadow:4px 4px 0 var(--deep);border-radius:999px;padding:11px 17px;font-weight:1000}.copy-top{border:4px solid var(--deep);background:var(--coral);color:#fff;box-shadow:4px 4px 0 var(--deep);border-radius:999px;padding:12px 16px;font-weight:1000}.copy-top:disabled{color:#53716d;cursor:not-allowed;background:#bdd6d1}.content-grid{grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);display:grid}.tank-card{border-right:6px solid var(--deep);padding:clamp(22px,4vw,48px)}.tank-title p,.label{color:var(--blue);letter-spacing:.13em;text-transform:uppercase;margin:0 0 9px;font-size:13px;font-weight:1000}h1{letter-spacing:-.065em;text-wrap:balance;max-width:780px;margin:0;font-size:clamp(40px,6vw,86px);line-height:.88}.tank{border:8px solid var(--deep);background:linear-gradient(180deg, #ffffffc7 0 17%, #37cfdac7 18% 83%, var(--sand) 84% 100%);border-radius:32px 32px 46px 46px;height:clamp(360px,45vw,540px);margin:clamp(22px,4vw,38px) 0 18px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 10px #ffffff73,10px 10px #0619491f}.tank:before{content:"";z-index:5;background:#ffffffa6;border-radius:999px;height:20px;position:absolute;inset:22px 24px auto}.waterline{background:repeating-linear-gradient(90deg, var(--blue) 0 42px, transparent 42px 56px);opacity:.65;height:15px;position:absolute;top:18%;left:0;right:0;transform:skewY(-1deg)}.fish{z-index:3;background:var(--white);border:5px solid var(--deep);border-radius:999px;min-width:132px;max-width:220px;padding:13px 18px;font-weight:1000;animation:12s ease-in-out infinite swim;position:absolute;box-shadow:6px 7px #06194929}.fish:after{content:"";background:var(--white);border:5px solid var(--deep);clip-path:polygon(0 50%,100% 0,100% 100%);border-left:0;width:32px;height:34px;position:absolute;top:50%;right:-24px;transform:translateY(-50%)}.fish span{white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.fish-1{top:31%;left:9%}.fish-2{animation-duration:15s;top:39%;left:52%}.fish-3{animation-duration:13s;top:57%;left:25%}.fish-4{animation-duration:17s;top:24%;left:59%}.fish-5{animation-duration:14s;top:68%;left:8%}.fish-6{animation-duration:16s;top:68%;left:44%}.bubble{z-index:2;width:44px;height:44px;color:var(--deep);background:#ffffff6b;border:4px solid #061949bf;border-radius:50%;place-items:center;font-size:10px;font-weight:1000;animation:7s linear infinite rise;display:grid;position:absolute}.b0{animation-delay:-1s;bottom:15%;left:16%}.b1{animation-delay:-3s;bottom:19%;left:31%}.b2{animation-delay:-4.7s;bottom:17%;left:47%}.b3{animation-delay:-2.1s;bottom:14%;left:64%}.b4{animation-delay:-5.4s;bottom:21%;left:75%}.b5{animation-delay:-.5s;bottom:10%;left:40%}.b6{animation-delay:-6.2s;bottom:12%;left:84%}.b7{animation-delay:-4.2s;bottom:9%;left:22%}.plant{z-index:2;width:54px;height:145px;position:absolute;bottom:12%}.plant:before,.plant:after{content:"";border:6px solid var(--deep);background:#77c57a;border-top:0;border-bottom:0;border-radius:50% 50% 0 0;width:22px;height:100%;position:absolute;bottom:0}.plant:after{background:#b8d96b;height:74%;left:28px}.plant.left{left:7%}.plant.right{right:8%}.castle{background:var(--yellow);border:6px solid var(--deep);z-index:2;border-bottom:0;border-radius:20px 20px 0 0;width:120px;height:92px;position:absolute;bottom:12%;right:20%}.castle:before{content:"";background:var(--deep);border-radius:24px 24px 0 0;width:42px;height:46px;position:absolute;bottom:0;left:37px}.castle:after{content:"";background:var(--yellow);border:6px solid var(--deep);border-bottom:0;border-radius:12px 12px 0 0;height:42px;position:absolute;inset:-32px 16px auto}.sand{background:var(--sand);border-top:5px solid var(--deep);height:16%;position:absolute;inset:auto 0 0}.feeding-row{grid-template-columns:1fr auto auto;gap:12px;display:grid}.feeding-row button,.ca-box button,.admin-actions button{border:5px solid var(--deep);background:var(--coral);color:#fff;box-shadow:6px 6px 0 var(--deep);border-radius:18px;padding:15px 18px;font-weight:1000}.feeding-row div{border:4px solid var(--deep);background:#fff;border-radius:18px;min-width:120px;padding:13px 16px}.feeding-row strong{font-size:28px;line-height:.9;display:block}.feeding-row span{color:var(--muted);font-size:12px;font-weight:850}.side-panel{background:#dffbf5;flex-direction:column;gap:18px;padding:clamp(22px,4vw,40px);display:flex}.ca-box,.specimen-list{border:5px solid var(--deep);background:#fff;border-radius:26px;padding:22px;box-shadow:8px 8px #0619491f}.ca-box code{word-break:break-all;background:#f2fffb;border:3px dashed #0619493d;border-radius:16px;min-height:78px;padding:14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.45;display:block}.ca-box button{width:100%;margin-top:14px}.ca-box button:disabled,.admin-actions button:disabled{color:#53716d;cursor:not-allowed;background:#bdd6d1}.ca-box small{color:var(--muted);margin-top:12px;font-weight:800;display:block}.panel-head{justify-content:space-between;align-items:center;margin-bottom:13px;font-weight:1000;display:flex}.panel-head b{background:var(--yellow);border:3px solid var(--deep);border-radius:999px;padding:4px 10px}.specimen{border-top:2px solid #0619491a;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.dot{background:var(--aqua);border:3px solid var(--deep);border-radius:50%;width:14px;height:14px}.specimen b,.specimen small{display:block}.specimen small{color:var(--muted);font-weight:800}.specimen i{color:var(--coral);font-style:normal;font-weight:1000}.admin-shell{background:var(--foam);place-items:center;min-height:100vh;padding:24px;display:grid}.admin-card{border:6px solid var(--deep);width:min(760px,100%);box-shadow:0 18px 0 #8ee6db, 0 28px 0 var(--deep);background:#fff;border-radius:32px;padding:clamp(24px,5vw,48px)}.admin-card h1{font-size:clamp(36px,7vw,76px)}.admin-copy{color:var(--muted);font-weight:800;line-height:1.55}.admin-card label{gap:10px;margin-top:24px;font-weight:1000;display:grid}.admin-card textarea{resize:vertical;border:5px solid var(--deep);min-height:140px;color:var(--deep);background:#f8fffd;border-radius:18px;padding:14px}.admin-actions{grid-template-columns:1fr 1fr;gap:14px;display:grid}.admin-actions .secondary{color:var(--deep);background:#fff}.admin-status{color:var(--muted);font-weight:850}@keyframes swim{0%,to{transform:translate(0)translateY(0)rotate(-1deg)}50%{transform:translate(42px)translateY(-12px)rotate(2deg)}}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(.7)}15%{opacity:.8}to{opacity:0;transform:translateY(-310px)scale(1.1)}}@media (max-width:900px){.aquarium-shell{box-shadow:0 10px 0 #8ee6db,0 18px 0 var(--deep);border-radius:24px}.marquee{grid-template-columns:1fr auto}.copy-top{grid-column:1/-1}.content-grid{grid-template-columns:1fr}.tank-card{border-right:0;border-bottom:6px solid var(--deep)}.feeding-row{grid-template-columns:1fr}.tank{height:500px}.fish span{max-width:120px}.admin-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}