:root{--bg:#071316;--panel:#0d2024;--panel2:#112b30;--ink:#eef8f5;--muted:#9db7b2;--line:#204248;--aqua:#57e1d1;--aqua2:#8ff5e9;--gold:#ffd166;--red:#ff7b77;--green:#70e19b;--blue:#72b7ff;--shadow:0 18px 60px rgba(0,0,0,.25);--radius:22px;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 20% 0,#10363d 0,transparent 28rem),var(--bg);color:var(--ink);line-height:1.55}a{color:inherit}button,input,select{font:inherit}.shell{width:min(var(--max),calc(100% - 32px));margin:auto}.sitebar{position:sticky;top:0;z-index:40;background:rgba(7,19,22,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;letter-spacing:-.03em}.logo{width:36px;height:36px;border-radius:12px;background:linear-gradient(145deg,var(--aqua),#2a8e91);position:relative;box-shadow:0 7px 22px rgba(87,225,209,.22)}.logo:before{content:"";position:absolute;inset:9px 6px 9px 9px;border-radius:60% 35% 35% 60%;background:#071316}.logo:after{content:"";position:absolute;right:4px;top:12px;border-left:8px solid #071316;border-top:6px solid transparent;border-bottom:6px solid transparent}.navlinks{display:flex;gap:22px;color:var(--muted);font-size:14px}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--ink)}.navcta{border:1px solid rgba(87,225,209,.35);padding:9px 13px;border-radius:999px;color:var(--aqua2)!important}.hero{padding:68px 0 34px}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid rgba(87,225,209,.23);border-radius:999px;background:rgba(87,225,209,.07);color:var(--aqua2);font-size:13px;font-weight:750}.hero h1{font-size:clamp(42px,6.4vw,76px);line-height:.98;letter-spacing:-.058em;max-width:980px;margin:20px 0}.hero p{max-width:780px;color:#bad0cc;font-size:clamp(17px,2.1vw,21px)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{border:0;border-radius:14px;padding:13px 17px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--aqua);color:#062025}.btn-secondary{background:#102a2f;color:var(--ink);border:1px solid var(--line)}.truststrip{margin-top:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.trustitem{padding:14px;border:1px solid var(--line);border-radius:16px;background:rgba(12,32,36,.64)}.trustitem strong{display:block;font-size:15px}.trustitem span{color:var(--muted);font-size:12px}.planner-wrap{padding:34px 0 74px}.planner-grid{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:start}.card{background:linear-gradient(180deg,rgba(17,43,48,.96),rgba(10,29,33,.96));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.settings{padding:20px;position:sticky;top:86px}.card h2,.card h3{letter-spacing:-.03em;margin-top:0}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.step{font-size:11px;font-weight:850;color:var(--aqua);text-transform:uppercase;letter-spacing:.12em}.field{margin:13px 0}.field label{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:#cfe1dd;margin-bottom:7px}.field small{color:var(--muted)}input,select{width:100%;background:#081a1e;color:var(--ink);border:1px solid #274950;border-radius:12px;padding:11px 12px;outline:none}input:focus,select:focus{border-color:var(--aqua)}.dimensions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dimensions .field{margin:4px 0}.seg{display:flex;background:#081a1e;border:1px solid #274950;border-radius:12px;padding:3px}.seg button{flex:1;border:0;background:transparent;color:var(--muted);padding:7px;border-radius:9px;cursor:pointer}.seg button.active{background:#1a454b;color:#fff}.divider{height:1px;background:var(--line);margin:18px 0}.summarybar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.metric{padding:15px;border-radius:16px;background:#0b2024;border:1px solid var(--line)}.metric .label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.metric .value{font-size:24px;font-weight:850;letter-spacing:-.03em;margin-top:3px}.workspace{min-width:0}.tank-card{padding:18px;overflow:hidden}.tank-canvas{height:270px;border:1px solid #27616a;border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(#0e5968 0%,#0c4b5a 46%,#123e43 100%);box-shadow:inset 0 -25px 55px rgba(0,0,0,.25)}.tank-canvas:before{content:"";position:absolute;left:0;right:0;top:14px;height:3px;background:rgba(255,255,255,.32);box-shadow:0 2px 10px rgba(255,255,255,.18)}.tank-canvas:after{content:"";position:absolute;left:0;right:0;bottom:0;height:38px;background:linear-gradient(#705d42,#4c4438)}.plant{position:absolute;bottom:28px;width:18px;border-radius:80% 20% 80% 20%;background:rgba(68,190,129,.75);transform-origin:bottom}.p1{left:9%;height:75px;transform:rotate(-15deg)}.p2{left:14%;height:110px;transform:rotate(12deg)}.p3{right:9%;height:92px;transform:rotate(18deg)}.p4{right:14%;height:56px;transform:rotate(-14deg)}.fishdot{position:absolute;display:flex;align-items:center;gap:5px;background:rgba(5,18,21,.72);border:1px solid rgba(255,255,255,.18);padding:5px 8px;border-radius:999px;font-size:11px;white-space:nowrap;backdrop-filter:blur(8px);max-width:150px;overflow:hidden;text-overflow:ellipsis}.fishdot b{color:var(--aqua2)}.canvas-empty{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:rgba(255,255,255,.68);z-index:2}.canvas-empty strong{display:block;color:#fff;font-size:18px}.toolbar{display:flex;gap:10px;justify-content:space-between;align-items:center;margin:16px 0 0;flex-wrap:wrap}.toolbar .btn{padding:10px 13px;font-size:13px}.add-card{padding:18px;margin-top:18px}.species-search{display:grid;grid-template-columns:1fr 105px auto;gap:8px}.suggestions{margin-top:10px;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:260px;overflow:auto}.species-option{border:1px solid var(--line);background:#0a1f23;border-radius:14px;padding:11px;text-align:left;color:var(--ink);cursor:pointer}.species-option:hover{border-color:#3f737a}.species-option strong{display:block}.species-option span{font-size:12px;color:var(--muted)}.stock-card{padding:18px;margin-top:18px}.stock-list{display:grid;gap:8px}.stock-row{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:15px;background:#0a1d21}.stock-row .sci{color:var(--muted);font-size:12px}.qtyctl{display:flex;align-items:center;gap:5px}.qtyctl button,.iconbtn{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:#102c31;color:#fff;cursor:pointer}.qtyctl b{min-width:24px;text-align:center}.iconbtn{color:var(--red)}.analysis-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;margin-top:18px}.score-card,.alerts-card,.next-card,.matrix-card,.ramp-card{padding:18px}.gauge{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center}.ring{width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--aqua) var(--pct,0%),#17383d 0);position:relative}.ring:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#0c2428}.ringtext{position:relative;text-align:center}.ringtext b{font-size:30px;display:block}.ringtext span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.bands{display:grid;gap:8px}.band{display:grid;grid-template-columns:90px 1fr auto;gap:10px;align-items:center;font-size:12px}.bar{height:9px;background:#17383d;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:var(--aqua);border-radius:inherit}.muted{color:var(--muted)}.notice{padding:12px 13px;border-radius:14px;border:1px solid var(--line);margin:8px 0;background:#0a1f23}.notice strong{display:block;margin-bottom:3px}.notice.warning{border-color:rgba(255,209,102,.35);background:rgba(255,209,102,.06)}.notice.danger{border-color:rgba(255,123,119,.35);background:rgba(255,123,119,.07)}.notice.good{border-color:rgba(112,225,155,.3);background:rgba(112,225,155,.06)}.matrix-wrap{overflow:auto}.matrix{width:100%;border-collapse:collapse;font-size:12px}.matrix th,.matrix td{padding:9px;border-bottom:1px solid var(--line);vertical-align:top}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.pill.good{background:rgba(112,225,155,.12);color:var(--green)}.pill.caution{background:rgba(255,209,102,.12);color:var(--gold)}.pill.avoid{background:rgba(255,123,119,.12);color:var(--red)}.next-card{margin-top:18px}.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.next-item{padding:13px;border:1px solid var(--line);border-radius:15px;background:#0a1f23}.next-item strong{display:block}.next-item span{font-size:12px;color:var(--muted)}.next-item button{margin-top:9px;width:100%}.ramp-card{margin-top:18px}.timeline{display:grid;gap:10px}.timeitem{display:grid;grid-template-columns:90px 1fr;gap:12px;border-left:2px solid #2b676d;padding-left:14px}.timeitem b{color:var(--aqua2)}.content{padding:72px 0}.content h2{font-size:clamp(30px,4vw,48px);letter-spacing:-.045em;line-height:1.04}.content p.lead{font-size:19px;color:#b7cfca;max-width:800px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}.feature{border:1px solid var(--line);border-radius:20px;padding:19px;background:#0b1f23}.feature .num{color:var(--aqua);font-size:12px;font-weight:850}.feature h3{margin:8px 0}.feature p{color:var(--muted);font-size:14px}.seo-links{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px}.seo-links a{padding:13px;border:1px solid var(--line);border-radius:14px;text-decoration:none;background:#0a1d21;color:#cfe5e1;font-size:13px}.seo-links a:hover{border-color:#3b7279}.disclaimer{margin:46px 0 0;padding:16px;border-radius:16px;border:1px solid rgba(255,209,102,.22);background:rgba(255,209,102,.05);color:#cbd5ca;font-size:13px}.footer{border-top:1px solid var(--line);padding:28px 0 48px;color:var(--muted);font-size:13px}.footgrid{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footlinks{display:flex;gap:16px;flex-wrap:wrap}.footlinks a{text-decoration:none}.pagehero{padding:54px 0 24px}.pagehero h1{font-size:clamp(36px,5vw,60px);line-height:1;letter-spacing:-.05em;margin:12px 0}.pagegrid{display:grid;grid-template-columns:1fr 320px;gap:22px;padding:20px 0 70px}.article{padding:26px}.article h2{margin-top:30px;letter-spacing:-.03em}.article p,.article li{color:#c4d7d3}.sidecard{padding:18px;position:sticky;top:86px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.specbox{padding:15px;border:1px solid var(--line);border-radius:16px;background:#0a1e22}.specbox dl{display:grid;grid-template-columns:1fr auto;gap:8px 10px;margin:0}.specbox dt{color:var(--muted)}.specbox dd{margin:0;font-weight:750}.verdict{padding:18px;border-radius:18px;margin:18px 0}.verdict.good{background:rgba(112,225,155,.07);border:1px solid rgba(112,225,155,.28)}.verdict.caution{background:rgba(255,209,102,.07);border:1px solid rgba(255,209,102,.28)}.verdict.avoid{background:rgba(255,123,119,.07);border:1px solid rgba(255,123,119,.28)}.overlap{display:grid;gap:12px;margin:18px 0}.range{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:center}.track{height:13px;background:#17383d;border-radius:999px;position:relative}.track i{position:absolute;height:100%;border-radius:999px;background:linear-gradient(90deg,#2c9494,var(--aqua));left:var(--left);width:var(--width)}.breadcrumbs{font-size:12px;color:var(--muted)}.breadcrumbs a{text-decoration:none}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq summary{cursor:pointer;font-weight:750}.empty-state{padding:18px;border:1px dashed #34585e;border-radius:15px;color:var(--muted);text-align:center}.mini-note{font-size:12px;color:var(--muted)}@media(max-width:980px){.planner-grid{grid-template-columns:1fr}.settings{position:static}.summarybar{grid-template-columns:repeat(2,1fr)}.analysis-grid,.pagegrid{grid-template-columns:1fr}.sidecard{position:static}.feature-grid{grid-template-columns:1fr 1fr}.seo-links{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.navlinks{display:none}.shell{width:min(100% - 20px,var(--max))}.hero{padding-top:42px}.truststrip{grid-template-columns:1fr 1fr}.summarybar{grid-template-columns:1fr 1fr}.species-search{grid-template-columns:1fr 80px}.species-search .btn{grid-column:1/-1}.suggestions{grid-template-columns:1fr}.analysis-grid{grid-template-columns:1fr}.gauge{grid-template-columns:1fr;justify-items:center}.next-grid,.feature-grid,.seo-links{grid-template-columns:1fr}.compare-grid{grid-template-columns:1fr}.tank-canvas{height:230px}.stock-row{grid-template-columns:1fr auto}.stock-row .iconbtn{grid-column:2}.pagehero{padding-top:38px}.matrix thead{display:none}.matrix,.matrix tbody,.matrix tr,.matrix td{display:block;width:100%}.matrix tr{padding:12px;border:1px solid var(--line);border-radius:14px;margin-bottom:10px;background:#091c20}.matrix td{border:0;padding:4px 0}.matrix td:nth-child(3):before{content:'Why: ';font-weight:800;color:var(--muted)}.matrix td:nth-child(4):before{content:'Action: ';font-weight:800;color:var(--muted)}}

/* Global unit controls */
.unit-control{margin:2px 0 16px;padding:12px;border:1px solid var(--line);border-radius:15px;background:#091c20}.unit-control-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.unit-control-head strong{font-size:13px}.unit-control-head span{font-size:11px;color:var(--muted)}.unit-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid #274950;border-radius:12px;background:#081a1e}.unit-switch button{border:0;border-radius:9px;background:transparent;color:var(--muted);padding:8px 10px;font-size:12px;font-weight:800;cursor:pointer}.unit-switch button.active{background:#1a454b;color:#fff;box-shadow:inset 0 0 0 1px rgba(87,225,209,.18)}.unit-switch button:focus-visible{outline:2px solid var(--aqua);outline-offset:2px}.unit-note{margin-top:7px;color:var(--muted);font-size:11px}.dual-unit{color:var(--muted);font-size:.9em}.global-note{padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#091c20;color:#bfd1cd;font-size:13px;margin:16px 0}.compact-switch{max-width:360px;margin:0 0 18px}.metric .value{white-space:nowrap}@media(max-width:680px){.unit-control-head{align-items:flex-start;flex-direction:column}.unit-switch{width:100%}.metric .value{font-size:21px}}

/* Unit control spacing refinement */
.unit-control-head{display:block;margin-bottom:10px;line-height:1.35}.unit-control-head strong{display:block}.unit-control-head span{display:none}.unit-switch{margin-top:0}.unit-note{margin-top:11px;line-height:1.45}

/* v2.1.2 unit selector layout */
.unit-control{display:grid;gap:12px;margin:4px 0 18px;padding:14px}.unit-control-head{margin:0}.unit-control-head strong{display:block;font-size:13px;line-height:1.3}.unit-switch{margin:0}.unit-note{margin:0;line-height:1.5}.unit-switch button{min-height:38px}.unit-switch button.active{background:#1a454b;color:#fff}.unit-switch button[aria-pressed="true"]{background:#1a454b;color:#fff}