:root{--bg:#f4f7f4;--card:#fff;--text:#17352c;--muted:#687970;--line:#dce6e0;--green:#1c7c5b;--green2:#125d45;--soft:#e8f4ee;--mint:#d8efe4;--amber:#a66b16;--amberbg:#fff4da;--red:#a64138;--redbg:#fde9e6;--shadow:0 18px 50px #18443517;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a{color:inherit}.app-shell{min-height:100vh}.page-wrap{width:min(1160px,100% - 40px);margin:0 auto}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:30;background:#f4f7f4eb;align-items:center;gap:30px;height:76px;padding:0 max(24px,50vw - 580px);display:flex;position:sticky;top:0}.brand{letter-spacing:-.5px;font-size:21px;font-weight:800;text-decoration:none}.brand-button{cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.logo{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.desktop-nav{flex:1;gap:5px;display:flex}.desktop-nav button,.text-button{cursor:pointer;background:0 0;border:0;border-radius:12px;padding:10px 12px}.desktop-nav button:hover,.text-button:hover{background:var(--soft)}.account-zone{align-items:center;gap:10px;display:flex}.user-name{white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:14px;font-weight:700;overflow:hidden}.sync-pill{color:#6b756f;background:#edf1ee;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:800}.sync-pill.synced{background:var(--soft);color:var(--green2)}.sync-pill.syncing,.sync-pill.loading{color:#8a611f;background:#fff5df}.sync-pill.error{background:var(--redbg);color:var(--red)}.notice{z-index:50;box-shadow:var(--shadow);cursor:pointer;background:#effaf4;border:1px solid #b9decb;border-radius:999px;align-items:center;gap:15px;padding:10px 14px;font-size:14px;display:flex;position:fixed;top:88px;left:50%;transform:translate(-50%)}.hero{grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;padding:80px 0 48px;display:grid}.hero-copy h1,.section-title h1{letter-spacing:-3px;margin:12px 0 22px;font-size:clamp(42px,6vw,76px);line-height:.97}.hero-copy h1 em{color:var(--green);font-style:normal}.eyebrow{text-transform:uppercase;letter-spacing:.13em;color:var(--green);margin:0;font-size:12px;font-weight:900}.lead{color:var(--muted);max-width:680px;font-size:20px;line-height:1.6}.hero-actions{flex-wrap:wrap;gap:12px;margin:30px 0 14px;display:flex}.btn{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;justify-content:center;align-items:center;gap:7px;padding:13px 17px;font-weight:800;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--green);color:#fff;border-color:var(--green)}.btn.primary:hover{background:var(--green2)}.btn.ghost{background:0 0}.btn.small{padding:9px 12px;font-size:13px}.btn.full{width:100%}.center{text-align:center}.local-note{color:var(--muted);font-size:13px}.local-note a{color:var(--green);font-weight:800}.hero-card,.panel,.tank-summary,.empty-tank{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{min-height:360px;padding:28px}.card-head{color:var(--muted);justify-content:space-between;align-items:center;font-size:13px;display:flex}.status-dot{color:var(--green);font-weight:800}.big-volume{letter-spacing:-3px;margin-top:45px;font-size:64px;display:block}.mini-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.mini-grid div{border:1px solid var(--line);background:#f7faf8;border-radius:15px;padding:15px}.mini-grid small,.measure-grid small,.facts small,.score-banner small{color:var(--muted);margin-bottom:5px;font-size:11px;display:block}.mini-grid strong{font-size:15px}.empty-orb{width:92px;height:92px;color:var(--green);background:radial-gradient(circle at 35% 35%,#fff,#dcefe4);border:1px solid #b7dbca;border-radius:50%;place-items:center;margin:38px auto 24px;font-size:45px;display:grid}.hero-card h3{text-align:center;margin:0 0 8px;font-size:21px}.hero-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.feature-row{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px;display:grid}.feature-row article{border-top:1px solid var(--line);padding:23px 5px}.feature-row span{color:var(--green);font-size:12px;font-weight:900}.feature-row h3{margin:9px 0;font-size:17px}.feature-row p{color:var(--muted);margin:0;line-height:1.6}.section-page{padding:64px 0 110px}.section-title{max-width:800px;margin-bottom:34px}.section-title h1{margin-bottom:15px;font-size:clamp(40px,5vw,64px)}.section-title>p:last-child{color:var(--muted);margin:0;font-size:17px;line-height:1.6}.empty-tank{text-align:center;padding:60px 30px}.empty-tank .empty-orb{margin:0 auto 22px}.empty-tank p{color:var(--muted)}.tank-summary{justify-content:space-between;align-items:center;margin-bottom:18px;padding:28px;display:flex}.tank-summary h2{margin:6px 0;font-size:31px}.tank-summary>div>p:last-child{color:var(--muted);margin:0}.score-ring{border:9px solid var(--mint);text-align:center;border-radius:50%;outline:1px solid #c3e2d2;place-content:center;width:105px;height:105px;display:grid}.score-ring strong{font-size:28px;line-height:1}.score-ring span{font-size:11px}.score-ring small{color:var(--muted);margin-top:4px;font-size:10px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.panel{padding:24px}.panel h3{margin:0 0 18px;font-size:19px}.todo{gap:12px;margin:16px 0;display:flex}.todo>span{background:var(--soft);width:28px;height:28px;color:var(--green);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.todo strong{font-size:14px}.todo p{color:var(--muted);margin:4px 0;font-size:13px;line-height:1.5}.compact-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 0;display:flex}.compact-row>div{flex-direction:column;display:flex}.compact-row small{color:var(--muted);margin-top:3px}.fish-icon{background:var(--soft);width:36px;height:36px;color:var(--green);border-radius:50%;flex:none;place-items:center;font-weight:900;display:grid}.fish-icon.large{width:42px;height:42px}.fish-icon.xl{width:52px;height:52px;font-size:22px}.measure-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.measure-grid div{border:1px solid var(--line);background:#f8faf8;border-radius:12px;padding:12px}.muted{color:var(--muted);line-height:1.6}.builder-layout{grid-template-columns:1.25fr .75fr;gap:18px;display:grid}.sticky-panel{align-self:start;position:sticky;top:95px}.score-banner{background:var(--soft);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:16px 18px;display:flex}.score-banner strong{color:var(--green2);font-size:28px;display:block}.score-banner>span{color:var(--muted);font-size:13px}.population-row{border-top:1px solid var(--line);grid-template-columns:auto 1fr 75px 36px;align-items:center;gap:12px;padding:14px 0;display:grid}.population-row:first-of-type{border-top:0}.pop-name{flex-direction:column;min-width:0;display:flex}.pop-name small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;overflow:hidden}.population-row input{border:1px solid var(--line);border-radius:11px;width:70px;padding:9px}.remove{color:var(--red);cursor:pointer;background:#f8ece9;border:0;border-radius:10px;width:34px;height:34px;font-size:21px}.empty-state-small{text-align:center;padding:25px 8px}.empty-state-small p{color:var(--muted)}.issue-list{flex-direction:column;gap:10px;display:flex}.issue{border:1px solid var(--line);background:#fafcfa;border-radius:14px;gap:10px;padding:13px;display:flex}.issue>span{border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-weight:900;display:grid}.issue strong{font-size:13px}.issue p{color:var(--muted);margin:3px 0 0;font-size:12px;line-height:1.45}.issue.good{background:var(--soft);border-color:#c6e4d4}.issue.good>span{background:var(--green);color:#fff}.issue.warn{background:var(--amberbg);border-color:#edd7a7}.issue.warn>span{color:#fff;background:#c1842b}.issue.bad{background:var(--redbg);border-color:#efc9c4}.issue.bad>span{background:var(--red);color:#fff}.water-layout,.journal-layout{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{color:#50645a;flex-direction:column;gap:7px;margin-bottom:13px;font-size:12px;font-weight:800;display:flex}.field input,.field select,.field textarea,.catalog-tools input{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:12px;outline:none;padding:12px}.field input:focus,.field select:focus,.field textarea:focus,.catalog-tools input:focus{border-color:#7eb89f;box-shadow:0 0 0 3px #e4f2eb}.field textarea{resize:vertical;min-height:88px}.safety-note{background:#eff4f1;border-radius:14px;margin-top:16px;padding:15px}.safety-note strong{font-size:13px}.safety-note p{color:var(--muted);margin:4px 0;font-size:12px;line-height:1.5}.history{margin-top:18px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:11px}th{color:var(--muted);text-transform:uppercase;font-size:11px}.journal-row{border-bottom:1px solid var(--line);gap:13px;padding:14px 0;display:flex}.journal-icon{background:var(--soft);width:37px;height:37px;color:var(--green);border-radius:12px;flex:none;place-items:center;font-size:18px;display:grid}.journal-row>div{flex-direction:column;display:flex}.journal-row small{color:var(--muted);margin:4px 0}.journal-row p{color:var(--muted);margin:3px 0;font-size:13px;line-height:1.4}.catalog-tools{justify-content:space-between;gap:15px;margin-bottom:20px;display:flex}.catalog-tools>input{width:min(390px,100%)}.chips{flex-wrap:wrap;gap:7px;display:flex}.chips button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:800}.chips button.active{background:var(--green);border-color:var(--green);color:#fff}.species-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.species-card{border:1px solid var(--line);background:#fff;border-radius:19px;flex-direction:column;padding:20px;display:flex;box-shadow:0 10px 30px #1844350d}.species-card-top{justify-content:space-between;align-items:center;display:flex}.difficulty{border-radius:999px;padding:6px 8px;font-size:10px;font-weight:900}.difficulty.beginner{background:var(--soft);color:var(--green2)}.difficulty.attention{background:var(--amberbg);color:var(--amber)}.species-card h3{margin:15px 0 2px;font-size:20px}.species-card em{color:var(--muted);font-size:12px}.species-card>p{color:var(--muted);flex:1;font-size:13px;line-height:1.5}.facts{grid-template-columns:repeat(3,1fr);gap:5px;margin:16px 0;display:grid}.facts span{background:#f8faf8;border-radius:10px;padding:9px}.facts strong{font-size:11px;display:block}.modal-backdrop{z-index:70;background:#0d292080;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.setup-modal{background:#fff;border-radius:24px;width:min(560px,100%);max-height:90vh;padding:30px;position:relative;overflow:auto;box-shadow:0 40px 100px #00000040}.setup-modal h2{margin:8px 0;font-size:31px}.setup-modal>p:not(.eyebrow){color:var(--muted);line-height:1.6}.modal-close{cursor:pointer;background:#f0f3f1;border:0;border-radius:50%;width:34px;height:34px;font-size:21px;position:absolute;top:16px;right:18px}.setup-warning{background:var(--soft);border-radius:14px;flex-direction:column;gap:4px;margin:15px 0;padding:13px;display:flex}.setup-warning strong{font-size:12px}.setup-warning span{color:var(--muted);font-size:12px;line-height:1.5}.mobile-nav{display:none}.loading-screen{text-align:center;min-height:100vh;color:var(--muted);place-content:center;display:grid}.loader{border:4px solid var(--mint);border-top-color:var(--green);border-radius:50%;width:42px;height:42px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100vh;padding:25px;display:flex}.auth-card{border:1px solid var(--line);width:min(450px,100%);box-shadow:var(--shadow);background:#fff;border-radius:25px;flex-direction:column;gap:14px;padding:32px;display:flex}.auth-card h1{margin:2px 0;font-size:36px}.auth-card>p{color:var(--muted);line-height:1.5}.auth-card label{flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.auth-card input{border:1px solid var(--line);border-radius:12px;padding:12px}.form-error{background:var(--redbg);border-radius:10px;padding:10px;font-size:13px;color:var(--red)!important}.auth-alt{text-align:center;font-size:13px}.auth-alt a{color:var(--green);font-weight:800}.mobile-nav button{font-size:20px}.mobile-nav span{font-size:9px}@media (max-width:900px){.desktop-nav,.user-name,.text-button{display:none}.hero{grid-template-columns:1fr;gap:25px;padding-top:50px}.feature-row,.dashboard-grid,.builder-layout,.water-layout,.journal-layout{grid-template-columns:1fr}.sticky-panel{position:static}.species-grid{grid-template-columns:1fr 1fr}.catalog-tools{flex-direction:column}.topbar{padding:0 18px}.page-wrap{width:min(100% - 28px,1160px)}.mobile-nav{z-index:40;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--line);height:68px;padding-bottom:env(safe-area-inset-bottom);background:#fffffff5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:#76847d;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.mobile-nav button.active{color:var(--green);font-weight:900}.section-page{padding-bottom:105px}}@media (max-width:600px){.topbar{height:66px}.brand{font-size:18px}.logo{width:28px;height:28px}.sync-pill{font-size:10px}.btn.small{padding:8px;font-size:11px}.hero{padding-top:36px}.hero-copy h1{letter-spacing:-2px;font-size:48px}.lead{font-size:17px}.hero-card{min-height:0}.big-volume{margin-top:28px;font-size:52px}.section-title h1{letter-spacing:-2px;font-size:43px}.tank-summary{align-items:flex-start}.tank-summary h2{font-size:25px}.score-ring{width:86px;height:86px}.dashboard-grid{gap:12px}.panel{padding:19px}.form-grid{grid-template-columns:1fr 1fr}.species-grid{grid-template-columns:1fr}.population-row{grid-template-columns:auto 1fr 60px 34px}.population-row input{width:58px}.facts{grid-template-columns:1fr 1fr 1fr}.catalog-tools{margin-bottom:14px}.notice{border-radius:15px;width:calc(100% - 30px);top:75px}.setup-modal{padding:24px}.account-zone{gap:5px}}.tank-switcher{border:1px solid var(--line);max-width:210px;color:var(--text);background:#fff;border-radius:11px;padding:8px 10px;font-size:12px;font-weight:800}.new-tank{border:1px solid var(--line);width:34px;height:34px;color:var(--green);cursor:pointer;background:#fff;border-radius:10px;font-size:19px}@media (max-width:760px){.tank-switcher{max-width:125px}.new-tank{display:none}}.brand-link{align-items:center;gap:9px;display:flex}.logo{flex:none}.logo svg{width:24px;height:24px;overflow:visible}.logo svg>path:first-child{fill:none;stroke:currentColor;stroke-width:2.15px;stroke-linejoin:round}.logo-wave{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round}