:root{color-scheme:light dark;--bg:#f7f8fa;--surface:#fff;--text:#14181f;--muted:#4a5568;--border:#d9dee7;--primary:#3b4cca;--primary-ink:#fff;--accent:#067a62;--warn:#b45309;--danger:#b42318;--radius:12px;--space:8px;--measure:68ch;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#0f1318;--surface:#171d25;--text:#e8ecf2;--muted:#a9b4c4;--border:#2b3441;--primary:#8f9cff;--primary-ink:#0f1318;--accent:#3ccfae;--warn:#f0a25a;--danger:#ff8b7d}}:lang(hi){--font-ui:"Nirmala UI", "Kohinoor Devanagari", "Noto Sans Devanagari", system-ui, sans-serif;line-height:1.7}:lang(zh){--font-ui:"PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", system-ui, sans-serif;line-height:1.7}:lang(ja){--font-ui:"Hiragino Sans", "Yu Gothic UI", "Meiryo", "Noto Sans JP", system-ui, sans-serif;line-height:1.7}:lang(ko){--font-ui:"Apple SD Gothic Neo", "Malgun Gothic", "Noto Sans KR", system-ui, sans-serif;line-height:1.7}:lang(ar){--font-ui:"Segoe UI", Tahoma, "Noto Sans Arabic", "Geeza Pro", system-ui, sans-serif;line-height:1.7}:lang(vi){line-height:1.6}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg);min-block-size:100vh;color:var(--text);font:1rem/1.55 var(--font-ui);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;flex-direction:column;margin:0;display:flex}a{color:var(--primary)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:2px}img,svg{max-inline-size:100%}h1,h2,h3{text-wrap:balance;line-height:1.2}h1{margin-block:0 .5em;font-size:clamp(1.6rem,5vw,2.4rem)}h2{font-size:1.35rem}.wrap{inline-size:min(100% - 2rem,72rem);margin-inline:auto}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.skip{background:var(--primary);color:var(--primary-ink);border-radius:var(--radius);z-index:10;padding:.5rem 1rem;position:absolute;inset-block-start:-4rem;inset-inline-start:1rem}.skip:focus{inset-block-start:.5rem}.site-header{background:var(--surface);border-block-end:1px solid var(--border);z-index:5;position:sticky;inset-block-start:0}.site-header .wrap{flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;padding-block:.6rem;display:flex}.brand{color:var(--text);letter-spacing:-.01em;font-size:1.25rem;font-weight:800;text-decoration:none}.brand span{color:var(--primary)}.site-nav{align-items:center;gap:1rem;margin-inline-start:auto;display:flex}.site-nav a{color:var(--text);padding-block:.35rem;text-decoration:none}.site-nav a:hover{text-decoration:underline}.lang{position:relative}.lang summary{cursor:pointer;border:1px solid var(--border);background:var(--bg);border-radius:999px;align-items:center;min-block-size:2.5rem;padding:.35rem .75rem;list-style:none;display:flex}.lang summary::-webkit-details-marker{display:none}.lang ul{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-inline-size:11rem;max-inline-size:calc(100vw - 2rem);margin:.4rem 0 0;padding:.4rem;list-style:none;position:absolute;inset-inline-end:0;box-shadow:0 8px 24px #00000026}.lang a{color:var(--text);border-radius:8px;padding:.55rem .75rem;text-decoration:none;display:block}.lang a:hover,.lang a[aria-current=true]{background:var(--bg);font-weight:700}main{flex:1;padding-block:2rem 3rem}.prose{max-inline-size:var(--measure)}.hero{padding-block:1rem 2rem}.lead{color:var(--muted);max-inline-size:var(--measure);font-size:1.15rem}.notice{background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius);max-inline-size:var(--measure);padding:1rem 1.25rem}.search{max-inline-size:36rem;margin-block:1.5rem}.search input{inline-size:100%;font:inherit;color:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem}.search ul{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:.5rem 0 0;padding:0;list-style:none}.search li a{color:var(--text);padding:.7rem 1rem;text-decoration:none;display:block}.search li a:hover{background:var(--bg)}.cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:.75rem;padding:0;list-style:none;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);padding:1rem;text-decoration:none;display:block}.card:hover{border-color:var(--primary)}.result{background:var(--surface);border:1px solid var(--border);border-inline-start:6px solid var(--accent);border-radius:var(--radius);padding:1rem 1.25rem}.result .value{color:var(--accent);font-size:clamp(1.8rem,7vw,2.6rem);font-weight:800}.formula{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);text-align:start;direction:ltr;unicode-bidi:isolate;padding:.75rem 1rem;overflow-x:auto}.site-footer{border-block-start:1px solid var(--border);color:var(--muted);background:var(--surface);padding-block:1.5rem;font-size:.9rem}.site-footer p{max-inline-size:var(--measure);margin:0}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.site-header,.site-footer,.lang{display:none}}[hidden]{display:none!important}.tool{max-inline-size:64rem}.crumbs ol{color:var(--muted);flex-wrap:wrap;gap:.25rem .5rem;margin:0 0 1rem;padding:0;font-size:.9rem;list-style:none;display:flex}.crumbs li+li:before{content:"›";margin-inline-end:.5rem}.crumbs a{color:var(--muted)}.tool-head{margin-block-end:1.5rem}.tool-head .lead{margin-block:0}.calc-grid{align-items:start;gap:1.25rem;display:grid}@media (width>=52rem){.calc-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.result-panel{position:sticky;inset-block-start:5rem}}.calc-form,.result-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.calc-form h2,.result-panel h2{margin:0 0 1rem;font-size:1.1rem}.field{margin-block-end:1rem}.field label{margin-block-end:.3rem;font-weight:600;display:block}.field-row{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:0 1rem;display:grid}.control{position:relative}.control input,.field select{min-block-size:2.9rem;inline-size:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.6rem .85rem;font-size:1.05rem}.control input{padding-inline-end:2.4rem}.control .suffix{color:var(--muted);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-end:.85rem;transform:translateY(-50%)}.control input:focus,.field select:focus{border-color:var(--primary)}.control input[aria-invalid=true]{border-color:var(--danger)}.hint{color:var(--muted);margin:.3rem 0 0;font-size:.85rem}.field-error{color:var(--danger);margin:.3rem 0 0;font-size:.9rem;font-weight:600}.chips{flex-wrap:wrap;gap:.5rem;margin:-.25rem 0 1rem;display:flex}.chip{min-block-size:2.5rem;min-inline-size:3.5rem;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:.3rem .9rem}.chip[aria-pressed=true]{background:var(--primary);color:var(--primary-ink);border-color:var(--primary)}.actions{flex-wrap:wrap;align-items:center;gap:.75rem;margin-block-start:1rem;display:flex}.btn{min-block-size:2.75rem;font:inherit;color:var(--primary-ink);background:var(--primary);border:1px solid var(--primary);cursor:pointer;border-radius:10px;padding:.5rem 1.2rem;font-weight:700}.btn:hover{filter:brightness(1.08)}.btn-secondary{color:var(--text);background:var(--bg);border-color:var(--border)}.copy-status{color:var(--accent);font-size:.9rem;font-weight:600}.result-panel[data-state=invalid] .result-body,.result-panel[data-state=ok] .result-invalid{display:none}.result-invalid{border:1px dashed var(--danger);border-radius:var(--radius);color:var(--danger);padding:1rem}.result-panel .result{background:var(--bg)}.breakdown{margin:1rem 0 0}.breakdown>div{border-block-end:1px solid var(--border);justify-content:space-between;gap:1rem;padding-block:.6rem;display:flex}.breakdown dt{color:var(--muted)}.breakdown dd{text-align:end;margin:0;font-weight:700}.disclaimer{background:var(--surface);border:1px solid var(--warn);border-radius:var(--radius);max-inline-size:var(--measure);border-inline-start-width:6px;margin-block:1.5rem;padding:1rem 1.25rem}.disclaimer h2{color:var(--warn);margin:0 0 .4rem;font-size:1.05rem}.disclaimer p{margin:0}.tool-body section{margin-block:2rem}.tool-body h2{margin-block:0 .6rem}.steps{padding-inline-start:1.4rem}.steps li{font-variant-numeric:tabular-nums;margin-block:.35rem}.card strong{margin-block-end:.25rem;display:block}.card-note{color:var(--muted);font-size:.9rem;display:block}.field textarea{min-block-size:7rem;inline-size:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);resize:vertical;border-radius:10px;padding:.6rem .85rem;font-size:1.05rem}.field textarea[aria-invalid=true]{border-color:var(--danger)}.field select:focus,.field textarea:focus{border-color:var(--primary)}.cards li{display:flex}.cards li>.card{flex:1}.formula code{white-space:pre-wrap;overflow-wrap:anywhere}.footer-links{flex-wrap:wrap;gap:.25rem 1.25rem;margin:0 0 .75rem;padding:0;list-style:none;display:flex}.footer-links a{color:var(--text);padding-block:.35rem;display:inline-block}.todo{background:color-mix(in srgb, var(--warn) 22%, transparent);color:var(--text);border-radius:4px;padding:.05em .35em}.group{margin-block:1.25rem}.group h3{margin-block:0 .5rem;font-size:1.1rem}.info section{margin-block:1.75rem}.info h2{margin-block:0 .5rem}.faq h3{margin-block:1.1rem .25rem;font-size:1.05rem}.faq p{margin-block:0}.sources ul{padding-inline-start:1.2rem}.site-nav .menu summary{cursor:pointer;border:1px solid var(--border);background:var(--bg);border-radius:999px;align-items:center;min-block-size:2.5rem;padding:.35rem .85rem;list-style:none;display:flex}.site-nav .menu summary::-webkit-details-marker{display:none}.site-nav .menu summary:after{content:"▾";margin-inline-start:.4rem;font-size:.8em}.site-nav .menu[open] summary{border-color:var(--primary)}.site-nav a{align-items:center;min-block-size:2.5rem;display:inline-flex}.panel{background:var(--surface);border-block-end:1px solid var(--border);position:absolute;inset-block-start:100%;inset-inline:0;box-shadow:0 12px 24px #0000001f}.panel>.wrap{padding-block:1rem}.menu-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr));gap:.25rem .75rem;margin:0;padding:0;list-style:none;display:grid}.menu-list a{min-block-size:2.75rem;color:var(--text);border-radius:8px;align-items:center;padding:.4rem .75rem;text-decoration:none;display:flex}.menu-list a:hover,.menu-list a:focus-visible{background:var(--bg);text-decoration:underline}.panel .search{max-inline-size:none;margin:0}.panel .search ul{max-block-size:60vh;overflow-y:auto}.result-panel{scroll-margin-block-start:7.5rem}.crumbs a{padding-block:.35rem;display:inline-block}@media (width<=40rem){.crumbs ol{flex-wrap:nowrap}.crumbs li{display:none}.crumbs li:nth-last-child(2){text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;display:block;overflow:hidden}.crumbs li+li:before{content:none}.crumbs li:nth-last-child(2):before{content:"‹";margin-inline-end:.4rem}.crumbs a{padding-block:.6rem}}:root{--brand-2:#f59e0b;--cat-work-pay:#3b4cca;--cat-math-stats:#0e7490;--cat-cooking-conversions:#c2410c;--cat-health-fitness:#15803d;--cat-tech-web:#7c3aed;--cat-shopping-everyday:#be185d;--cat-education:#a16207;--cat-business:#475569}@media (prefers-color-scheme:dark){:root{--brand-2:#fbbf24;--cat-work-pay:#8f9cff;--cat-math-stats:#4cc9e0;--cat-cooking-conversions:#fb923c;--cat-health-fitness:#4ade80;--cat-tech-web:#b79cff;--cat-shopping-everyday:#f472b6;--cat-education:#fbbf24;--cat-business:#94a3b8}}.cat-work-pay{--cat:var(--cat-work-pay)}.cat-math-stats{--cat:var(--cat-math-stats)}.cat-cooking-conversions{--cat:var(--cat-cooking-conversions)}.cat-health-fitness{--cat:var(--cat-health-fitness)}.cat-tech-web{--cat:var(--cat-tech-web)}.cat-shopping-everyday{--cat:var(--cat-shopping-everyday)}.cat-education{--cat:var(--cat-education)}.cat-business{--cat:var(--cat-business)}.brand{align-items:center;gap:.55rem;display:inline-flex}.brand-mark{flex:none;block-size:2rem;inline-size:2rem}.brand .brand-name{color:var(--text);letter-spacing:-.03em;font-size:1.3rem;font-weight:800}.brand .brand-name span{color:var(--primary)}.site-header .wrap{flex-wrap:nowrap;gap:.5rem 1rem;padding-block:.5rem}.site-nav{flex-wrap:nowrap;gap:.35rem}.site-nav .menu summary{gap:.45rem;padding:0 .9rem}.site-nav .menu summary:after{content:none}.site-nav .menu summary .icon{flex:none;block-size:1.15rem;inline-size:1.15rem}.about-item{display:none}@media (width<=40rem){.site-header .wrap{padding-block:.35rem}.brand .brand-name{font-size:1.2rem}.site-nav .about-link{display:none}.about-item{display:block}.site-nav .menu summary{justify-content:center;min-block-size:2.75rem;inline-size:2.75rem;padding:0}.site-nav .menu summary .label{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}}.cat-badge{background:color-mix(in srgb, var(--cat) 14%, var(--surface));block-size:2.5rem;inline-size:2.5rem;color:var(--cat);border-radius:10px;flex:none;place-items:center;display:grid}.cat-badge .icon{block-size:1.4rem;inline-size:1.4rem}.cat-badge-lg{border-radius:12px;block-size:3rem;inline-size:3rem}.cat-badge-lg .icon{block-size:1.7rem;inline-size:1.7rem}.cat-text{flex-direction:column;gap:.15rem;min-inline-size:0;display:flex}.cat-count{color:var(--muted);font-size:.82rem;font-weight:600}.hero{border:1px solid var(--border);background:radial-gradient(48rem 16rem at 90% -20%, color-mix(in srgb, var(--brand-2) 18%, transparent), transparent 65%), linear-gradient(135deg, color-mix(in srgb, var(--primary) 13%, var(--surface)), var(--surface));border-radius:20px;margin-block-end:2rem;padding:clamp(1.5rem,5vw,3rem)}.hero h1{letter-spacing:-.03em;margin-block:0 .4em;font-size:clamp(1.9rem,6vw,3rem)}.hero .lead{margin-block:0}.hero .search{max-inline-size:42rem;margin-block:1.5rem 1rem}.hero .search input{box-shadow:0 6px 20px color-mix(in srgb, var(--primary) 14%, transparent);background:var(--surface) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round'><circle cx='11' cy='11' r='6.5'/><path d='m16 16 4.5 4.5'/></svg>") no-repeat 1rem center;border-radius:14px;padding:1.05rem 1.1rem 1.05rem 3rem;font-size:1.1rem}.hero .search input:focus{border-color:var(--primary)}.quick{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin:0;font-size:.95rem;display:flex}.quick a{border:1px solid var(--border);background:var(--surface);min-block-size:2.25rem;color:var(--text);border-radius:999px;align-items:center;padding:.2rem .8rem;text-decoration:none;display:inline-flex}.quick a:hover,.quick a:focus-visible{border-color:var(--primary)}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.cat-grid li{display:flex}.cat-card{background:var(--surface);border:1px solid var(--border);border-block-start:4px solid var(--cat);border-radius:var(--radius);color:var(--text);flex:1;align-items:flex-start;gap:.9rem;padding:1rem 1.1rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.cat-card:hover,.cat-card:focus-visible{border-color:var(--cat);box-shadow:0 8px 24px color-mix(in srgb, var(--cat) 18%, transparent);transform:translateY(-2px)}.tool-card{align-items:flex-start;gap:.8rem;transition:transform .15s,box-shadow .15s;display:flex}.tool-card:hover,.tool-card:focus-visible{border-color:var(--cat);box-shadow:0 6px 18px color-mix(in srgb, var(--cat) 14%, transparent);transform:translateY(-1px)}.tool-card .cat-text strong{margin:0}.all-tools{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);margin-block:1.75rem 0}.all-tools summary{cursor:pointer;align-items:center;min-block-size:2.75rem;padding:.5rem 1.1rem;font-weight:700;display:flex}.all-tools[open] summary{border-block-end:1px solid var(--border)}.all-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:1rem 1.5rem;padding:1rem 1.1rem 1.25rem;display:grid}.all-group h3{align-items:center;gap:.45rem;margin:0 0 .35rem;font-size:1rem;display:flex}.all-group h3:before{content:"";background:var(--cat);border-radius:50%;block-size:.6rem;inline-size:.6rem}.all-group ul{margin:0;padding:0;list-style:none}.all-group li a{color:var(--text);padding-block:.4rem;display:block}.cat-head{border:1px solid var(--border);border-inline-start:6px solid var(--cat);border-radius:var(--radius);background:linear-gradient(135deg, color-mix(in srgb, var(--cat) 9%, var(--surface)), var(--surface));align-items:flex-start;gap:1rem;margin-block-end:1.5rem;padding:clamp(1rem,3vw,1.5rem);display:flex}.cat-head h1{margin-block:0 .3em}.cat-head .lead{margin-block:0 .5rem}.cat-head .cat-count{margin:0}@media (width<=40rem){.cat-head{flex-direction:column;gap:.75rem}}.tool-title{align-items:center;gap:.9rem;margin-block-end:.5rem;display:flex}.tool-title h1{margin:0}.calc-grid{gap:1.5rem}.result-panel{background:color-mix(in srgb, var(--primary) 5%, var(--surface));border-color:color-mix(in srgb, var(--primary) 30%, var(--border))}.result-panel .result{background:var(--surface);border-inline-start-width:8px;box-shadow:0 2px 8px #0000000d}.result .value{margin-block-start:.2rem;font-size:clamp(2rem,9vw,3.1rem);line-height:1.1}@media (width<=51.99rem){.result-panel{border-block-start:4px solid var(--accent)}}.disclaimer h2:before{content:"i";background:var(--warn);block-size:1.3rem;inline-size:1.3rem;color:var(--surface);vertical-align:.05em;border-radius:50%;place-items:center;margin-inline-end:.5rem;font-size:.85rem;font-style:italic;font-weight:800;display:inline-grid}.formula{border-inline-start:4px solid var(--primary)}.result-line{max-inline-size:var(--measure);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border));border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 9%, var(--surface));padding:.75rem 1rem}.breakdown>div{flex-wrap:wrap;align-items:baseline}.breakdown dt{overflow-wrap:normal;hyphens:none}.breakdown dd{flex:auto}.crumbs ol{align-items:center}@media (width<=40rem){.tool-cards .extra-popular{display:none}}.value,.breakdown dd,.suffix{overflow-wrap:anywhere;unicode-bidi:isolate}.suffix{direction:ltr}[dir=rtl] .hero .search input{background-position:right 1rem center;padding-inline:3rem 1.1rem}[dir=rtl] .crumbs li+li:before{content:"‹"}@media (width<=40rem){[dir=rtl] .crumbs li:nth-last-child(2):before{content:"›"}}