@font-face{font-family:Calibria;src:local("Inter"),local("Segoe UI")}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{--bg:#f6f7f8;--panel:#fff;--ink:#1e3438;--muted:#6b7d80;--line:#e3e9e9;--subtle:#eef2f2;--mint:#a9efbd;--dark:#123035;--accent:#276953;margin:0;background:var(--bg);color:var(--ink);font-family:Calibria,Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;line-height:1.55}body.dark{color-scheme:dark;--bg:#111e22;--panel:#1a2a2e;--ink:#e3eceb;--muted:#a2b4b4;--line:#314246;--subtle:#22363a;--dark:#0f292d;--accent:#a9efbd}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #58af83;outline-offset:3px}button{border:0}svg{width:20px;height:20px;display:block;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sidebar{width:252px;position:fixed;inset:0 auto 0 0;background:var(--panel);border-right:1px solid var(--line);padding:30px 18px 20px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:11px;align-items:center;padding:0 14px 39px;font-size:28px;font-weight:730;letter-spacing:-1.4px;line-height:1.1}.brand-sub{display:block;font-size:8px;letter-spacing:1.5px;margin-top:8px;color:var(--muted);font-weight:600}.side-label{font-size:9px;font-weight:750;letter-spacing:1.6px;color:var(--muted);padding:0 15px;margin-bottom:10px}.nav-item{padding:11px 14px;border-radius:8px;display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:3px 0;transition:background .12s;color .12s}.nav-item:hover{background:var(--subtle);color:var(--ink)}.nav-item.active{background:#e7f4ea;color:#24533b;font-weight:650}.dark .nav-item.active{background:#284b3a;color:#b2f3c6}.nav-icon{width:21px;display:inline-flex;justify-content:center;font-size:18px}.nav-count{margin-left:auto;font-size:10px;background:var(--subtle);padding:1px 7px;border-radius:5px}.arrow{margin-left:auto}.category-heading{margin-top:29px}.sidebar-bottom{margin-top:auto;padding-top:30px}.side-note{border-top:1px solid var(--line);padding:20px 12px 0;font-size:10px;line-height:2}.side-note .muted{font-size:9px}.status-dot{display:inline-block;width:6px;height:6px;background:#65b980;border-radius:50%;margin-right:6px}.app-shell{margin-left:252px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:78px;padding:0 42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:var(--panel);gap:15px}.topbar #breadcrumb{font-size:11px;color:var(--muted)}#breadcrumb span{margin:0 12px;color:#b8c5c6}#breadcrumb strong{font-weight:550;color:var(--ink)}.top-actions{display:flex;align-items:center;gap:16px}.divider{height:18px;border-left:1px solid var(--line)}.button{padding:11px 18px;border-radius:7px;display:inline-flex;justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:600;line-height:1.4;white-space:nowrap;background:var(--dark);color:#f3fff5}.button:hover{filter:brightness(1.13)}.button.ghost{background:var(--panel);border:1px solid var(--line);color:var(--ink)}.button.green{background:var(--mint);color:#163b27}.button.danger{background:#9a3a3b;color:white}.button.small{padding:8px 12px;font-size:11px}.icon-button{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:7px;background:transparent;color:var(--muted);font-size:21px}.icon-button:hover{background:var(--subtle)}main{width:100%;max-width:1540px;padding:38px 42px 60px;margin:0 auto;flex:1}.eyebrow{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--muted);font-weight:650}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px}h1,h2,h3,p{margin:0}h1{font-size:31px;letter-spacing:-1.1px;line-height:1.3;margin:6px 0 9px;font-weight:650}h2{font-size:21px;letter-spacing:-.6px;font-weight:620}h3{font-size:15px;font-weight:620;letter-spacing:-.25px}.subtitle{color:var(--muted);font-size:12px;max-width:650px}.hero{background:#15363b;color:#f5fcf7;min-height:198px;padding:30px 34px;border-radius:12px;position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;margin-bottom:30px;gap:22px}.hero .eyebrow{color:#adccb8;font-size:9px;letter-spacing:2px}.hero h2{font-size:27px;line-height:1.3;max-width:500px;margin:9px 0 11px;letter-spacing:-.8px}.hero p{font-size:11px;line-height:1.8;color:#b6cdca;max-width:440px}.hero-side{flex:0 0 215px;border:1px solid #52746966;border-radius:10px;padding:20px;position:relative}.hero-side::before{content:"";position:absolute;right:10px;top:10px;width:70px;height:70px;background:radial-gradient(#8ab79e45 1px,transparent 1px);background-size:8px 8px}.formula-mark{font-family:ui-monospace,SFMono-Regular,monospace;font-size:26px;color:#b5f0c7;letter-spacing:-1px}.formula-label{font-size:9px;letter-spacing:1px;color:#8faaa4;margin:8px 0 12px}.hero-stat{display:flex;align-items:center;gap:8px;font-size:10px;color:#c4d9ce;border-top:1px solid #52746966;padding-top:12px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:21px}.search-wrap{position:relative;flex:1;max-width:520px}.search-wrap svg{position:absolute;left:14px;top:12px;width:17px;height:17px;color:var(--muted)}input,select,textarea{background:var(--panel);border:1px solid var(--line);border-radius:7px;color:var(--ink);padding:11px 12px;min-width:0}input[type=search]{width:100%;padding-left:41px;font-size:12px;height:42px}select{font-size:11px;height:42px}.toolbar .results-count{margin-left:auto;font-size:10px;white-space:nowrap;color:var(--muted)}.pills{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:29px}.pill{font-size:10px;padding:6px 11px;border-radius:6px;border:1px solid var(--line);background:var(--panel);color:var(--muted)}.pill.active{background:var(--dark);color:white;border-color:var(--dark)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.section-head h2{font-size:15px;letter-spacing:-.3px}.section-head span{font-size:10px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.calc-card{border:1px solid var(--line);background:var(--panel);border-radius:10px;min-height:203px;padding:20px;display:flex;flex-direction:column;position:relative;transition:transform .12s,border-color .12s;cursor:pointer}.calc-card:hover{transform:translateY(-2px);border-color:#7eb497}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.category-icon{width:36px;height:36px;border-radius:8px;background:#edf3fb;color:#567da6;display:flex;align-items:center;justify-content:center}.category-icon.rf{background:#f1edfa;color:#8a6bac}.category-icon.mcu{background:#edf4ef;color:#608968}.category-icon.aquarium{background:#eaf5f5;color:#498b8d}.category-icon.reef{background:#eaf1fb;color:#608cca}.category-icon.everyday{background:#fcf3e5;color:#ba8b4e}.category-icon.converters{background:#f0eff9;color:#7d77a7}.category-tag{text-transform:uppercase;color:var(--muted);font-size:8px;font-weight:700;letter-spacing:1.2px;margin-bottom:7px}.calc-card h3{font-size:14px;margin-bottom:7px}.card-desc{color:var(--muted);font-size:11px;line-height:1.7;flex:1}.card-bottom{display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);border-top:1px solid var(--line);margin-top:18px;padding-top:12px}.card-bottom .card-arrow{margin-left:auto;color:var(--ink);font-size:18px;line-height:1}.star{background:none;color:#b4c0bf;display:flex;align-items:center;padding:4px;border-radius:5px;font-size:22px}.star.saved{color:#b18b38}.badge{display:inline-flex;align-items:center;gap:5px;background:var(--subtle);color:var(--muted);font-size:9px;border-radius:5px;padding:4px 8px}.badge.green{background:#e6f5eb;color:#487651}.badge.amber{background:#fff2d8;color:#96712c}.onboarding{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:28px}.info-card{border:1px solid var(--line);border-radius:9px;background:var(--panel);padding:20px 22px;display:flex;gap:15px;align-items:flex-start}.info-card .info-icon{width:35px;flex:0 0 35px;height:35px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:var(--subtle);font-size:20px}.info-card h3{font-size:12px;margin-bottom:5px}.info-card p{font-size:10px;color:var(--muted);line-height:1.8}.info-card a,.text-link{font-size:10px;color:var(--accent);font-weight:600;margin-top:9px;display:inline-block}.footer{padding:20px 42px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;color:var(--muted);font-size:9px;letter-spacing:.2px}.footer-dot{margin:0 10px}.loading,.empty{padding:55px 20px;text-align:center;color:var(--muted)}.empty h2{margin-bottom:10px}.detail-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.back{color:var(--muted);font-size:11px;background:none;padding:0}.detail-title{display:flex;align-items:flex-start;gap:18px;margin-bottom:27px}.detail-title .category-icon{width:52px;height:52px;flex:0 0 52px;margin-top:6px}.detail-title h1{font-size:28px}.detail-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:24px}.panel{border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;padding:19px 23px;border-bottom:1px solid var(--line)}.panel-heading h2{font-size:13px}.panel-body{padding:23px}.field{margin-bottom:21px}.field label{font-size:11px;font-weight:600;display:block;margin-bottom:8px}.input-pair{display:flex}.input-pair input{flex:1;width:100%;border-radius:7px 0 0 7px;font-family:ui-monospace,monospace;font-size:16px;padding:12px}.input-pair select,.unit-label{flex:0 0 88px;max-width:120px;border-radius:0 7px 7px 0;border-left:0;background:var(--subtle);height:auto;display:flex;align-items:center;justify-content:center;font-size:11px}.field-hint{font-size:10px;color:var(--muted);line-height:1.7;margin-top:7px}.field:last-child{margin-bottom:0}.results-panel{background:var(--dark);color:#e4f1e9;border:none}.results-panel .panel-heading{border-color:#ffffff18}.result-row{padding:17px 0;border-bottom:1px solid #ffffff18}.result-row:first-child{padding-top:0}.result-row:last-child{border-bottom:0;padding-bottom:0}.result-label{font-size:10px;color:#a9c8bf;margin-bottom:5px}.result-value{font-family:ui-monospace,SFMono-Regular,monospace;letter-spacing:-1px;font-size:30px;font-weight:500;overflow-wrap:anywhere}.result-value span{font-size:13px;margin-left:10px;color:#b2cfbc;letter-spacing:0}.result-source{font-size:9px;color:#9db9ad;margin-top:23px;display:flex;align-items:center;gap:6px}.formula-panel{margin-top:20px}.formula-item{padding:13px 0;border-bottom:1px solid var(--line)}.formula-item:last-child{border:0;padding-bottom:0}.formula-item:first-child{padding-top:0}.formula-item span{display:block;font-size:10px;color:var(--muted);margin-bottom:5px}code,pre,textarea.code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.formula-item code{font-size:12px;overflow-wrap:anywhere;color:var(--accent)}.notice{background:var(--subtle);border-radius:8px;padding:15px 18px;font-size:11px;color:var(--muted);line-height:1.8;margin-top:20px}.notice.warning{border-left:3px solid #c1a06c}.notice ul{margin:0;padding-left:16px}.notice li+li{margin-top:7px}.sources{font-size:10px;line-height:2;margin-top:16px;overflow-wrap:anywhere}.sources a{color:var(--accent)}.error-box{padding:14px;border:1px solid #dfb9b9;background:#fff0f0;color:#944242;border-radius:7px;font-size:11px;margin:12px 0}.dark .error-box{background:#4a2929;color:#f4baba}.actions{display:flex;flex-wrap:wrap;gap:9px}.full-width{width:100%}.studio-layout{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:22px}.studio-area{display:flex;flex-direction:column;gap:20px}textarea{width:100%;resize:vertical;min-height:160px;font-size:12px;line-height:1.7}.code{min-height:430px;tab-size:2;font-size:11px;background:var(--subtle)}.field>input{width:100%}.tabs{display:flex;gap:4px;margin-bottom:20px;border-bottom:1px solid var(--line)}.tab{padding:11px 15px;background:none;color:var(--muted);font-size:11px;border-bottom:2px solid transparent}.tab.active{border-color:var(--accent);color:var(--ink)}.help-list{padding-left:19px;font-size:11px;color:var(--muted);line-height:2}.quota{font-size:10px;padding:10px 12px;background:var(--subtle);border-radius:6px;margin-bottom:13px;color:var(--muted)}.studio-banner{background:#eaf4ec;border:1px solid #d8e8dc;border-radius:7px;padding:15px;font-size:11px;color:#436a4c;line-height:1.8}.form-error{font-size:11px;color:#ba5151;margin:12px 0}.switch-row{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted);padding:12px 0}.switch-row input{width:16px;height:16px}dialog{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--ink);width:min(460px,calc(100vw - 28px));max-height:90vh;overflow:auto;box-shadow:0 20px 80px #0a252e33}dialog::backdrop{background:#132d3680;backdrop-filter:blur(3px)}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-head h2{font-size:20px}.modal-subtitle{font-size:11px;color:var(--muted);margin-bottom:20px}.toast{position:fixed;bottom:25px;left:calc(50% + 110px);transform:translateX(-50%);background:var(--dark);color:white;padding:12px 20px;border-radius:8px;box-shadow:0 4px 25px #0002;z-index:100;font-size:12px;display:none;max-width:80vw}.toast.visible{display:block}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid .panel{align-self:start}.key-row{padding:12px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font-size:11px;gap:12px}.secret{padding:13px;background:var(--subtle);border-radius:7px;word-break:break-all;font-size:11px;margin:12px 0;user-select:all}.mobile-only{display:none}.section-space{margin-top:30px}.inline-status{font-size:10px;color:var(--muted)}.line-link{border:0;background:none;color:var(--accent);padding:0;font-size:11px}.print-title{display:none}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;background:var(--subtle);padding:18px;border-radius:8px}#studio-result{min-height:30px}.recent-tags{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.shortcuts{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:5px}kbd{border:1px solid var(--line);padding:1px 5px;border-radius:4px;background:var(--panel)}
@media(min-width:1550px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.hero{min-height:220px}}@media(max-width:1180px){.sidebar{width:220px}.app-shell{margin-left:220px}main{padding:30px 28px 45px}.topbar{padding:0 28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h2{font-size:23px}.hero-side{flex-basis:180px}.studio-layout{grid-template-columns:1fr}.studio-area{display:grid;grid-template-columns:1fr 1fr}.toast{left:calc(50% + 100px)}}@media(max-width:800px){.sidebar{transform:translateX(-100%);width:252px;box-shadow:10px 0 40px #0002}.sidebar.open{transform:none}.app-shell{margin-left:0}.mobile-only{display:flex}.topbar{height:65px;padding:0 18px}#breadcrumb{flex:1}.topbar #breadcrumb{font-size:10px}.top-actions{gap:8px}.topbar .divider{display:none}main{padding:25px 20px 40px}.page-heading{align-items:flex-start}h1{font-size:27px}.hero{padding:25px;min-height:0}.hero-side{display:none}.hero h2{max-width:420px}.grid{gap:12px}.calc-card{padding:17px}.toolbar{flex-wrap:wrap}.toolbar .results-count{margin-left:auto}.pills{gap:6px}.detail-layout{grid-template-columns:1fr}.results-panel{order:-1}.results-panel .panel-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.result-row{padding:0;border:0}.result-value{font-size:25px}.result-source{grid-column:1/-1;margin:0}.settings-grid{grid-template-columns:1fr}.footer{padding:20px;font-size:8px}.toast{left:50%}.sidebar #mobile-close{margin-bottom:20px}}@media(max-width:480px){.grid{grid-template-columns:1fr}.onboarding{grid-template-columns:1fr}.page-heading{flex-direction:column;gap:15px}.page-heading .actions{width:100%}.page-heading .actions .button{flex:1}.hero h2{font-size:23px}.toolbar select{max-width:160px}.toolbar .results-count{display:none}.search-wrap{max-width:none;width:100%;flex-basis:100%}.studio-area{display:flex}.topbar #breadcrumb{display:none}.topbar #account{margin-left:auto}.detail-title{gap:12px}.detail-title h1{font-size:24px}.detail-title .category-icon{width:40px;height:40px;flex-basis:40px}.detail-top{gap:10px;flex-wrap:wrap}.footer span{max-width:240px}.shortcuts{display:none}.results-panel .panel-body{grid-template-columns:1fr}.result-row+.result-row{border-top:1px solid #ffffff18;padding-top:14px}.result-value{font-size:32px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.sidebar,.topbar,.footer,.detail-top,.actions,.toast,dialog,.back{display:none!important}.app-shell{margin:0}body{--bg:white;--panel:white;--ink:black;--muted:#444;--line:#ccc}main{padding:0}.detail-layout{display:block}.results-panel{background:white;color:black;border:1px solid #ccc;margin-top:20px}.result-label,.result-value span,.result-source{color:#333}.panel{break-inside:avoid}.result-row{border-color:#ccc}.notice{break-inside:avoid}.print-title{display:block}}