@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--c-bg:#f8fafc;--c-surface:#fff;--c-border:#e2e8f0;--c-border-strong:#cbd5e1;--c-text:#0f172a;--c-text-muted:#475569;--c-text-faint:#94a3b8;--c-primary:#1d4ed8;--c-primary-strong:#1e40af;--c-primary-soft:#eff6ff;--c-primary-border:#bfdbfe;--c-success:#15803d;--c-success-soft:#f0fdf4;--c-error:#b91c1c;--c-error-soft:#fef2f2;--font-sans:"Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--radius:10px;--radius-sm:7px;--container:66rem;--shadow-sm:0 1px 2px #0f172a0f;--shadow:0 1px 3px #0f172a14, 0 4px 12px #0f172a0d}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--c-text);background:var(--c-bg);margin:0;font-size:1rem;line-height:1.6}h1,h2,h3,p{overflow-wrap:break-word;margin:0}img,svg{max-width:100%;display:block}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.container{max-width:var(--container);margin-inline:auto;padding-inline:1rem}.page{padding-block:1.25rem 3rem}@media (width>=48rem){.container{padding-inline:1.5rem}.page{padding-block:1.75rem 4rem}}.site-header{z-index:10;background:var(--c-surface);border-bottom:1px solid var(--c-border);position:relative}.site-header__inner{align-items:center;gap:1rem;min-height:3.5rem;display:flex}.site-header__logo{letter-spacing:-.02em;color:var(--c-text);white-space:nowrap;font-size:1.25rem;font-weight:800}.site-header__logo:hover{text-decoration:none}.site-header__logo-dot{color:var(--c-primary)}.site-nav{gap:.25rem;margin-left:auto;display:none}@media (width>=48rem){.site-nav{display:flex}}.site-nav__quick{border-radius:var(--radius-sm);color:var(--c-text-muted);white-space:nowrap;padding:.45rem .7rem;font-size:.925rem;font-weight:500}.site-nav__quick:hover{background:var(--c-primary-soft);color:var(--c-primary);text-decoration:none}.site-nav__quick.router-link-active{color:var(--c-primary);font-weight:600}.mega{margin-left:auto}@media (width>=48rem){.mega{margin-left:.25rem}}.mega summary{cursor:pointer;border-radius:var(--radius-sm);color:var(--c-text);white-space:nowrap;-webkit-user-select:none;user-select:none;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.925rem;font-weight:600;list-style:none;display:inline-flex}.mega summary::-webkit-details-marker{display:none}.mega summary:hover{background:var(--c-primary-soft);color:var(--c-primary)}.mega__chevron{width:.9rem;height:.9rem;transition:transform .15s}.mega[open] summary{background:var(--c-primary-soft);color:var(--c-primary)}.mega[open] .mega__chevron{transform:rotate(180deg)}.mega__panel{z-index:50;background:var(--c-surface);border-bottom:1px solid var(--c-border);max-height:calc(100vh - 4rem);position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 16px 32px #0f172a1f}.mega__grid{-moz-columns:1;column-count:1;-moz-column-gap:2rem;column-gap:2rem;padding-block:1.25rem 1.5rem}.mega__grid>nav{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:1.5rem}@media (width>=40rem){.mega__grid{-moz-columns:2;column-count:2}}@media (width>=64rem){.mega__grid{-moz-columns:3;column-count:3}}@media (width>=80rem){.mega__grid{-moz-columns:4;column-count:4}}.mega__heading{text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-faint);margin:0 0 .6rem;font-size:.75rem;font-weight:700}.mega__list{gap:.15rem;margin:0;padding:0;list-style:none;display:grid}.mega__link{border-radius:var(--radius-sm);color:var(--c-text);align-items:center;gap:.6rem;margin-inline:-.5rem;padding:.4rem .5rem;font-size:.925rem;font-weight:500;display:flex}.mega__link:hover{background:var(--c-bg);color:var(--c-primary);text-decoration:none}.breadcrumbs{color:var(--c-text-faint);margin-bottom:1rem;font-size:.85rem}.breadcrumbs ol{flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li+li:before{content:"›";color:var(--c-text-faint);margin-right:.35rem}.breadcrumbs a{color:var(--c-text-muted)}.page-title{letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.65rem;font-weight:800;line-height:1.25}.page-intro{color:var(--c-text-muted);max-width:46rem;margin-bottom:1.5rem}.section-title{letter-spacing:-.01em;margin-bottom:.75rem;font-size:1.25rem;font-weight:700}.prose p{margin-bottom:.9rem}.prose ol,.prose p,.prose ul{color:var(--c-text);max-width:46rem}.prose ol,.prose ul{margin:0 0 1rem;padding-left:1.3rem}.prose li{margin-bottom:.5rem;line-height:1.6}.prose li:last-child{margin-bottom:0}.prose code{font-family:var(--font-mono);background:var(--c-bg);border-radius:4px;padding:.1em .4em;font-size:.9em}@media (width>=48rem){.page-title{font-size:2rem}}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.tool-grid{grid-template-columns:1fr;gap:.75rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=34rem){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=52rem){.tool-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{height:100%;color:inherit;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;align-items:flex-start;gap:.65rem;padding:1.15rem;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex}.tool-card:hover{border-color:var(--c-primary-border);box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}.tool-card__name{color:var(--c-text);font-size:1.05rem;font-weight:700}.tool-card:hover .tool-card__name{color:var(--c-primary)}.tool-card__desc{color:var(--c-text-muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.5;display:-webkit-box;overflow:hidden}.tool-icon{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.tool-icon--md{width:2.75rem;height:2.75rem}.tool-icon--md svg{width:1.5rem;height:1.5rem}.tool-icon--sm{border-radius:7px;width:1.6rem;height:1.6rem}.tool-icon--sm svg{width:.95rem;height:.95rem}.restored-note{background:var(--c-primary-soft);border:1px solid var(--c-primary-border);border-radius:var(--radius-sm);color:var(--c-primary-strong);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 .9rem;padding:.6rem .9rem;font-size:.875rem;display:flex}.restored-note__clear{font:inherit;color:var(--c-primary-strong);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:.8rem;font-weight:600;text-decoration:underline}.restored-note__clear:hover{color:var(--c-primary)}.recent-tools{margin-bottom:2rem}.recent-tools__row{-webkit-overflow-scrolling:touch;gap:.6rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.recent-tools__chip{background:var(--c-surface);border:1px solid var(--c-border);color:var(--c-text);white-space:nowrap;border-radius:999px;flex-shrink:0;align-items:center;gap:.45rem;padding:.45rem .85rem .45rem .5rem;font-size:.875rem;font-weight:600;display:inline-flex}.recent-tools__chip:hover{border-color:var(--c-primary-border);color:var(--c-primary);text-decoration:none}.recent-tools__chip .tool-icon{border-radius:6px;width:1.5rem;height:1.5rem}.recent-tools__chip .tool-icon svg{width:.85rem;height:.85rem}.calc{margin-bottom:2rem;padding:1.25rem 1rem}@media (width>=48rem){.calc{padding:1.5rem}}.calc__section+.calc__section{border-top:1px solid var(--c-border);margin-top:1.5rem;padding-top:1.5rem}.calc__section-title{margin-bottom:.9rem;font-size:1rem;font-weight:700}.calc__row{grid-template-columns:1fr;gap:.9rem;margin-bottom:.9rem;display:grid}@media (width>=34rem){.calc__row{grid-template-columns:repeat(var(--cols,2),1fr)}}.field{display:block}.field__label{color:var(--c-text-muted);margin-bottom:.3rem;font-size:.85rem;font-weight:600;display:block}.field__control{align-items:center;display:flex;position:relative}.field input,.field select{width:100%;font:inherit;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);min-height:2.75rem;padding:.6rem .75rem;font-size:1rem}.field input:focus,.field select:focus{outline:2px solid var(--c-primary);outline-offset:-1px;border-color:var(--c-primary)}.field input[aria-invalid=true]{border-color:var(--c-error)}.field__suffix{color:var(--c-text-faint);pointer-events:none;font-size:.9rem;position:absolute;right:.75rem}.field input.has-suffix{padding-right:2.9rem}.field__error{color:var(--c-error);margin-top:.25rem;font-size:.8rem;display:block}.radio-group{flex-wrap:wrap;gap:.4rem;display:flex}.radio-pill{border:1px solid var(--c-border-strong);cursor:pointer;background:var(--c-surface);-webkit-user-select:none;user-select:none;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.925rem;display:inline-flex}.radio-pill input{opacity:0;pointer-events:none;position:absolute}.radio-pill:has(input:checked){background:var(--c-primary-soft);border-color:var(--c-primary);color:var(--c-primary-strong);font-weight:600}.radio-pill:has(input:focus-visible){outline:2px solid var(--c-primary);outline-offset:2px}.radio-pill--sm{padding:.28rem .7rem;font-size:.8rem}.amount-mode{flex-wrap:wrap;align-items:center;gap:.4rem;margin-top:.45rem;display:flex}.select-mini{font:inherit;color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:999px;padding:.28rem .6rem;font-size:.8rem}.result{background:var(--c-primary-soft);border:1px solid var(--c-primary-border);border-radius:var(--radius);margin-top:1rem;padding:1rem}.result__label{color:var(--c-text-muted);font-size:.85rem;font-weight:600}.result__value{letter-spacing:-.01em;color:var(--c-primary-strong);font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.result__rows{gap:.4rem;margin-top:.5rem;display:grid}.result__row{justify-content:space-between;gap:1rem;font-size:.95rem;display:flex}.result__row dt{color:var(--c-text-muted)}.result__row dd{font-variant-numeric:tabular-nums;margin:0;font-weight:600}.result--empty{color:var(--c-text-faint);background:var(--c-bg);border-color:var(--c-border);font-size:.925rem}.formula-box{font-family:var(--font-mono);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);white-space:pre-wrap;margin-bottom:.75rem;padding:.9rem 1rem;font-size:.9rem;overflow-x:auto}.content-section{margin-bottom:2rem}.faq-item{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);margin-bottom:.5rem}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 1rem;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--c-text-faint);flex-shrink:0;font-size:1.2rem}.faq-item[open] summary:after{content:"−"}.faq-item p{color:var(--c-text-muted);padding:0 1rem .9rem}.ad-slot{background:var(--c-bg);border:1px dashed var(--c-border-strong);border-radius:var(--radius-sm);justify-content:center;align-items:center;min-height:calc(250px + 2.35rem);margin-block:1.5rem;padding:1.6rem .75rem .75rem;display:flex;position:relative;overflow:hidden}.ad-slot__label{text-transform:uppercase;letter-spacing:.08em;color:var(--c-text-faint);font-size:.65rem;position:absolute;top:.4rem;left:.75rem}.site-footer{background:var(--c-surface);border-top:1px solid var(--c-border);color:var(--c-text-muted);margin-top:2rem;padding-block:2rem;font-size:.9rem}.site-footer__grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem;display:grid}@media (width>=48rem){.site-footer__grid{grid-template-columns:repeat(3,1fr)}}.site-footer__heading{text-transform:uppercase;letter-spacing:.05em;color:var(--c-text-faint);margin-bottom:.5rem;font-size:.8rem;font-weight:700}.site-footer ul{gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.site-footer a{color:var(--c-text-muted)}.site-footer a:hover{color:var(--c-primary)}.site-footer__note{color:var(--c-text-faint);border-top:1px solid var(--c-border);padding-top:1rem;font-size:.8rem}.site-footer__legal{gap:1rem;margin-top:.6rem;font-size:.8rem;display:flex}.site-footer__legal a{color:var(--c-text-faint);text-decoration:underline}.site-footer__legal a:hover{color:var(--c-primary)}.hero{text-align:center;padding-block:1.5rem 2rem}.hero h1{letter-spacing:-.02em;margin-bottom:.6rem;font-size:1.8rem;font-weight:800;line-height:1.2}.hero p{color:var(--c-text-muted);max-width:38rem;margin-inline:auto}@media (width>=48rem){.hero h1{font-size:2.4rem}}.hero__search{max-width:28rem;margin:1.25rem auto 0}.hero__search input{box-shadow:var(--shadow-sm);border-radius:999px;padding-inline:1.2rem}.chips{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.75rem;display:flex}.chip{font:inherit;color:var(--c-text-muted);background:var(--c-surface);border:1px solid var(--c-border-strong);cursor:pointer;border-radius:999px;padding:.5rem 1.1rem;font-size:.925rem;font-weight:600;transition:background .15s,color .15s,border-color .15s}.chip:hover{color:var(--c-text)}.chip--active,.chip:hover{border-color:var(--c-text)}.chip--active{background:var(--c-text);color:#fff}.home-category-note{text-align:center;color:var(--c-text-muted);max-width:44rem;margin:0 auto 1.25rem;font-size:.925rem}.tool-grid--home{margin-bottom:1rem}.category-section{margin-bottom:2.25rem}.category-section__head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem;display:flex}.category-section__link{white-space:nowrap;font-size:.875rem}.conv-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.925rem}.conv-table caption{text-align:left;margin-bottom:.5rem;font-weight:700}.conv-table td,.conv-table th{text-align:left;border-bottom:1px solid var(--c-border);padding:.45rem .75rem}.conv-table th{text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-faint);font-size:.8rem}.conv-table tr:nth-child(2n) td{background:var(--c-bg)}.conv-row{grid-template-columns:1fr;align-items:center;gap:.9rem;margin-bottom:.9rem;display:grid}.swap-btn{border:1px solid var(--c-primary-border);background:var(--c-primary-soft);width:2.75rem;height:2.75rem;color:var(--c-primary);border-radius:50%;justify-content:center;justify-self:center;align-items:center;transition:background .15s,transform .15s;display:inline-flex;transform:rotate(90deg)}.swap-btn:hover{background:var(--c-primary-border)}.swap-btn--spacer{visibility:hidden}@media (width>=34rem){.conv-row{grid-template-columns:1fr auto 1fr}.swap-btn{transform:none}}.text-muted{color:var(--c-text-muted)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}
