@property --val{syntax: "<number>"; inherits: false; initial-value: 0;}:root{--teal-700:#0b5e63;--teal-600:#0f7a82;--teal-500:#15a3ad;--teal-400:#2bb6bf;--teal-300:#7fd3da;--teal-100:#d7f0f2;--teal-50:#ecfafb;--aqua-50:#f1f9f9;--ink:#102a30;--ink-soft:#54666a;--coral:#ff7a45;--coral-600:#e85f28;--surface:#ffffff;--line:#dce6e7;--ok:#16b981;--warn:#e8a33d;--over:#f03e3e;--gauge-track:#dcebec;--gauge-track:#d7f0f2;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--r-pill:999px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--sh-1:0 1px 2px rgba(11,94,99,.06), 0 1px 3px rgba(11,94,99,.08);--sh-2:0 4px 14px rgba(11,94,99,.09);--sh-3:0 14px 36px rgba(11,94,99,.13);--maxw:1080px;--font-head:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-num:"IBM Plex Mono", "SF Mono", ui-monospace, monospace}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--aqua-50);font-size:17px;line-height:1.65}img{max-width:100%;height:auto}a{color:var(--teal-700);text-underline-offset:2px}h1,h2,h3{font-family:var(--font-head);color:var(--ink);line-height:1.18;letter-spacing:-.015em;font-weight:700}h1{font-size:clamp(31px,5vw,46px);margin:.1em 0 .35em}h2{font-size:clamp(22px,3vw,28px);margin:1.7em 0 .5em}h3{font-size:19px;margin:1.3em 0 .3em}p{margin:.7em 0}:focus-visible{outline:3px solid var(--teal-300);outline-offset:2px;border-radius:4px}@media(prefers-reduced-motion:reduce){*,:before{transition:none!important;animation:none!important;scroll-behavior:auto}}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}.narrow{max-width:760px}main{padding-bottom:var(--s-8)}section{margin:1.5em 0}.muted{color:var(--ink-soft)}.note{font-size:13.5px;color:var(--ink-soft)}.site-header{position:sticky;top:0;z-index:20;background:#f1f9f9d1;backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;align-items:center;gap:16px;min-height:62px}.brand{display:flex;align-items:center;gap:9px;font-family:var(--font-head);font-weight:700;font-size:21px;color:var(--ink);text-decoration:none;letter-spacing:-.03em}.brand .dot{width:28px;height:28px;border-radius:8px;background:linear-gradient(140deg,var(--teal-400),var(--teal-700));display:grid;place-items:center;box-shadow:var(--sh-1)}.brand .dot svg{width:18px;height:18px;display:block}.brand b{color:var(--teal-600)}.nav{margin-left:auto;display:flex;gap:20px;font-size:15px}.nav a{color:var(--ink);text-decoration:none;font-weight:500;padding:2px 0;border-bottom:2px solid transparent}.nav a:hover{color:var(--teal-600)}.nav a[aria-current=page]{color:var(--teal-700);font-weight:600;border-bottom-color:var(--teal-500)}.site-footer{border-top:1px solid var(--line);background:#eef6f7;color:var(--ink-soft);font-size:13.5px;margin-top:var(--s-8)}.site-footer .wrap{padding:24px 20px}.site-footer a{color:var(--ink-soft)}.crumbs{font-size:13.5px;color:var(--ink-soft);padding-top:18px}.crumbs a{color:var(--ink-soft);text-decoration:none}.hero{position:relative;background:linear-gradient(165deg,var(--teal-50) 0%,var(--teal-100) 60%,#c7e9eb 100%);overflow:hidden}.hero .wrap{padding:var(--s-8) 20px var(--s-7);position:relative;z-index:1}.hero h1{max-width:14ch}.hero .sub{font-size:clamp(17px,2.4vw,20px);color:var(--ink-soft);max-width:60ch;margin-bottom:var(--s-5)}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.hero .wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:46px;display:block;color:var(--aqua-50)}.hero-img{display:block;width:100%;height:auto;aspect-ratio:1200/655;object-fit:cover;border-radius:var(--r-lg);box-shadow:var(--sh-2);margin:.6em 0 1.1em}.answer{font-size:18px;background:var(--teal-50);border:1px solid var(--teal-100);border-left:4px solid var(--teal-500);padding:16px 18px;border-radius:var(--r-md);margin:1em 0}.answer strong{color:var(--ink)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--s-5)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:18px 0}.tool-grid a{text-decoration:none;color:inherit}.tool-grid .card{height:100%;transition:box-shadow .16s,transform .16s}.tool-grid a:hover .card{box-shadow:var(--sh-3);transform:translateY(-3px)}.tool-grid h3{margin:.1em 0 .3em;color:var(--teal-700)}table{border-collapse:collapse;width:100%;margin:1em 0;font-size:15px;background:var(--surface);border-radius:var(--r-md);overflow:hidden}th,td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}th{background:var(--teal-50);font-size:13.5px;color:var(--ink);font-weight:600}.btn{display:inline-flex;align-items:center;gap:8px;background:var(--teal-600);color:#fff;border:0;border-radius:var(--r-pill);padding:12px 22px;font:inherit;font-weight:600;cursor:pointer;text-decoration:none;box-shadow:var(--sh-1);transition:background .15s,transform .1s,box-shadow .15s}.btn:hover{background:var(--teal-700);transform:translateY(-1px);box-shadow:var(--sh-2)}.btn:active{transform:translateY(0)}.btn.ghost{background:transparent;color:var(--teal-700);box-shadow:none;border:1px solid var(--teal-300)}.btn.ghost:hover{background:var(--teal-50)}.btn.sm{padding:6px 12px;font-size:13px}label{display:block;font-weight:600;color:var(--ink);font-size:14px;margin-bottom:6px}input[type=text],input[type=search],select{width:100%;font:inherit;padding:11px 13px;min-height:46px;border:1px solid var(--line);border-radius:var(--r-md);background:#fff;color:var(--ink)}input:focus,select:focus{outline:3px solid var(--teal-300);outline-offset:1px;border-color:var(--teal-500)}.field{margin-bottom:var(--s-4)}.input-wrap{position:relative}.input-wrap .suffix{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:12px;font-weight:700;color:var(--ink-soft);background:var(--teal-50);border:1px solid var(--teal-100);border-radius:var(--r-pill);padding:2px 9px;pointer-events:none}.row{display:flex;gap:14px;flex-wrap:wrap}.row>*{flex:1 1 150px}.result{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-2);padding:var(--s-5);margin-top:var(--s-4)}.gauges{display:flex;gap:28px;flex-wrap:wrap;justify-content:center;align-items:start;margin:6px 0 4px}.gauge-unit{text-align:center}.gauge{--val:0;--zone:var(--teal-500);width:158px;aspect-ratio:1;border-radius:50%;margin:0 auto;background:conic-gradient(var(--zone) calc(var(--val) * 1%),var(--gauge-track) 0);display:grid;place-items:center;position:relative;transition:--val .7s cubic-bezier(.22,1,.36,1),background .3s}.gauge:before{content:"";position:absolute;inset:15%;border-radius:50%;background:var(--surface);box-shadow:inset 0 0 0 1px var(--line),var(--sh-1)}.gauge__in{position:relative;text-align:center}.gauge__num{font:700 30px/1 var(--font-num);color:var(--ink)}.gauge__cap{font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);margin-top:3px}.gauge-title{font-size:14px;font-weight:600;margin-top:10px;color:var(--ink)}.zone-ok{--zone:var(--ok)}.zone-warn{--zone:var(--warn)}.zone-over{--zone:var(--over)}.verdict{display:flex;align-items:center;gap:9px;font-family:var(--font-head);font-weight:700;font-size:16px;border:1px solid;border-radius:var(--r-md);padding:10px 14px;margin:0 0 16px}.verdict:before{font-size:17px;line-height:1}.v-ok{background:#e6f7ee;border-color:#bfe7cf;color:#15703f}.v-ok:before{content:"✅"}.v-warn{background:#fbf3df;border-color:#f0e0b6;color:#7a5500}.v-warn:before{content:"⚠️"}.v-over{background:#fdecea;border-color:#f5c9c4;color:#8a2b25}.v-over:before{content:"⛔"}.v-empty{background:var(--teal-50);border-color:var(--teal-100);color:var(--ink-soft);font-weight:600}.v-empty:before{content:"🐟"}.gauge-legend{text-align:center;font-size:12.5px;color:var(--ink-soft);margin:14px 0 0}.gauge-legend b{color:var(--ink);font-weight:600}.calc-context{margin:0 0 14px;padding:10px 14px;background:var(--teal-50);border:1px solid var(--teal-100);border-radius:var(--r-md, 10px);font-size:14px;color:var(--ink-soft)}.calc-context strong{color:var(--ink)}.compat-toggle{display:inline-flex;align-items:center;gap:7px;margin-top:10px;font-size:14px;color:var(--ink-soft);cursor:pointer;user-select:none}.compat-toggle input{width:15px;height:15px;accent-color:var(--teal-600);cursor:pointer}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0;min-height:8px}.chip{display:inline-flex;align-items:center;gap:8px;background:var(--teal-50);border:1px solid var(--teal-100);border-radius:var(--r-pill);padding:5px 6px 5px 13px;font-size:14px}.chip button{border:0;background:#fff;color:var(--ink-soft);width:23px;height:23px;border-radius:99px;cursor:pointer;line-height:1;box-shadow:var(--sh-1)}.chip button:hover{color:var(--over)}.warnings{list-style:none;padding:0;margin:14px 0 0}.warnings li{padding:10px 13px;border-radius:var(--r-md);margin:7px 0;font-size:14.5px;border:1px solid;display:flex;gap:8px}.warnings li:before{font-size:15px}.w-bad{background:#fdecea;border-color:#f5c9c4;color:#8a2b25}.w-bad:before{content:"⛔"}.w-warn{background:#fbf3df;border-color:#f0e0b6;color:#7a5500}.w-warn:before{content:"⚠️"}.w-ok{background:#e6f7ee;border-color:#bfe7cf;color:#15703f}.w-ok:before{content:"✅"}details.math{margin-top:14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--aqua-50)}details.math summary{cursor:pointer;padding:10px 14px;font-weight:600;font-size:14px;color:var(--teal-700)}details.math .steps{padding:0 14px 12px;font-family:var(--font-num);font-size:13px;color:var(--ink-soft)}.author-box{display:flex;gap:14px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 16px;margin:1.6em 0;font-size:14px;box-shadow:var(--sh-1)}.author-box .avatar{width:46px;height:46px;border-radius:99px;background:linear-gradient(140deg,var(--teal-400),var(--teal-700));flex:none}.disclosure{font-size:12.5px;color:var(--ink-soft);background:var(--aqua-50);border:1px dashed var(--line);border-radius:var(--r-sm);padding:9px 12px}.gear-grid{list-style:none;padding:0;margin:14px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}.gear-card{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--line);border-radius:var(--r-md);padding:12px;background:var(--surface)}.gear-thumb{flex:0 0 84px;display:block;border-radius:var(--r-sm);overflow:hidden;background:#fff;border:1px solid var(--line)}.gear-thumb img{display:block;width:84px;height:84px;object-fit:contain}.gear-body{display:flex;flex-direction:column;gap:4px;min-width:0}.gear-name{font-size:14.5px;line-height:1.3;color:var(--ink)}.gear-why{font-size:13px;color:var(--ink-soft);line-height:1.42}.gear-price{font-size:14px;font-weight:600;color:var(--ink);font-family:var(--font-num)}.gear-price em{font-style:normal;font-weight:400;font-size:11.5px;color:var(--ink-soft)}.gear-cta{align-self:flex-start;margin-top:5px;display:inline-flex;align-items:center;gap:6px;padding:7px 13px;border-radius:var(--r-pill);background:var(--coral);color:#fff;text-decoration:none;font-size:13px;font-weight:600;transition:background .15s}.gear-cta:hover{background:var(--coral-600)}.faq dt{font-weight:700;color:var(--ink);margin-top:15px;font-family:var(--font-head)}.faq dd{margin:3px 0 0}.species-facts{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--s-5);margin:1.5em 0}.tankmates{border-left:4px solid var(--teal-300);background:var(--teal-50);border-radius:var(--r-md);padding:14px 18px;margin:1.5em 0}.tankmates h2{margin-top:0}.tankmates p{margin:.5em 0}.species-facts h2{margin-top:0}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:0;margin:0}.facts>div{border-top:1px solid var(--line);padding:10px 4px}.facts dt{font-size:12.5px;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;margin:0}.facts dd{margin:3px 0 0;font-size:16px;color:var(--ink);font-family:var(--font-num)}.related-links{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:10px}.related-links a{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:1px solid var(--teal-100);border-radius:var(--r-pill);background:var(--teal-50);color:var(--teal-700);text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,border-color .15s}.related-links a:before{content:"→";opacity:.55;font-weight:600}.related-links a:hover{background:var(--teal-100);border-color:var(--teal-300)}.method{font-family:var(--font-num);font-size:13px;color:var(--ink-soft);background:var(--aqua-50);border-radius:var(--r-sm);padding:10px 12px}.realtank{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);padding:var(--s-5);margin:1.5em 0}.realtank h2{margin-top:0}.params,.param{margin:14px 0}.param-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;font-size:14.5px}.param-label{font-weight:600;color:var(--ink)}.param-val{font-family:var(--font-num);font-weight:700;color:var(--ink);font-size:14px}.param-val .muted{font-weight:400}.bar{position:relative;height:14px;margin:6px 0 2px;border-radius:99px;background:var(--gauge-track);border:1px solid var(--line)}.bar-band{position:absolute;top:-1px;bottom:-1px;background:linear-gradient(90deg,var(--teal-300),var(--teal-500));border-radius:99px;opacity:.85}.bar-med{position:absolute;top:-3px;bottom:-3px;width:3px;background:var(--ink);border-radius:2px;transform:translate(-1px)}.bar-scale{display:flex;justify-content:space-between;font-size:11px;color:var(--ink-soft)}.stat-callout{background:#fbf3df;border:1px solid #f0e0b6;color:#6b4e00;border-radius:var(--r-md);padding:12px 14px;font-size:15px;margin:14px 0}.stat-callout strong{color:#7a5500}.realtank-stock{margin-top:18px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.hero-demo .result{margin:0}.tool-ic{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--teal-50);color:var(--teal-600);margin-bottom:10px}.tool-ic svg{width:24px;height:24px}.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,360px));gap:16px;margin:16px 0}.guide-card{display:block;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-1);overflow:hidden;text-decoration:none;color:var(--ink);font-weight:600;transition:box-shadow .15s,transform .15s}.guide-card:hover{box-shadow:var(--sh-3);transform:translateY(-3px);color:var(--teal-700)}.gc-thumb{display:block;width:100%;aspect-ratio:1200/655;object-fit:cover;background:var(--teal-50)}.gc-thumb--ph{display:flex;align-items:center;justify-content:center}.gc-thumb--ph .fic{width:46px;height:46px;color:var(--teal-400)}.gc-title{display:block;padding:12px 14px;font-size:15px;line-height:1.32}.tank-demo{margin:0;padding:18px}.tank-svg{width:100%;height:auto;display:block}.tank-cap{text-align:center;margin-top:10px}.tank-cap .pct{font-family:var(--font-num);font-weight:700;font-size:26px;color:var(--ink)}.tank-ok,.tank-warn,.tank-over{display:inline-block;border-radius:var(--r-pill);padding:3px 11px;font-size:13px;font-weight:700}.tank-ok{background:#e6f7ee;color:#15703f;border:1px solid #bfe7cf}.tank-warn{background:#fbf3df;color:#7a5500;border:1px solid #f0e0b6}.tank-over{background:#fdecea;color:#8a2b25;border:1px solid #f5c9c4}.tank-demo{padding:18px}.tank-hint{font-size:12px;color:var(--ink-soft);margin-top:8px;text-align:center}.tank-sizes{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin-bottom:12px}.tank-size{font:inherit;font-size:13px;font-weight:600;padding:5px 13px;border-radius:var(--r-pill);border:1px solid var(--teal-100);background:#fff;color:var(--teal-700);cursor:pointer;transition:background .12s,color .12s}.tank-size:hover{background:var(--teal-50)}.tank-size.active{background:var(--teal-600);color:#fff;border-color:var(--teal-600)}.tank-stage{display:flex;gap:10px;align-items:center}.tank-stage .tank-svg{flex:1;min-width:0}.vrange{flex:none;width:26px;height:172px;cursor:pointer;accent-color:var(--teal-600);writing-mode:vertical-lr;direction:rtl}.stocklist{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.stocklist li{background:var(--teal-50);border:1px solid var(--teal-100);border-radius:var(--r-pill);padding:3px 10px;font-size:13px;color:var(--ink)}.tank-cta{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.tank-cta p{font-size:14px;color:var(--ink-soft);margin:0 0 10px}.tank-svg .fish,.tank-svg .plant{transition:opacity .25s}@keyframes bubrise{0%{transform:translateY(0);opacity:.75}to{transform:translateY(-46px);opacity:0}}@keyframes fishbob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.tank-svg .bub{animation:bubrise 3.4s ease-in infinite}.tank-svg .fish{transform-box:fill-box;transform-origin:center;animation:fishbob 3s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.tank-svg .bub,.tank-svg .fish{animation:none}}@media(max-width:780px){.hero-grid{grid-template-columns:1fr}.hero-demo{margin-top:8px}}@media(max-width:640px){body{font-size:16px}.hero .wrap{padding-top:var(--s-5);padding-bottom:var(--s-6)}.site-header .wrap{flex-wrap:wrap;min-height:0;gap:4px 14px;padding-top:9px;padding-bottom:9px}.nav{margin-left:0;width:100%;flex-wrap:wrap;gap:8px 16px;font-size:14px}.gauge{width:140px}table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}