:root{--bg:#eef1ee;--surface:#fff;--field:#f3f5f3;--ink:#111311;--ink-2:#4d524d;--ink-3:#868b86;--line:#e4e8e4;--lime:#6bd11c;--lime-2:#58c00d;--lime-soft:#e7f7d8;--purple:#5b4bdb;--dark:#131613;--r-xl:32px;--r-lg:24px;--r-md:16px;--shadow:0 2px 4px #11131108, 0 12px 32px #1113110f;--hero-grad:linear-gradient(100deg, var(--field) 0%, var(--field) 38%, #d5f2bb 75%, #a8e57a 100%);--font:"Poppins", system-ui, sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d0f0d;--surface:#171a17;--field:#20241f;--ink:#f1f4f0;--ink-2:#b9bfb8;--ink-3:#7d837c;--line:#2a2f29;--lime-soft:#1c2a12;--dark:#050605;--shadow:0 2px 4px #0000004d, 0 12px 32px #00000059;--hero-grad:linear-gradient(100deg, var(--field) 0%, var(--field) 38%, #24411a 75%, #3d7a1c 100%)}}:root[data-theme=dark]{--bg:#0d0f0d;--surface:#171a17;--field:#20241f;--ink:#f1f4f0;--ink-2:#b9bfb8;--ink-3:#7d837c;--line:#2a2f29;--lime-soft:#1c2a12;--dark:#050605;--shadow:0 2px 4px #0000004d, 0 12px 32px #00000059;--hero-grad:linear-gradient(100deg, var(--field) 0%, var(--field) 38%, #24411a 75%, #3d7a1c 100%)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:15.5px/1.65 var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit}h1,h2,h3{letter-spacing:-.015em;margin:0;line-height:1.2}.wrap{max-width:1180px;margin:0 auto;padding:0 16px}.num{font-variant-numeric:tabular-nums}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.hidden{display:none!important}.site-header{padding:18px 0 0}.site-header .wrap{justify-content:space-between;align-items:center;gap:12px;display:flex}.logo{align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.logo-mark{background:var(--lime);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 6px 16px #6bd11c59}.nav{background:var(--surface);box-shadow:var(--shadow);border-radius:999px;gap:4px;padding:6px;display:flex}.nav a{color:var(--ink-2);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;text-decoration:none}.nav a:hover{color:var(--ink);background:var(--field)}.nav a.active{background:var(--dark);color:#fff}.icon-btn{background:var(--surface);width:52px;height:52px;box-shadow:var(--shadow);color:var(--ink);cursor:pointer;border:0;border-radius:18px;place-items:center;display:grid}@media (width<=860px){.nav{display:none}}.crumbs{color:var(--ink-3);margin:28px 0 6px;font-size:13px}.crumbs a{text-decoration:none}.crumbs a:hover{color:var(--ink)}.crumbs span{margin:0 6px}.page-title{font-size:clamp(30px,5vw,46px);font-weight:600}.lede{color:var(--ink-2);max-width:640px;margin:8px 0 0;font-size:16.5px}.meta{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chip{color:var(--ink-2);background:var(--surface);box-shadow:var(--shadow);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;text-decoration:none;display:inline-flex}.chip i{background:var(--lime);border-radius:50%;width:7px;height:7px}.tool{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:20px;margin-top:28px;display:grid}@media (width<=900px){.tool{grid-template-columns:minmax(0,1fr)}}.card{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow)}.inputs-card{padding:24px}.seg{background:var(--field);border-radius:999px;gap:4px;padding:5px;display:flex}.seg button{color:var(--ink-2);font:500 14px var(--font);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;flex:1;padding:9px 12px}.seg button[aria-selected=true],.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 2px 8px #00000014}@media (width<=420px){.seg button{padding:9px 8px;font-size:13px}}.row-head{justify-content:space-between;align-items:center;gap:12px;margin:22px 0 12px;display:flex}.row-head h2{font-size:16px;font-weight:600}.units button{flex:none;padding:6px 12px;font-size:13px}.fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field.full{grid-column:1/-1}.field label{color:var(--ink-2);padding-left:4px;font-size:13px;font-weight:500}.input-wrap{position:relative}.input-wrap input,.input-wrap select{border-radius:var(--r-md);background:var(--field);width:100%;height:52px;color:var(--ink);font:500 16px var(--font);font-variant-numeric:tabular-nums;appearance:none;border:1.5px solid #0000;padding:0 52px 0 16px}.input-wrap select{cursor:pointer;padding-right:36px}.input-wrap input:focus,.input-wrap select:focus{border-color:var(--lime);background:var(--surface);outline:none}.unit{color:var(--ink-3);pointer-events:none;font-size:13px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.hint{color:var(--ink-3);margin:10px 4px 0;font-size:12.5px}.sep{background:var(--line);height:1px;margin:22px 0 0}.results{flex-direction:column;gap:16px;min-width:0;display:flex}.hero{padding:8px 8px 14px}.hero-inner{border-radius:var(--r-lg);background:var(--hero-grad);min-height:150px;padding:26px 24px;position:relative;overflow:hidden}.hero-label{color:var(--ink-2);font-size:15px}.hero-num{letter-spacing:-.02em;max-width:62%;margin-top:6px;font-size:clamp(40px,7vw,52px);font-weight:700;line-height:1.1}.hero-num small{color:var(--ink-2);margin-left:4px;font-size:20px;font-weight:600}.hero-art{width:150px;height:150px;position:absolute;bottom:-6px;right:6px}@media (width<=420px){.hero-art{width:112px;height:112px;right:-6px}}.hero-foot{text-align:center;color:var(--ink-2);margin-top:12px;padding:0 8px;font-size:14px}.stats{grid-template-columns:1fr 1fr;gap:16px;display:grid}.stat{min-width:0;padding:20px}.stat-head{align-items:center;gap:12px;font-size:15px;font-weight:600;display:flex}.tile{background:var(--field);width:44px;height:44px;color:var(--ink);border-radius:14px;flex:none;place-items:center;display:grid}.stat-big{letter-spacing:-.01em;margin-top:16px;font-size:26px;font-weight:600}.stat-sub{color:var(--ink-3);font-size:12.5px}.meter{background:var(--field);border-radius:99px;height:8px;margin-top:14px;overflow:hidden}.meter span{background:var(--lime);border-radius:99px;height:100%;transition:width .3s;display:block}.meter.purple span{background:var(--purple)}@media (width<=420px){.stats{gap:12px}.stat{padding:16px}.stat-big{font-size:22px}.stat-head{gap:10px;font-size:14px}.tile{width:38px;height:38px}}.tip{border-radius:var(--r-xl);color:#fff;background:radial-gradient(120% 140% at 100% 50%, #2a4a12 0%, var(--dark) 55%);min-height:170px;padding:24px;position:relative;overflow:hidden}.tip-badge{color:#111;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.tip h3{max-width:70%;margin-top:14px;font-size:clamp(19px,2.6vw,23px);font-weight:500}.tip p{color:#ffffffbf;max-width:70%;margin:10px 0 0;font-size:14px}.tip p b{color:#fff;font-weight:600}.tip-art{width:120px;height:120px;position:absolute;bottom:10px;right:14px}@media (width<=420px){.tip-art{width:88px;height:88px;right:4px}.tip h3,.tip p{max-width:72%}}.chart{background:var(--lime);border-radius:var(--r-xl);color:#fff;padding:22px 22px 0;overflow:hidden}.chart-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.chart-head h3{font-size:19px;font-weight:500}.pill-select{color:#111;font:500 13.5px var(--font);appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23111' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center no-repeat;border:0;border-radius:999px;padding:8px 32px 8px 16px}.bars{justify-content:center;align-items:flex-end;gap:10px;height:170px;margin-top:18px;display:flex}.bar{flex-direction:column;flex:0 72px;justify-content:flex-end;align-items:center;min-width:0;height:100%;display:flex}.bar .val{white-space:nowrap;margin-bottom:6px;font-size:13px;font-weight:600}.bar .col{background:#fff6;border-radius:6px 6px 0 0;width:100%;transition:height .35s}.bar.on .col{background:repeating-linear-gradient(135deg,#fff 0 6px,#ffffff8c 6px 12px)}.bar .lbl{color:#ffffffeb;white-space:nowrap;padding:8px 0 12px;font-size:12.5px}.actions{gap:10px;display:flex}.btn{font:500 14px var(--font);cursor:pointer;background:var(--surface);color:var(--ink);box-shadow:var(--shadow);border:0;border-radius:999px;padding:12px 20px;text-decoration:none;display:inline-block}.btn.dark{background:var(--dark);color:#fff}.ad{border-radius:var(--r-lg);color:var(--ink-3);letter-spacing:.1em;text-transform:uppercase;background:var(--surface);border:1.5px dashed var(--line);place-items:center;font-size:11.5px;display:grid}.ad-after-calc{min-height:250px;margin-top:48px}.ad-in-article{min-height:250px;margin:36px 0}.ad-sidebar{min-height:600px}.below{grid-template-columns:minmax(0,1fr) 300px;gap:32px;padding:40px 0 64px;display:grid}@media (width<=980px){.below{grid-template-columns:minmax(0,1fr)}.sidebar{display:none}}.article{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow);min-width:0;padding:clamp(22px,4vw,44px)}.article>:first-child{margin-top:0}.article h2{margin:40px 0 12px;font-size:24px;font-weight:600}.article h3{margin:26px 0 8px;font-size:18px;font-weight:600}.article p,.article li{color:var(--ink-2)}.article ol,.article ul{padding-left:22px}.article strong{color:var(--ink);font-weight:600}.article a{color:var(--lime-2);font-weight:500}.formula{background:var(--dark);color:#e9f7dc;border-radius:var(--r-md);padding:18px 20px;font:500 14.5px/1.9 ui-monospace,SF Mono,Menlo,monospace;overflow-x:auto}.table-wrap{border-radius:var(--r-md);background:var(--field);overflow-x:auto}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14.5px}th,td{text-align:left;white-space:nowrap;padding:12px 16px}th{color:var(--ink);border-bottom:1px solid var(--line);font-weight:600}td{color:var(--ink-2);border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}.examples{gap:12px;display:grid}.example{background:var(--field);border-radius:var(--r-lg);padding:18px 20px}.example .tag{background:var(--lime-soft);color:var(--lime-2);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.example p{margin:10px 0 0}details{background:var(--field);border-radius:var(--r-md);margin-bottom:10px;padding:16px 20px}details summary{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;gap:12px;font-weight:500;list-style:none;display:flex}details summary::-webkit-details-marker{display:none}details summary:after{content:"+";background:var(--surface);width:26px;height:26px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;line-height:1;display:grid}details[open] summary:after{content:"–";background:var(--lime);color:#fff}details p{margin:10px 0 0}.related{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.tool-card{background:var(--field);border-radius:var(--r-lg);padding:18px;text-decoration:none;transition:transform .15s,background .15s;display:block}.tool-card:hover{background:var(--lime-soft);transform:translateY(-2px)}.tool-card .tile{background:var(--surface);margin-bottom:12px}.tool-card b{font-size:15px;font-weight:600;display:block}.tool-card span{color:var(--ink-3);font-size:13px}.article .tool-card{color:var(--ink);font-weight:400}.sidebar{flex-direction:column;gap:20px;display:flex}.side-card{padding:22px}.side-card h3{margin-bottom:10px;font-size:16px;font-weight:600}.side-links{gap:4px;margin:0;padding:0;list-style:none;display:grid}.side-links a{color:var(--ink-2);border-radius:14px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14.5px;text-decoration:none;display:flex}.side-links a:hover,.side-links a.active{background:var(--field);color:var(--ink)}.side-links a.active:after{content:"";background:var(--lime);border-radius:50%;width:8px;height:8px}.sticky{position:sticky;top:20px}.home-hero{border-radius:var(--r-xl);background:radial-gradient(120% 140% at 100% 50%, #2a4a12 0%, var(--dark) 55%);color:#fff;margin-top:28px;padding:clamp(28px,5vw,56px);position:relative;overflow:hidden}.home-hero h1{max-width:620px;font-size:clamp(32px,5.5vw,56px);font-weight:600}.home-hero p{color:#ffffffbf;max-width:520px;font-size:16.5px}.home-hero .tip-art{aspect-ratio:1;width:clamp(120px,22vw,240px);height:auto;bottom:50%;right:clamp(10px,4vw,60px);transform:translateY(50%)}@media (width<=640px){.home-hero .tip-art{opacity:.35}}.cat-block{margin-top:36px}.cat-block h2{margin-bottom:14px;font-size:22px;font-weight:600}.grid-tools{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.grid-tools .tool-card{background:var(--surface);box-shadow:var(--shadow)}.grid-tools .tool-card .tile{background:var(--field)}.page-card{max-width:820px;margin:28px 0 64px}footer{color:var(--ink-3);padding:0 0 40px;font-size:13.5px}footer .wrap{flex-wrap:wrap;justify-content:space-between;gap:16px;display:flex}footer nav{flex-wrap:wrap;gap:18px;display:flex}footer a{text-decoration:none}footer a:hover{color:var(--ink)}.tabbar{display:none}@media (width<=860px){.tabbar{z-index:10;background:var(--surface);border-top:1px solid var(--line);padding:8px 8px calc(10px + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--ink-3);flex-direction:column;align-items:center;gap:2px;min-width:56px;font-size:12px;text-decoration:none;display:flex}.tabbar a.active{color:var(--ink);font-weight:500}.tabbar .fab{background:radial-gradient(circle at 35% 30%, #a6ec6a, var(--lime-2));width:60px;min-width:0;height:60px;box-shadow:0 8px 20px #58c00d73, 0 0 0 6px var(--surface);border-radius:50%;place-items:center;margin-top:-26px;display:grid}footer{padding-bottom:110px}}@media (width>=901px){.tool>.inputs-card{position:sticky;top:20px}}