:root{color:#0b123f;font-synthesis:none;--muted:#526787;--blue:#0879f7;--panel:#ffffffb5;--line:#e0e7f1;background:#f1f6fc;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #40a6ff}button{background:0 0;border:0}svg{flex-shrink:0}h1,h2,h3,p{margin:0}.container{width:calc(100% - 80px);max-width:1368px;margin:auto}.site-header{z-index:2;background:#fbfdffed;border-bottom:1px solid #e6edf5;height:58px;position:relative}.header-inner{align-items:center;gap:19px;height:100%;display:flex}.brand{white-space:nowrap;align-items:center;gap:14px;display:flex}.brand-icon{color:#fff;background:linear-gradient(145deg,#0788ff,#0070ed);border:1px solid #348ff0;border-radius:9px;place-items:center;width:45px;height:45px;display:grid;box-shadow:inset 0 1px 2px #ffffff69}.brand-icon svg{width:29px;height:32px}.brand strong{letter-spacing:-1px;font-size:26px;font-weight:800;line-height:28px;display:block}.brand strong span{color:#0771e9}.brand small{color:var(--muted);font-size:11px;display:block}.main-nav{white-space:nowrap;align-items:center;gap:26px;height:100%;margin-left:auto;display:flex}.main-nav a{align-items:center;gap:3px;height:100%;font-size:12px;display:flex;position:relative}.main-nav a.active{color:#0066d8}.main-nav a.active:after{content:"";background:#2585ea;height:3px;position:absolute;bottom:11px;left:-5px;right:-5px}.main-nav svg{width:11px;height:11px}.search{background:#f8fbff;border:1px solid #d8e2ef;border-radius:8px;align-items:center;gap:12px;width:333px;min-width:200px;height:35px;margin-left:auto;padding:0 12px;display:flex}.search svg{color:#2a426d;width:18px;height:18px}.search input{width:100%;min-width:0;color:var(--muted);background:0 0;border:0;outline:none;font-size:11px}.search input::placeholder{color:#667895}.language{white-space:nowrap;background:#f8fbff;border:1px solid #e3eaf4;border-radius:15px;align-items:center;gap:5px;padding:8px 9px;display:flex}.language svg{width:16px;height:16px}.language select{color:inherit;background:0 0;border:0;max-width:75px;font-size:12px}.theme-toggle{background:#edf3fa;border-radius:18px;flex-shrink:0;place-items:center;width:37px;height:35px;display:grid}.moon{background:#0b123f;border-radius:50%;width:18px;height:18px;position:relative;overflow:hidden}.moon:after{content:"";background:#edf3fa;border-radius:50%;width:17px;height:17px;position:absolute;top:-5px;left:7px}.favorites-toggle{white-space:nowrap;border:1px solid #dce6f2;border-radius:10px;align-items:center;gap:8px;height:35px;padding:0 9px;font-size:12px;font-weight:600;display:flex}.pink-heart{color:#f50076;font-size:29px;line-height:1}.favorites-toggle b{color:#fff;background:#0879f7;border-radius:50%;place-items:center;width:21px;height:21px;font-size:12px;display:grid}.mobile-menu{display:none}.hero{background:radial-gradient(at 20% 18%,#fff 0%,#0000 60%),linear-gradient(140deg,#e8f3ff,#edf6ff 40%,#dcefff 40.2%,#f3faff 60%,#d0e4f4);border-bottom:2px solid #fff;height:272px;position:relative;overflow:hidden}.hero:before{content:"";filter:blur(5px);background:radial-gradient(at 20% 10%,#559a1b 0,#0000 24%),radial-gradient(at 20% 45%,#327523 0,#0000 27%),radial-gradient(at 20% 85%,#73933b 0,#0000 27%);width:65px;height:179px;position:absolute;top:87px;left:-28px;transform:rotate(-10deg)}.hero-inner{grid-template-columns:44% 56%;align-items:center;gap:0;height:100%;display:grid}.hero-copy{padding:13px 20px 0}.hero h1{letter-spacing:-1.9px;font-size:46px;font-weight:800;line-height:.99}.hero h1 span{color:#0775f0;-webkit-text-fill-color:transparent;background:linear-gradient(#0987ff,#0664df) text;font-size:49px}.hero h2{color:#4f6383;margin-top:3px;font-size:19px;font-weight:700;line-height:27px}.hero-copy>p{color:var(--muted);font-size:16px;line-height:22px}.stats{grid-template-columns:1fr 1fr 1.02fr;gap:13px;margin-top:10px;display:grid}.stat{background:linear-gradient(125deg,#ffffffef,#f5f9ffe0);border:1px solid #e2eaf6;border-radius:11px;align-items:center;gap:13px;height:62px;padding:6px 11px;display:flex;box-shadow:0 5px 13px #679ed61a}.icon-tile{width:46px;height:46px;color:var(--tile);background:var(--tile-bg);border-radius:15px;flex-shrink:0;place-items:center;display:grid}.icon-tile svg{stroke-width:2.6px;width:29px;height:29px}.blue{--tile:#0579f5;--tile-bg:#e7f1ff}.purple{--tile:#8c20eb;--tile-bg:#f0e7fc}.pink{--tile:#f32074;--tile-bg:#ffedf4}.green{--tile:#08aa79;--tile-bg:#e0fbf1}.orange{--tile:#f37506;--tile-bg:#fff1e5}.cyan{--tile:#087bf0;--tile-bg:#e3f7ff}.stat .icon-tile{width:53px;height:48px}.stat .icon-tile svg{width:32px;height:32px}.stat strong{letter-spacing:-.7px;font-size:22px;display:block}.stat div>span{color:#3e587e;white-space:nowrap;font-size:14px}.showcase{isolation:isolate;background:radial-gradient(circle,#292d2d 1.5px,#959c9e 2px,#ebeff0 2.9px,#0000 3px) 11px 1px/24px 24px,linear-gradient(100deg,#d6d3cc,#ebe7df 20%,#abb4bb 47%,#d0d7dc 67%,#aeb8be);border:2px solid #bcc3c8;border-radius:17px;align-items:center;gap:23px;height:249px;margin-left:17px;padding:10px 14px 9px 28px;display:flex;position:relative;box-shadow:inset 0 0 0 2px #eef1f1,inset 0 -3px 6px #48535b87,3px 9px 12px #31567770}.showcase:after,.category-card:after,.metal-note:after{content:"";border-radius:inherit;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.55' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.screw{z-index:2;background:radial-gradient(circle at 39% 33%,#c6d5e1 0 15%,#6a7f8e 21%,#d9e3e8 31%,#82949e 43%,#344651 58%,#c7cfd5 67%,#78838a 77%,#e1e8ec 85%);border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 1px 2px #132c5070}.screw:after{content:"";background:#4e5960;width:5px;height:1px;position:absolute;top:5px;left:3px;transform:rotate(-46deg)}.top-left{top:7px;left:7px}.top-right{top:7px;right:7px}.bottom-left{bottom:7px;left:7px}.bottom-right{bottom:7px;right:7px}.showcase>.screw{width:16px;height:16px}.showcase>.screw:after{top:7px;left:5px}.paper-note{text-align:center;color:#101a3f;background:linear-gradient(110deg,#fffdf6,#eae2d4);border:1px solid #eadfce;width:124px;min-width:124px;height:160px;margin:22px 1px 0 10px;padding:31px 4px 0;font-family:Caveat,cursive;font-size:22px;line-height:23px;transform:rotate(-4deg);box-shadow:3px 5px 4px #30291d6e,inset 0 0 12px #fff7ed}.paper-note svg{width:84px;height:22px}.paper-pin{background:linear-gradient(90deg,#00428f,#048efa 55%,#005ac5);border-radius:10px;width:14px;height:34px;position:absolute;top:-25px;left:53px;transform:rotate(10deg);box-shadow:1px 2px 2px #3c465c}.paper-pin:before,.paper-pin:after{content:"";background:#bed8e5;border-radius:50%;width:5px;height:6px;position:absolute;top:4px;left:5px;box-shadow:inset 1px 1px 3px #03182a}.paper-pin:after{top:22px}.calculator-body{z-index:1;background:linear-gradient(110deg,#465362,#252d38 28%,#151d28 75%,#0b111b);border:3px solid #5e6875;border-radius:16px;align-self:center;width:158px;min-width:158px;height:236px;padding:10px 10px 9px;box-shadow:inset 1px 1px 2px #f3f6ff91,inset -3px -3px 3px #04090f,3px 4px 3px #0007}.calculator-brand{color:#fff;text-shadow:0 2px 2px #000;margin:0 3px 4px;font-size:11px;display:block}.calculator-display{text-align:right;color:#1d393a;background:linear-gradient(105deg,#789b9b,#9bbbb6);border:3px solid #151c23;border-radius:5px;height:63px;padding:7px 9px;font-family:Barlow Condensed,monospace;font-size:13px;line-height:14px;overflow:hidden;box-shadow:inset 2px 3px 6px #1f373ccc,0 1px 1px #fff7}.calculator-display.output{padding:5px;font-size:23px;line-height:40px}.calculator-keys{grid-template-columns:repeat(4,1fr);gap:4px 5px;margin-top:9px;display:grid}.calculator-keys button{color:#fff;text-shadow:0 1px 2px #000;background:linear-gradient(#586371,#29333f);border:1px solid #151c27;border-radius:5px;height:21px;padding:0;font-size:16px;line-height:19px;box-shadow:inset 0 1px 1px #a2acb3a1,0 2px 2px #000}.calculator-keys button:active{filter:brightness(1.3);transform:translateY(1px)}.calculator-keys button.memory{height:20px;font-size:10px}.calculator-keys button.equals{background:linear-gradient(100deg,#ff972f,#fb6608);border-color:#c95b06;grid-area:4/4/6;height:100%;font-size:21px}.hanging-tabs{align-items:center;gap:10px;margin-left:2px;display:flex}.hanging-tab{color:#fff;background:linear-gradient(105deg,#40b5ff,#0381f4 65%,#005abd);border:1px solid #2688c9;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:51px;height:163px;display:flex;position:relative;box-shadow:inset 2px 1px 2px #d6f4ffd1,inset -2px -3px 3px #03255483,3px 4px 4px #0006}.hanging-tab.green{background:linear-gradient(105deg,#42c887,#0c9a57 65%,#007145);border-color:#329571}.hanging-tab.yellow{color:#293420;background:linear-gradient(105deg,#ffe786,#ffd04a 65%,#efb019);border-color:#d2af39}.hanging-tab.purple{background:linear-gradient(105deg,#b16af4,#8a2ede 65%,#6216ac);border-color:#7c43af}.hanging-tab svg{filter:drop-shadow(1px 2px 1px #0007);stroke-width:3px;width:32px;height:32px}.hanging-tab span{font-family:Barlow Condensed,Arial,sans-serif;font-size:13px}.tab-hook{border:2px solid #94afbf;border-radius:5px;width:7px;height:17px;position:absolute;top:-4px;left:21px;box-shadow:1px 1px 2px #08283a,inset 1px 0 #fff}.tab-screw{background:#10466366;border:2px solid #c6d6e178;border-radius:50%;width:10px;height:10px;position:absolute;bottom:9px;left:21px;box-shadow:1px 1px 2px #122c39}.metal-note{text-align:center;background:repeating-linear-gradient(92deg,#ffffff14 0,#81909c22 1px,#0000 2px 4px),linear-gradient(100deg,#dbe1e5,#b7c4cf);border:2px solid #9aa5ae;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:111px;min-width:111px;height:170px;padding-top:5px;font-family:Caveat,cursive;font-size:22px;line-height:22px;display:flex;position:relative;transform:rotate(.3deg);box-shadow:inset 0 0 3px #fff,3px 4px 4px #0008}.metal-note .screw{width:12px;height:12px}.smile{margin-top:7px;margin-left:37px;font-family:Arial;font-size:34px;line-height:28px;position:relative;transform:rotate(-18deg)}.smile i{letter-spacing:5px;font-size:13px;position:absolute;top:-7px;left:5px}.content{padding-top:10px;padding-bottom:10px}.section-heading{align-items:center;gap:14px;height:48px;margin-bottom:5px;display:flex}.heading-icon{color:#087af4;width:32px;height:35px}.section-heading h2{letter-spacing:-.5px;font-size:21px;line-height:24px}.section-heading p{color:var(--muted);font-size:13px;line-height:19px}.view-all{color:#0064d6;white-space:nowrap;align-items:center;gap:9px;margin-left:auto;padding-right:9px;font-size:12px;display:flex}.view-all svg{width:18px;height:18px}.category-grid{grid-template-columns:repeat(4,1fr);gap:15px 16px;display:grid}.category-card{border:1px solid var(--edge);background:linear-gradient(115deg,var(--light),var(--surface));height:99px;box-shadow:inset 0 2px 2px #ffffffe0,inset 0 -3px 4px var(--shadow),1px 5px 7px #253b5726;--light:#b5dfff;--surface:#92c3f4;--edge:#91bdf1;--shadow:#488ee47a;--icon-light:#36a7ff;--icon-dark:#0374ed;--icon-edge:#3699f7;border-radius:11px;align-items:center;gap:20px;padding:10px 26px;transition:transform .15s,box-shadow .15s;display:flex;position:relative}.category-card:hover{transform:translateY(-2px);box-shadow:inset 0 2px 2px #fff,1px 7px 10px #253b573a}.category-card.green{--light:#a4e9c3;--surface:#77d0ad;--edge:#86c7a1;--shadow:#24865070;--icon-light:#28b679;--icon-dark:#00864d;--icon-edge:#39b782}.category-card.rose{--light:#ff9cac;--surface:#f0859a;--edge:#e78496;--shadow:#ac2b4b6b;--icon-light:#e73368;--icon-dark:#b50945;--icon-edge:#e34272}.category-card.orange{--light:#ffd382;--surface:#fac164;--edge:#e8b15b;--shadow:#d584126b;--icon-light:#ff980d;--icon-dark:#de6500;--icon-edge:#ef9d38}.category-card.purple{--light:#ddb4ff;--surface:#c4a0ee;--edge:#c4a1e5;--shadow:#9252bf6b;--icon-light:#9948dc;--icon-dark:#6a23b0;--icon-edge:#a45cdd}.category-card.slate{--light:#c7d4df;--surface:#afbdcb;--edge:#a6b3c1;--shadow:#69798b6b;--icon-light:#667c8f;--icon-dark:#354959;--icon-edge:#7c91a1}.category-card.brown{--light:#e5bd98;--surface:#cea07d;--edge:#bb906b;--shadow:#965f326b;--icon-light:#a77b5b;--icon-dark:#6d4730;--icon-edge:#ae8568}.category-card.silver{--light:#fff;--surface:#e8edf3;--edge:#dbe2ea;--shadow:#8999a66b;--icon-light:#94a5b4;--icon-dark:#657889;--icon-edge:#a3b0bf}.category-icon{color:#fff;background:linear-gradient(135deg,var(--icon-light),var(--icon-dark));border:1px solid var(--icon-edge);border-radius:13px;flex-shrink:0;place-items:center;width:73px;height:73px;display:grid;box-shadow:inset 1px 1px 2px #ffffff58,1px 4px 6px #26374942}.category-icon svg{stroke-width:2.5px;filter:drop-shadow(1px 2px 1px #2333416e);width:41px;height:41px}.category-copy{z-index:1;align-self:center;min-width:0}.category-copy h3{letter-spacing:-.45px;white-space:nowrap;font-size:16px;line-height:21px}.category-copy>span{color:#244561;font-size:13px;line-height:22px}.category-copy p{color:#314d6a;white-space:nowrap;letter-spacing:-.2px;margin-top:5px;font-size:12px;line-height:18px}.category-arrow{color:#49617b;z-index:1;background:#ffffffad;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;position:absolute;bottom:17px;right:13px;box-shadow:0 2px 2px #314b6622}.category-arrow svg{width:18px;height:18px}.tools-layout{grid-template-columns:3.04fr 1fr;gap:10px;margin-top:18px;display:grid}.panel{border:1px solid var(--line);background:linear-gradient(120deg,#ffffffd9,#f8fbffb8);border-radius:11px;box-shadow:0 2px 3px #93b0d30b}.popular{min-width:0;padding:4px 15px 16px}.popular .section-heading{gap:14px;height:47px;margin-bottom:5px}.popular h2{font-size:20px}.flame{font-size:34px;line-height:40px;display:block}.calculator-grid{grid-template-columns:repeat(4,1fr);gap:8px 10px;display:grid}.tool-card{background:linear-gradient(120deg,#fff8,#f8faff44);border:1px solid #e0e7f1;border-radius:7px;min-width:0;height:62px;position:relative}.tool-card>a{align-items:center;gap:16px;height:100%;padding:6px 7px;display:flex}.tool-card .icon-tile{width:46px;height:46px}.tool-card h3{letter-spacing:-.25px;white-space:nowrap;font-size:12px;font-weight:600;line-height:19px}.tool-card p{color:var(--muted);white-space:nowrap;letter-spacing:-.15px;font-size:11px;line-height:18px}.favorite-star{color:#8599b7;opacity:0;width:17px;height:17px;padding:0;position:absolute;top:6px;right:7px}.favorite-star.selected,.tool-card:nth-child(4) .favorite-star,.tool-card:hover .favorite-star,.favorite-star:focus-visible{opacity:1}.favorite-star svg{stroke-width:1.7px;width:15px;height:15px}.recent{padding:0 19px}.recent-heading{border-bottom:1px solid #e7edf4;align-items:center;gap:13px;height:46px;display:flex}.recent-heading>svg{width:22px;height:22px}.recent-heading h2{letter-spacing:-.5px;font-size:16px}.recent-heading button{color:#0067db;margin-left:auto;padding:0;font-size:12px}.recent-item{border-bottom:1px solid #e7edf4;align-items:center;gap:16px;height:45px;display:flex}.recent-item:last-child{border:0}.recent-item .icon-tile{border-radius:12px;width:37px;height:35px}.recent-item .icon-tile svg{width:23px;height:23px}.recent-item h3{letter-spacing:-.2px;font-size:12px;font-weight:500;line-height:18px}.recent-item p{color:var(--muted);font-size:11px;line-height:15px}.recent-item .pin{color:#6c95c4;fill:#bad6f7;stroke-width:1.4px;width:16px;height:16px;margin-left:auto}.feature-banner{justify-content:space-between;align-items:center;gap:16px;height:77px;margin-top:9px;padding:11px 21px;display:flex}.feature{border-right:1px solid #edf1f7;align-items:center;gap:17px;padding-right:22px;display:flex}.feature:nth-child(4){border:0;padding:0}.feature .icon-tile{border-radius:18px;width:54px;height:51px}.feature .icon-tile svg{width:31px;height:31px}.feature h3{letter-spacing:-.4px;white-space:nowrap;font-size:14px;line-height:22px}.feature p{color:var(--muted);white-space:nowrap;font-size:12px;line-height:19px}.primary-button{color:#fff;white-space:nowrap;background:linear-gradient(#0786ff,#006bed);border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:14px 23px;font-size:12px;font-weight:500;display:flex}.primary-button svg{width:17px;height:17px}.footer{background:#ffffffb5;border-top:1px solid #e5ebf4}.footer-main{align-items:center;gap:30px;height:56px;display:flex}.footer .brand-icon{border-radius:6px;width:39px;height:39px}.footer .brand-icon svg{width:25px;height:27px}.footer .brand strong{letter-spacing:-.7px;font-size:19px;line-height:24px}.footer .brand small{font-size:10px}.footer nav{align-items:center;gap:28px;margin:auto;font-size:11px;display:flex}.footer nav button{padding:0;font-size:11px}.socials{align-items:center;gap:15px;font-size:25px;display:flex}.social-circle{color:#fff;background:#0b123f;border-radius:50%;place-items:center;width:19px;height:19px;font-family:Georgia,serif;font-size:20px;font-weight:700;display:grid}.linkedin{color:#fff;background:#0b123f;border-radius:3px;padding:1px 2px;font-size:14px;font-weight:700;line-height:17px}.footer .language{border-radius:7px}.footer-bottom{color:#657996;border-top:1px solid #e8edf5;justify-content:space-between;padding:8px 0 12px;font-size:11px;display:flex}dialog{border:1px solid var(--line);max-width:450px;color:inherit;background:#f8fbff;border-radius:15px;padding:30px;box-shadow:0 20px 90px #10294d40}dialog::backdrop{background:#07153266}dialog p{color:var(--muted);margin-top:14px;line-height:1.6}.dialog-close{font-size:26px;position:absolute;top:5px;right:10px}.tool-page{min-height:75vh;padding:45px 0}.tool-page>p{color:var(--muted);margin:15px 0 25px}.tool-form{gap:20px;max-width:620px;padding:28px;display:grid}.tool-form label{gap:8px;font-weight:600;display:grid}.tool-form input,.tool-form select,.tool-form textarea{color:#102346;font:inherit;background:#fff;border:1px solid #ccd9e9;border-radius:7px;width:100%;padding:12px}.tool-form output{overflow-wrap:anywhere;background:#e7f3ff;border-radius:8px;padding:20px;font-size:22px}.tool-form small{color:var(--muted);line-height:1.5}.back-link{color:var(--blue);margin-bottom:22px;display:block}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:20px}body.dark{color:#e2e8f0;--muted:#94a3b8;--line:#334155;--panel:#1e293b;background:#0f172a}.dark .site-header,.dark .footer,.dark .panel{background:#16243a;border-color:#24364f}.dark .hero{background:linear-gradient(130deg,#162b46,#203b63)}.dark .hero h2,.dark .hero-copy>p{color:#cbd5e1}.dark .stat,.dark .search,.dark .language,.dark .tool-card{background:#1e293b;border-color:#334155}.dark .stat div>span{color:#cbd5e1}.dark .category-card{color:#0f172a}.dark dialog{background:#16243a}.dark .tool-form output{background:#203b5f}.dark .brand strong{color:#e2e8f0}.dark .tool-card p,.dark .category-copy p{color:#94a3b8}.dark .tool-card h3{color:#e2e8f0}@media (width>=1400px){.header-inner{gap:19px}.main-nav{margin-left:64px}.hero-inner{grid-template-columns:44% 56%}.showcase{gap:23px}.hero-copy{padding-left:20px;padding-right:0}.stats{margin-right:5px}}@media (width>=1600px){.hero-inner{grid-template-columns:44% 56%}}@media (width<=1390px) and (width>=1101px){.header-inner{gap:13px}.main-nav{gap:18px}.brand strong{font-size:24px}.search{width:280px;min-width:180px}.showcase{gap:12px;padding-left:18px}.paper-note{width:110px;min-width:110px;margin-left:7px}.hanging-tabs{gap:8px}.hanging-tab{width:46px}.metal-note{width:99px;min-width:99px}.hero h1{font-size:42px}.hero h1 span{font-size:45px}.category-card{gap:15px;padding-left:23px;padding-right:15px}.category-copy h3{font-size:14px}.category-icon{width:64px;height:73px}.category-copy p{font-size:11px}.tool-card>a{gap:9px}.tool-card p{font-size:10px}.feature{gap:12px;padding-right:12px}.feature h3{font-size:12px}.feature p{font-size:11px}.primary-button{padding:14px 16px}}@media (width<=1100px){.container{width:calc(100% - 40px)}.header-inner{gap:12px}.main-nav{gap:15px;margin-left:auto}.main-nav a{font-size:11px}.brand strong{font-size:22px}.brand-icon{width:39px;height:39px}.search{width:220px;min-width:150px}.header-inner>.language,.favorites-toggle>span:nth-child(2){display:none}.hero{height:auto}.hero-inner{grid-template-columns:1fr 1fr;gap:20px;padding:18px 0}.hero-copy{padding:0}.hero h1{letter-spacing:-1.3px;font-size:34px}.hero h1 span{font-size:35px}.hero h2{font-size:15px}.hero-copy>p{font-size:13px;line-height:19px}.stats{gap:6px}.stat{gap:7px;padding:5px}.stat .icon-tile{width:35px;height:40px}.stat .icon-tile svg{width:25px}.stat strong{font-size:18px}.stat div>span{font-size:10px}.showcase{transform-origin:0;justify-self:start;width:740px;margin:0 -289px 0 0;transform:scale(.61)}.category-grid{grid-template-columns:repeat(2,1fr)}.tools-layout{grid-template-columns:1fr 290px}.calculator-grid{grid-template-columns:repeat(2,1fr)}.recent{align-self:start}.feature-banner{flex-wrap:wrap;justify-content:space-between;height:auto;padding:18px}.feature{border:0;gap:9px;width:calc(25% - 15px);padding:0}.feature .icon-tile{width:40px;height:43px}.feature h3{white-space:normal;font-size:11px;line-height:17px}.feature p{white-space:normal;font-size:10px;line-height:15px}.feature-banner .primary-button{margin-left:auto}.footer nav,.footer-main{gap:15px}.socials{gap:10px}.footer .brand{gap:8px}}@media (width<=760px){.container{width:calc(100% - 32px)}.site-header{height:64px}.header-inner{gap:10px}.brand{gap:8px}.brand strong{font-size:21px;line-height:24px}.brand small{font-size:9px}.brand-icon{border-radius:8px;width:36px;height:39px}.brand-icon svg{width:25px;height:28px}.header-inner>.search{display:none}.main-nav{background:#f8fbff;height:auto;padding:15px 20px;display:none;position:absolute;top:64px;left:0;right:0;box-shadow:0 8px 12px #17335422}.main-nav.open{flex-wrap:wrap;justify-content:space-around;display:flex}.main-nav a{height:35px;font-size:13px}.main-nav a.active:after{bottom:0}.theme-toggle{width:32px;height:32px;margin-left:auto}.favorites-toggle{border:0;gap:3px;padding:0 4px}.pink-heart{font-size:24px}.favorites-toggle b{width:17px;height:17px;font-size:10px}.mobile-menu{width:26px;height:30px;padding:0;display:block}.hero-inner{flex-direction:column;gap:17px;padding:24px 0 17px;display:flex}.hero-copy{width:100%}.hero h1{letter-spacing:-1.45px;font-size:35px;line-height:1.06}.hero h1 span{letter-spacing:-1.4px;font-size:37px}.hero h2{margin-top:9px;font-size:15px;line-height:21px}.hero-copy>p{margin-top:4px;font-size:13px;line-height:19px}.desktop-break{display:none}.stats{gap:7px;margin-top:15px}.stat{gap:7px;height:59px;padding:6px}.stat .icon-tile{border-radius:10px;width:32px;height:38px}.stat .icon-tile svg{width:24px;height:24px}.stat strong{letter-spacing:-.4px;font-size:18px}.stat div>span{font-size:10px}.showcase{zoom:.483;align-self:center;gap:23px;width:740px;height:249px;margin-right:0;padding-left:28px;transform:none}.content{padding-top:13px}.section-heading{gap:9px;height:auto;min-height:45px;margin-bottom:11px;position:relative}.section-heading h2{font-size:20px}.section-heading p{max-width:265px;font-size:11px;line-height:15px}.heading-icon{width:28px;height:31px}.categories>.section-heading{padding-bottom:21px}.view-all{gap:5px;padding:0;font-size:10px}.categories>.section-heading .view-all{position:absolute;bottom:0;right:0}.view-all svg{width:14px;height:14px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.category-card{border-radius:10px;height:163px;padding:13px 13px 10px;display:block}.category-icon{border-radius:11px;width:49px;height:49px;margin:0 0 9px}.category-icon svg{width:30px;height:30px}.category-copy h3{letter-spacing:-.4px;font-size:13px;line-height:18px}.category-copy>span{font-size:11px;line-height:18px}.category-copy p{white-space:normal;letter-spacing:-.1px;max-width:127px;margin-top:4px;font-size:10px;line-height:14px}.category-arrow{width:26px;height:26px;top:27px;bottom:auto;right:11px}.category-arrow svg{width:15px;height:15px}.category-card .screw{width:9px;height:9px}.category-card .screw:after{width:4px;top:4px;left:2px}.category-card .top-left,.category-card .bottom-left{left:4px}.category-card .top-right,.category-card .bottom-right{right:4px}.category-card .top-left,.category-card .top-right{top:4px}.category-card .bottom-left,.category-card .bottom-right{bottom:4px}.tools-layout{grid-template-columns:1fr;gap:13px;margin-top:16px}.popular{padding:9px 10px 12px}.popular .section-heading{gap:7px;height:51px;margin-bottom:8px;padding-bottom:11px}.popular .section-heading h2{font-size:18px}.popular .section-heading p{font-size:10px}.popular .view-all{font-size:9px;position:absolute;bottom:0;right:0}.flame{font-size:28px}.calculator-grid{gap:8px}.tool-card{height:88px}.tool-card>a{flex-direction:column;align-items:flex-start;gap:5px;padding:7px}.tool-card .icon-tile{border-radius:10px;width:31px;height:31px}.tool-card .icon-tile svg{width:23px;height:23px}.tool-card h3{letter-spacing:-.2px;font-size:11px;line-height:17px}.tool-card p{letter-spacing:-.2px;white-space:normal;font-size:9px;line-height:13px}.favorite-star{opacity:1;top:9px;right:8px}.recent{padding:0 15px 7px}.recent-heading{height:47px}.recent-item{height:49px}.recent-item h3{font-size:13px}.recent-item p{font-size:11px}.feature-banner{gap:19px 10px;margin-top:13px;padding:15px 12px}.feature{gap:8px;width:calc(50% - 5px)}.feature .icon-tile{border-radius:12px;width:37px;height:39px}.feature .icon-tile svg{width:25px;height:25px}.feature h3{letter-spacing:-.2px;font-size:11px;line-height:15px}.feature p{font-size:9px;line-height:14px}.feature-banner .primary-button{width:100%;padding:13px;font-size:12px}.footer-main{flex-wrap:wrap;justify-content:space-between;gap:18px;height:auto;padding:17px 0}.footer .brand{order:0}.footer .language{order:1}.footer nav{order:2;justify-content:space-between;width:100%;margin:0}.socials{order:3;justify-content:center;gap:23px;width:100%}.footer-bottom{gap:8px;padding:10px 0 13px;font-size:9px}.dark .main-nav{background:#17273d}.tool-page{padding:25px 0}.tool-page h1{font-size:29px}.tool-form{padding:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}.flame svg{color:#ff7006;width:37px;height:39px}.hanging-tab.yellow svg{color:#fff}.hanging-tab svg{margin-top:-9px}.hanging-tab{height:163px;transform:translateY(-8px)}.paper-note{padding-top:32px;font-size:21px;line-height:23px}.paper-note>span:not(.paper-pin){letter-spacing:-.6px;display:block}.hero h1{letter-spacing:-2.1px;font-size:45px}.hero h1 span{font-size:48px}@media (width<=760px){.hero h1{letter-spacing:-1.45px;font-size:35px}.hero h1 span{font-size:37px}.flame svg{width:28px;height:33px}}.mobile-search{display:none}.paper-note>span:not(.paper-pin){white-space:nowrap;letter-spacing:-1px;font-size:20px}@media (width>=761px) and (width<=1100px){.hero h1{letter-spacing:-1.3px;font-size:34px}.hero h1 span{font-size:35px}}@media (width<=760px){.mobile-search{border:1px solid #d8e2ef;border-radius:8px;align-items:center;gap:10px;width:100%;margin-top:10px;padding:10px;display:flex}.mobile-search input{width:100%;color:inherit;background:0 0;border:0;outline:0;font-size:13px}.mobile-search svg{width:17px;height:17px}}:root{--tool-pigment:75%;color-scheme:light}.category-card[data-category]:not([data-category=all]){--light:var(--cat-top);--surface:var(--cat-base);--edge:rgba(var(--cat-rgb),.55);--shadow:rgba(var(--cat-rgb),.4);--icon-light:var(--cat-icon);--icon-dark:var(--cat-deep);--icon-edge:rgba(var(--cat-rgb),.65)}.tool-card[data-category]{border-color:rgba(var(--cat-rgb),.38);background:var(--cat-top);background:linear-gradient(115deg,color-mix(in srgb,var(--cat-top) var(--tool-pigment),white),color-mix(in srgb,var(--cat-base) var(--tool-pigment),white));height:100px;transition:transform .15s,box-shadow .15s;box-shadow:inset 0 1px #ffffffb0}.tool-card:hover{box-shadow:0 4px 12px rgba(var(--cat-rgb),.16);transform:translateY(-2px)}.tool-card>a{align-items:center;gap:8px;padding:27px 9px 16px}.tool-card>a>span:last-child{min-width:0}.tool-card h3{white-space:normal;letter-spacing:-.25px;font-size:12px;line-height:16px}.tool-card p{white-space:normal;margin-top:4px;padding-right:15px;font-size:10px;line-height:14px}.tool-card .icon-tile{border-radius:10px;width:36px;height:40px}.tool-card .icon-tile svg{width:27px;height:27px}.tool-card[data-category] .icon-tile,.recent-item[data-category] .icon-tile{color:var(--cat-ink);background:rgba(var(--cat-rgb),.12)}.category-badge{color:var(--cat-ink);background:rgba(var(--cat-rgb),.17);pointer-events:none;white-space:nowrap;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:700;line-height:13px;position:absolute;top:7px;right:8px}.favorite-star{opacity:1;width:28px;height:28px;color:var(--cat-ink);place-items:center;display:grid;top:auto;bottom:1px;right:2px}.favorite-star.selected{color:var(--cat-ink)}.favorite-star.selected svg{fill:currentColor}.category-copy p{white-space:normal;padding-right:14px}.showcase,.metal-note{color:#101a3f}.dark{color-scheme:dark}.dark .hero,.dark .site-header,.dark .footer,.dark .stat,.dark .search,.dark .language,.dark .favorites-toggle,.dark .mobile-search{border-color:var(--line)}.dark .theme-toggle{background:#324a68}.dark .moon{background:#ffda79;box-shadow:0 0 8px #ffd45c40}.dark .moon:after{display:none}.dark .view-all,.dark .recent-heading button,.dark .main-nav a.active{color:#78baff}.dark .search input::placeholder,.dark .mobile-search input::placeholder,.dark .search svg{color:#a8bad5}.dark .mobile-search{background:#20334c}.dark .category-card[data-category]:not([data-category=all]){--light:color-mix(in srgb,var(--cat-top) 25%,#142238);--surface:color-mix(in srgb,var(--cat-base) 35%,#142238);color:#edf4ff;box-shadow:inset 0 1px 1px #ffffff30,inset 0 -2px 3px #0003,1px 4px 7px #0002}.dark .category-card.silver{--light:#344459;--surface:#29394e;--edge:#52617a;color:#edf4ff}.dark .category-copy>span,.dark .category-copy p{color:#d0deec}.dark .category-arrow{color:#253e56;background:#ffffffd4}.dark .tool-card[data-category]{background:linear-gradient(115deg,rgba(var(--cat-rgb),.18),rgba(var(--cat-rgb),.26));border-color:rgba(var(--cat-rgb),.5);box-shadow:inset 0 1px #ffffff12}.dark .tool-card .icon-tile,.dark .recent-item[data-category] .icon-tile,.dark .category-badge,.dark .favorite-star{color:color-mix(in srgb,var(--cat-top) 90%,white)}.dark .category-badge{background:rgba(var(--cat-rgb),.24)}.dark .recent-heading,.dark .recent-item,.dark .footer-bottom,.dark .feature{border-color:var(--line)}.dark .footer-bottom{color:var(--muted)}@media (width>=1101px){.header-inner{gap:13px}.main-nav{gap:22px;margin-left:auto}.search{flex:1;min-width:165px;max-width:310px}.showcase{gap:16px;padding-left:18px}.paper-note{margin-left:4px}.hanging-tabs{gap:8px}.hanging-tab{width:48px}.category-card{gap:16px;padding-left:23px}.category-copy h3{font-size:15px}.feature{gap:12px;padding-right:12px}.feature h3{font-size:12px}.feature p{font-size:11px}}@media (width<=760px){.hero:before{display:none}.header-inner{gap:5px}.theme-toggle{width:44px;height:44px}.mobile-menu{width:36px;height:44px}.favorites-toggle{min-height:44px}.hero h1{font-size:34px}.hero h1 span{font-size:36px}.showcase{zoom:1;touch-action:pan-y;border-radius:15px;grid-template-rows:176px 108px;grid-template-columns:158px minmax(0,1fr);gap:16px 14px;width:100%;height:350px;margin:3px 0 0;padding:18px 14px;display:grid;transform:none}.calculator-body{grid-area:1/1/3;margin:auto 0;transform:rotate(-2deg)}.paper-note{grid-area:1/2;width:100%;min-width:0;height:146px;margin:14px 0 0;padding:25px 2px 0;font-size:18px}.paper-note>span:not(.paper-pin){font-size:18px}.paper-pin{top:-20px;left:45%}.hanging-tabs{grid-area:2/2;justify-content:space-between;align-self:start;gap:5px;margin:0}.hanging-tab{pointer-events:none;border-radius:6px;gap:12px;width:calc(25% - 3.75px);height:94px;transform:none}.hanging-tab svg{width:21px;height:21px;margin-top:0}.hanging-tab span{font-size:9px}.tab-hook{height:12px;left:calc(50% - 3px)}.tab-screw{width:8px;height:8px;bottom:6px;left:calc(50% - 4px)}.metal-note{width:146px;min-width:0;height:39px;padding:3px 13px;font-family:Arial,sans-serif;font-size:10px;line-height:13px;display:block;position:absolute;bottom:14px;left:22px;transform:rotate(-1deg)}.metal-note br,.metal-note .smile{display:none}.metal-note .screw{width:8px;height:8px}.metal-note .screw:after{width:3px;top:3px;left:2px}.calculator-keys button{pointer-events:none;cursor:default}.calculator-keys button:disabled{opacity:1;color:#fff;-webkit-text-fill-color:#fff}.calculator-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-card[data-category]{height:148px}.tool-card>a{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 9px 30px}.tool-card .icon-tile{width:33px;height:35px}.tool-card .icon-tile svg{width:25px;height:25px}.tool-card h3{font-size:12px;line-height:16px}.tool-card p{padding-right:0;font-size:10px;line-height:14px}.category-badge{padding:3px 5px;font-size:9px;top:11px;right:6px}.favorite-star{width:36px;height:32px;bottom:0;right:0}.recent-heading button{min-height:44px}.view-all{min-height:24px}.footer nav button{min-height:36px}}@media (width<=360px){.brand strong{font-size:19px}.brand small{font-size:8px}.brand-icon{width:30px}.showcase{grid-template-columns:148px minmax(0,1fr);gap:16px 10px;padding-left:10px;padding-right:10px}.calculator-body{width:148px;min-width:148px}.paper-note>span:not(.paper-pin){font-size:15px}.hanging-tab span{font-size:8px}.category-badge{padding:3px 4px;font-size:8px}.tool-card .icon-tile{width:29px}}@media (width>=761px) and (width<=900px){.header-inner>.search{display:none}.showcase{margin-right:-400px;transform:scale(.46)}}@media (width>=761px){.hero:before{pointer-events:none;opacity:.95;filter:blur(6px);width:148px;height:calc(100% + 30px);box-shadow:none;background:radial-gradient(62px 52px at 74% 17%,#d6f4aeb3 0%,#6bac45cc 35%,#4c98378c 57%,#0000 79%),radial-gradient(73px 40px at 40% 43%,#a6d879d9 0%,#3f8b3ee0 39%,#62a95499 62%,#0000 88%),radial-gradient(58px 72px at 64% 73%,#d1eba4b3 0%,#64a74cd9 32%,#438d4099 56%,#0000 85%),radial-gradient(67px 140px at 35% 55%,#80b8678c 0%,#a6cc864d 57%,#0000 95%);border-radius:0;display:block;top:-15px;left:-88px;transform:none;-webkit-mask-image:linear-gradient(90deg,#000 0% 75%,#0000 100%);mask-image:linear-gradient(90deg,#000 0% 75%,#0000 100%)}.dark .hero:before{opacity:.65}}@media (width<=760px){.hero:before{display:none}}.recent-item[data-category]{border:1px solid rgba(var(--cat-rgb),.38);background:var(--cat-top);background:linear-gradient(115deg,color-mix(in srgb,var(--cat-top) var(--tool-pigment),white),color-mix(in srgb,var(--cat-base) var(--tool-pigment),white));height:40px;box-shadow:inset 0 1px 0 #ffffffb0,0 1px 3px rgba(var(--cat-rgb),.13);border-radius:7px;gap:12px;margin-top:5px;padding:3px 8px}.recent-item[data-category] .icon-tile{background:rgba(var(--cat-rgb),.12);width:34px;height:32px;color:var(--cat-ink);border-radius:9px;box-shadow:inset 0 1px #ffffff40}.recent-item[data-category] .pin{color:var(--cat-ink);fill:rgba(var(--cat-rgb),.19)}.recent-item[data-category]:hover{box-shadow:inset 0 1px 0 #ffffffb0,0 2px 6px rgba(var(--cat-rgb),.23)}.dark .recent-item[data-category]{background:linear-gradient(115deg,rgba(var(--cat-rgb),.18),rgba(var(--cat-rgb),.26));border-color:rgba(var(--cat-rgb),.5);box-shadow:inset 0 1px #ffffff12,0 1px 3px #0003}.dark .recent-item[data-category] .icon-tile{background:rgba(var(--cat-rgb),.2);color:var(--cat-top);box-shadow:inset 0 1px #ffffff12}.dark .recent-item[data-category] .pin{color:var(--cat-top);fill:rgba(var(--cat-rgb),.3)}.dark .recent-item[data-category]:hover{box-shadow:inset 0 1px #ffffff20,0 2px 6px #0004}@media (width<=760px){.recent-item[data-category]{height:44px}.header-inner>.theme-toggle{visibility:visible;opacity:1;z-index:1;pointer-events:auto;touch-action:manipulation;-webkit-appearance:none;appearance:none;flex-shrink:0;display:grid;position:relative}.header-inner>.theme-toggle>*{pointer-events:none}}.empty-results,.recent-empty{color:var(--muted);padding:24px 0;font-size:13px}.recent-empty{margin:0}.tool-page{padding:22px 0 40px}.tool-page h1{letter-spacing:-1px;font-size:30px;font-weight:800;line-height:1.1}.tool-page .lead{color:var(--muted);max-width:760px;margin-top:8px;font-size:15px;line-height:23px}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:6px;margin:0 0 16px;padding:0;font-size:12px;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";color:#8ea0b8;margin-right:6px}.breadcrumbs a{color:#0064d6}.breadcrumbs a:hover{text-decoration:underline}.dark .breadcrumbs a{color:#78baff}.calc-head{align-items:flex-start;gap:16px;margin-bottom:6px;display:flex}.calc-head>div{min-width:0}.tool-page h1,.category-banner h1,.content-section h2,.field-label{overflow-wrap:break-word;hyphens:auto}.calc-head .icon-tile{width:56px;height:56px;color:var(--cat-ink);background:rgba(var(--cat-rgb),.14);border-radius:15px;box-shadow:inset 0 1px #ffffff80}.calc-head .icon-tile svg{width:32px;height:32px}.calc-head .category-badge{margin-bottom:6px;display:inline-block;position:static}.dark .calc-head .icon-tile,.dark .calc-head .category-badge{color:color-mix(in srgb,var(--cat-top) 90%,white)}.dark .calc-head .category-badge{background:rgba(var(--cat-rgb),.24)}.calc-main,.calc-aside{grid-template-columns:minmax(0,1fr);align-content:start;gap:10px;min-width:0;display:grid}.calc-aside .recent{align-self:start}.calc-widget{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);scroll-margin-top:12px;display:grid;overflow:hidden}.calc-form{grid-template-columns:repeat(6,minmax(0,1fr));align-content:start;gap:14px 12px;min-width:0;max-width:none;padding:22px 24px}.calc-form>*,.field-group>*{grid-column:1/-1;min-width:0}.calc-form .w-half{grid-column:span 3}.calc-form .w-third{grid-column:span 2}.field{align-content:start;gap:6px;display:grid}.calc-form .field-label{font-size:13px;font-weight:600;display:block}.field small{font-size:11.5px;line-height:16px}.field-group{min-width:0;border:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 12px;min-inline-size:0;margin:0;padding:0;display:grid}.field-group+.field-group{margin-top:6px}.field-group legend{letter-spacing:.8px;text-transform:uppercase;color:var(--muted);margin-bottom:12px;padding:0;font-size:11px;font-weight:700}.calc-form input,.calc-form select{min-height:42px;padding:10px 12px;font-size:15px;font-weight:400}.input-wrap{background:#fff;border:1px solid #ccd9e9;border-radius:7px;align-items:center;min-width:0;display:flex}.calc-form .input-wrap input{font-variant-numeric:tabular-nums;background:0 0;border:0;flex:1;min-width:0}.calc-form .input-wrap input:focus-visible{outline:none}.input-wrap:focus-within,.calc-form select:focus,.calc-form input[type=date]:focus{border-color:rgba(var(--cat-rgb),.8);box-shadow:0 0 0 3px rgba(var(--cat-rgb),.18);outline:none}.affix{color:var(--muted);white-space:nowrap;padding:0 10px;font-size:13px;font-weight:600}.affix:first-child{padding-right:0}.sign-toggle{min-width:38px;color:var(--cat-ink);border-left:1px solid #e0e7f1;border-radius:0 7px 7px 0;align-self:stretch;font-weight:700}.calc-form select[aria-invalid=true],.calc-form input[type=date][aria-invalid=true],.input-wrap:has([aria-invalid=true]){border-color:#d93025;box-shadow:0 0 0 3px #d9302522}.calc-form label.check{align-items:center;gap:10px;min-height:32px;font-size:13px;font-weight:500;display:flex}.calc-form label.check input{width:20px;height:20px;min-height:0;accent-color:var(--cat-deep);flex-shrink:0;padding:0}.segmented{background:rgba(var(--cat-rgb),.1);border:1px solid rgba(var(--cat-rgb),.18);border-radius:9px;grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:4px;padding:4px;display:grid}.calc-form .segmented label{font-weight:600;display:block;position:relative}.w-half .segmented,.w-third .segmented{grid-template-columns:repeat(auto-fit,minmax(58px,1fr))}.segmented input{opacity:0;pointer-events:none;position:absolute}.segmented span{text-align:center;min-height:36px;color:var(--muted);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:5px 8px;font-size:13px;line-height:16px;transition:background .12s,color .12s;display:flex}.segmented input:checked+span{color:var(--cat-ink);background:#fff;box-shadow:0 1px 3px #1b33531f}.segmented input:focus-visible+span{outline-offset:1px;outline:3px solid #40a6ff}.presets{flex-wrap:wrap;gap:6px;display:flex}.preset{min-height:28px;color:var(--cat-ink);background:rgba(var(--cat-rgb),.1);border:1px solid rgba(var(--cat-rgb),.22);border-radius:20px;padding:4px 10px;font-size:12px;font-weight:700}.preset[aria-pressed=true]{background:rgba(var(--cat-rgb),.24);border-color:rgba(var(--cat-rgb),.55)}.form-actions{align-items:center;gap:16px;margin-top:4px;display:flex}.calc-form .primary-button{cursor:pointer;background:linear-gradient(var(--cat-icon),var(--cat-deep));border:0;min-height:44px}.text-button{color:#0064d6;padding:4px 0;font-size:12px;font-weight:600}.swap-button{color:#0064d6;justify-self:start;margin:-6px 0 -4px;padding:2px 0;font-size:12px;font-weight:600}.dark .swap-button,.dark .text-button{color:#78baff}.calc-results{background:linear-gradient(115deg,rgba(var(--cat-rgb),.07),rgba(var(--cat-rgb),.13));border-left:1px solid rgba(var(--cat-rgb),.2);min-width:0;padding:22px 24px;scroll-margin-top:12px}.results-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.results-head h2{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);font-size:13px}.results-actions{gap:14px;display:flex}.result-primary{border:1px solid rgba(var(--cat-rgb),.35);background:linear-gradient(115deg,color-mix(in srgb,var(--cat-top) var(--tool-pigment),white),color-mix(in srgb,var(--cat-base) var(--tool-pigment),white));border-radius:9px;gap:4px;padding:16px 18px;display:grid;position:relative;box-shadow:inset 0 1px #ffffffb0}.result-label{color:#314d6a;padding-right:56px;font-size:12px;font-weight:600}.result-value{letter-spacing:-1px;color:var(--cat-ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;line-height:1.15}.result-value.mono{letter-spacing:.5px;word-break:break-all;font:700 22px/1.35 ui-monospace,SFMono-Regular,Consolas,monospace}.result-note{color:var(--cat-ink);font-size:12px;font-weight:700}.result-primary[data-tone=warn] .result-note{color:#985400}.result-primary[data-tone=bad] .result-note{color:#b3261e}.result-primary[data-tone=good] .result-note{color:#087541}.copy-button{color:var(--cat-ink);background:rgba(var(--cat-rgb),.17);border-radius:20px;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px}.result-highlights{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px;margin-top:8px;display:grid}.result-highlights div{background:rgba(var(--cat-rgb),.08);border:1px solid rgba(var(--cat-rgb),.2);border-radius:8px;gap:2px;min-width:0;padding:10px 12px;display:grid}.result-highlights span{color:var(--muted);font-size:11px;font-weight:600}.result-highlights strong{letter-spacing:-.3px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:16px}.result-breakdown{margin-top:12px}.breakdown-caption{text-transform:uppercase;letter-spacing:.6px;color:var(--muted);font-size:11px;font-weight:700}.breakdown-bar{background:rgba(var(--cat-rgb),.1);border-radius:6px;height:12px;margin:6px 0 8px;display:flex;overflow:hidden}.breakdown-bar span{min-width:3px}.seg-0{background:var(--cat-deep)}.seg-1{background:rgba(var(--cat-rgb),.55)}.seg-2{background:rgba(var(--cat-rgb),.3)}.seg-3{background:rgba(var(--cat-rgb),.16)}.breakdown-legend{color:var(--muted);gap:4px;margin:0;padding:0;font-size:12px;list-style:none;display:grid}.breakdown-legend li{align-items:center;gap:7px;display:flex}.breakdown-legend i{border-radius:3px;flex-shrink:0;width:10px;height:10px}.breakdown-legend b{color:var(--cat-ink);font-variant-numeric:tabular-nums;margin-left:auto}.breakdown-legend small{text-align:right;width:36px}.result-scale{margin:14px 0 4px;padding-top:8px;position:relative}.scale-bar{border-radius:5px;height:10px;display:flex;overflow:hidden}.scale-bar [data-tone=good]{background:#28c66c}.scale-bar [data-tone=warn]{background:#fac164}.scale-bar [data-tone=bad]{background:#ef6a6a}.scale-marker{background:var(--cat-ink);border-radius:2px;width:4px;height:26px;margin-left:-2px;position:absolute;top:0;box-shadow:0 0 0 2px #fff}.scale-labels{color:var(--muted);margin-top:6px;font-size:10.5px;display:flex}.scale-labels span{text-align:center;white-space:nowrap;overflow:hidden}.result-rows{margin:10px 0 0;padding:0}.result-rows div{border-bottom:1px solid rgba(var(--cat-rgb),.18);justify-content:space-between;align-items:baseline;gap:16px;padding:9px 2px;font-size:13px;display:flex}.result-rows dt{color:var(--muted)}.result-rows dd{text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:0;font-weight:700}.result-steps{color:var(--muted);margin:14px 0 0;padding-left:20px;font-size:13px;line-height:21px}.result-steps li+li{margin-top:4px}.result-table-head{color:var(--muted);justify-content:space-between;align-items:center;margin-top:16px;font-size:12px;font-weight:700;display:flex}.result-table{border:1px solid rgba(var(--cat-rgb),.2);border-radius:8px;max-height:340px;margin-top:6px;overflow:auto}.result-table table,.data-table table{border-collapse:collapse;width:100%;font-size:12px}.data-table caption{text-align:left;color:var(--muted);padding:9px 10px;font-size:12px;font-weight:700}.result-table th,.data-table th{text-align:left;background:color-mix(in srgb,var(--cat-top) 45%,white);color:var(--cat-ink);padding:8px 10px;font-weight:700;position:sticky;top:0}.result-table td,.data-table td{border-top:1px solid rgba(var(--cat-rgb),.14);font-variant-numeric:tabular-nums;padding:7px 10px}.result-footnote{color:var(--muted);margin-top:12px;font-size:11px;line-height:17px}.result-error{color:#9b1c1c;background:#fdecec;border-radius:8px;padding:14px 16px;font-size:13px;font-weight:600}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.result-dock{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:5;text-align:left;border:1px solid rgba(var(--cat-rgb),.55);background:linear-gradient(115deg,color-mix(in srgb,var(--cat-top) 92%,white),color-mix(in srgb,var(--cat-base) 92%,white));color:#0b123f;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:0 12px;padding:10px 14px;display:grid;position:fixed;box-shadow:0 8px 24px #10294d40}.result-dock span{color:#314d6a;white-space:nowrap;text-overflow:ellipsis;grid-column:1;font-size:11px;font-weight:600;overflow:hidden}.result-dock strong{letter-spacing:-.6px;color:var(--cat-ink);white-space:nowrap;text-overflow:ellipsis;grid-column:1;font-size:21px;overflow:hidden}.result-dock em{color:var(--cat-ink);grid-area:1/2/3;font-size:12px;font-style:normal;font-weight:700}.example-grid{grid-template-columns:1fr 1.2fr;gap:18px;margin-top:12px;display:grid}.example h3{text-transform:uppercase;letter-spacing:.7px;color:var(--muted);margin-bottom:4px;font-size:12px}.example .result-rows{margin-top:0}.example-load{color:#0064d6;margin-top:14px;font-size:13px;font-weight:700;display:inline-block}.dark .example-load{color:#78baff}.dark .tool-form input,.dark .tool-form select,.dark .input-wrap{color:#e2e8f0;background:#1e293b;border-color:#334155}.dark .calc-form .input-wrap input{background:0 0}.dark .sign-toggle{border-color:#334155}.dark .segmented input:checked+span{background:rgba(var(--cat-rgb),.38);color:#fff}.dark .result-primary{background:linear-gradient(115deg,rgba(var(--cat-rgb),.2),rgba(var(--cat-rgb),.3));border-color:rgba(var(--cat-rgb),.5);box-shadow:inset 0 1px #ffffff12}.dark .result-value,.dark .result-note,.dark .copy-button,.dark .preset,.dark .sign-toggle,.dark .breakdown-legend b{color:color-mix(in srgb,var(--cat-top) 90%,white)}.dark .result-table th,.dark .data-table th{color:color-mix(in srgb,var(--cat-top) 90%,white);background:#1d3049}.dark .result-label{color:#d0deec}.dark .seg-0{background:var(--cat-icon)}.dark .scale-marker{background:#fff;box-shadow:0 0 0 2px #0f172a}.dark .result-primary[data-tone=warn] .result-note{color:#ffd991}.dark .result-primary[data-tone=bad] .result-note{color:#ffb4ab}.dark .result-primary[data-tone=good] .result-note{color:#a4e9bd}.dark .result-error{color:#ffd6d6;background:#4a1d1d}.dark .result-dock{color:#e2e8f0;background:linear-gradient(115deg,#1d3049,#223a58);box-shadow:0 8px 24px #0008}.dark .result-dock span{color:#d0deec}.dark .result-dock strong,.dark .result-dock em{color:color-mix(in srgb,var(--cat-top) 90%,white)}.content-section{padding:20px 24px}.content-section h2{letter-spacing:-.4px;margin-bottom:10px;font-size:18px;line-height:24px}.content-section p,.content-section li{color:var(--muted);font-size:14px;line-height:23px}.content-section p+p{margin-top:10px}.content-section ol,.content-section ul{margin:0;padding-left:20px}.formula{background:rgba(var(--cat-rgb),.1);color:var(--cat-ink);white-space:pre;border-radius:8px;margin:0 0 12px;padding:12px 16px;font:600 14px/24px ui-monospace,SFMono-Regular,Consolas,monospace;overflow-x:auto}.dark .formula{color:color-mix(in srgb,var(--cat-top) 90%,white)}.faq details{border-bottom:1px solid var(--line)}.faq details:last-child{border-bottom:0}.faq summary{cursor:pointer;padding:12px 0;font-size:14px;font-weight:700;list-style-position:outside}.faq details p{padding:0 0 14px}.data-table{border:1px solid rgba(var(--cat-rgb),.2);border-radius:8px;overflow-x:auto}.related{padding:4px 12px 12px}.related .section-heading{height:auto;min-height:44px}.related .section-heading h2{font-size:16px}.related .calculator-grid{grid-template-columns:1fr}.category-banner{cursor:default;height:auto;min-height:118px;margin-bottom:14px;padding:20px 30px}.category-banner:hover{box-shadow:inset 0 2px 2px #ffffffe0,inset 0 -3px 4px var(--shadow),1px 5px 7px #253b5726;transform:none}.category-banner h1{letter-spacing:-.9px;color:inherit;font-size:28px;line-height:1.15}.category-banner .category-copy p{white-space:normal;max-width:760px;margin-top:6px;font-size:14px;line-height:21px}.listing{min-width:0;padding:4px 15px 16px}.listing+.listing,.listing+.content-section,.content-section+.listing{margin-top:10px}.page-stack{grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.page-stack>.categories{margin-top:8px}.link-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:6px;padding-bottom:4px;display:grid}.link-grid a{border:1px solid rgba(var(--cat-rgb),.3);background:rgba(var(--cat-rgb),.06);border-radius:7px;padding:9px 11px;font-size:12px;font-weight:600;transition:background .15s;display:block}.link-grid a:hover{background:rgba(var(--cat-rgb),.14)}.link-grid a span{color:var(--muted);margin-top:2px;font-size:11px;font-weight:400;display:block}.prose-page{max-width:760px}.prose-page .content-section{margin-top:14px}@media (width<=1100px){.calc-widget{grid-template-columns:minmax(0,1fr)}.calc-results{border-left:0;border-top:1px solid rgba(var(--cat-rgb),.2)}}@media (width<=760px){.tool-page{padding:16px 0 28px}.tool-page h1{font-size:25px}.calc-head{gap:12px}.calc-head .icon-tile{border-radius:12px;width:44px;height:44px}.calc-head .icon-tile svg{width:26px;height:26px}.calc-form,.calc-results,.content-section{padding:16px}.calc-form input,.calc-form select{min-height:44px;font-size:16px}.segmented span{min-height:40px}.preset{min-height:34px;padding:6px 12px}.form-actions .primary-button{flex:1}.text-button{min-height:36px}.result-value{font-size:28px}.tool-page .lead{font-size:13.5px;line-height:20px}.example-grid{grid-template-columns:1fr;gap:10px}.category-banner{height:auto;padding:18px 16px;display:flex}.category-banner .category-icon{margin:0}.category-banner h1{font-size:22px}.category-banner .category-copy p{max-width:none;font-size:12px}.category-banner .category-arrow{display:none}.listing{padding:9px 10px 12px}.footer nav a{align-items:center;min-height:36px;display:flex}}.guide-group{margin-top:16px}.guide-group h3{color:var(--cat-ink);margin-bottom:6px;font-size:14px}.dark .guide-group h3{color:color-mix(in srgb,var(--cat-top) 90%,white)}.guide-group ul{padding:0;list-style:none}.guide-group li{border-bottom:1px solid var(--line);padding:8px 0}.guide-group a{color:#0064d6;font-weight:700}.dark .guide-group a{color:#78baff}