.tool-page{position:relative}.tool-page .crumbs ol{flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.tool-page .crumbs li{align-items:center;gap:6px;display:inline-flex}.tool-page .tool-head{padding-top:22px}.tool-page .tool-head h1{font-family:var(--serif);letter-spacing:-.022em;font-variation-settings:"opsz" 80;text-wrap:balance;font-size:clamp(38px,4.6vw,68px);font-weight:400;line-height:1.02}.tool-page .tool-head h1 em{color:var(--accent-ink);font-style:italic}:lang(ar) .tool-page .tool-head h1,:lang(ur) .tool-page .tool-head h1,:lang(hi) .tool-page .tool-head h1,:lang(ja) .tool-page .tool-head h1,:lang(zh) .tool-page .tool-head h1,:lang(ko) .tool-page .tool-head h1,:lang(th) .tool-page .tool-head h1,:lang(bn) .tool-page .tool-head h1{font-family:var(--sans);letter-spacing:0;font-weight:500;line-height:1.2}.tool-page .tool-head .lead{margin-top:12px}.tool-page .tool-head .meta{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.tool-page .tool-head .meta a.badge{text-decoration:none}.tool-page .tool-head .meta a.badge:hover{border-color:var(--cobalt)}.tool-page .partial-note{font-size:var(--fs-small);color:var(--muted);background:rgba(var(--brass-rgb), .09);border:1px solid rgba(var(--brass-rgb), .25);border-radius:10px;margin-top:12px;padding:6px 12px;display:inline-flex}.tool-page .tool-grid{grid-template-columns:minmax(0,1fr) 300px;grid-template-areas:"a s""b s";align-items:start;gap:0 24px;margin-top:26px;display:grid}.tool-page .tool-a{flex-direction:column;grid-area:a;gap:18px;min-width:0;display:flex}.tool-page .tool-b{grid-area:b;min-width:0}.tool-page .tool-grid>.side{top:calc(var(--top) + 18px);flex-direction:column;grid-area:s;align-self:start;gap:16px;display:flex;position:sticky}.tool-page .conv{border-radius:28px;padding:22px}.tool-page .conv-fields{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);align-items:end;gap:12px;display:grid}.tool-page .conv .inp{min-height:64px}.tool-page .conv .inp input{text-align:start;direction:ltr;height:62px;padding-inline:18px 8px;font-size:26px;font-weight:500}[dir=rtl] .tool-page .conv .inp input{text-align:right}.tool-page .conv .inp select{border-inline-start:1px solid var(--line);text-overflow:ellipsis;border-radius:0;max-width:58%;height:62px;font-size:14.5px}.tool-page .swap{border:1px solid var(--line-strong);background:var(--surface-2);width:52px;height:52px;color:var(--text);transition:transform .5s var(--ease), border-color .2s, background .2s;border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.tool-page .swap:hover{border-color:var(--accent);background:var(--surface)}.tool-page .swap.spun{transform:rotate(180deg)}.tool-page .conv .err{margin-top:10px}.tool-page .result{border-top:1px dashed var(--line-strong);margin-top:22px;padding:22px 4px 4px}.tool-page .result .eq-line{font-family:var(--serif);letter-spacing:-.015em;direction:ltr;flex-wrap:wrap;align-items:baseline;gap:.1em .3em;min-height:1.15em;font-size:clamp(34px,4.4vw,64px);font-style:italic;font-weight:400;line-height:1.1;display:flex}[dir=rtl] .tool-page .result .eq-line{justify-content:flex-end}.tool-page .result .eq-line .lhs{color:var(--muted);font-size:.62em}.tool-page .result .eq-line .eqs{color:var(--accent-ink);font-size:.6em;font-style:normal}.tool-page .result .tools{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:16px;display:flex}.tool-page .result .tools .seg button{font-variant-numeric:tabular-nums;min-width:44px;height:38px}.tool-page .result .tools .cp{margin-inline-start:auto}.tool-page .btn:disabled{opacity:.5;cursor:not-allowed}.tool-page .sub-note{font-size:var(--fs-small);color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px;display:flex}.tool-page .allunits{border-radius:24px;padding:20px 22px}.tool-page .allunits h2{font-family:var(--serif);margin-bottom:12px;font-size:22px;font-weight:500}.tool-page .allunits h2 em{color:var(--accent-ink);font-style:italic}.tool-page .allunits ul{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:4px 14px;display:grid}.tool-page .allunits button{border:0;border-bottom:1px solid var(--line);text-align:start;background:0 0;border-radius:8px;justify-content:space-between;align-items:baseline;gap:12px;width:100%;min-height:44px;padding:8px 10px;transition:background .2s;display:flex}.tool-page .allunits button:hover{background:rgba(var(--glow-rgb), .06)}.tool-page .allunits button[aria-pressed=true]{background:rgba(var(--glow-rgb), .1)}.tool-page .allunits .n{color:var(--muted);font-size:var(--fs-ui)}.tool-page .allunits .v{text-align:end;overflow-wrap:anywhere;font-weight:600}.tool-page .allunits .v small{color:var(--muted);font-weight:500}.tool-page .rule-card,.tool-page .ruler-card,.tool-page .dials{border-radius:24px;padding:18px 18px 14px}.tool-page .rh{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.tool-page .rh h2{font-family:var(--serif);font-size:20px;font-weight:500}.tool-page .rh h2 em{color:var(--accent-ink);font-style:italic}.tool-page .rh .hint,.tool-page .ruler-meta{color:var(--muted);font-size:12.5px}.tool-page .srule{cursor:grab;touch-action:pan-y;background:var(--sunk);border:1px solid var(--line-strong);-webkit-user-select:none;user-select:none;direction:ltr;border-radius:16px;height:168px;position:relative;overflow:hidden}.tool-page .srule:active{cursor:grabbing}.tool-page .srule canvas,.tool-page .ruler canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.tool-page .srule .cursor{pointer-events:none;background:linear-gradient(90deg, rgba(var(--cobalt-rgb), .07), rgba(var(--cobalt-rgb), .02) 40%, rgba(var(--cobalt-rgb), .02) 60%, rgba(var(--cobalt-rgb), .07));border-inline:1px solid rgba(var(--cobalt-rgb), .3);width:74px;margin-left:-37px;position:absolute;top:0;bottom:0;left:50%}.tool-page .srule .cursor:after{content:"";background:var(--accent);width:1.5px;box-shadow:0 0 10px rgba(var(--glow-rgb), .6);margin-left:-.75px;position:absolute;top:0;bottom:0;left:50%}.tool-page .srule .read{z-index:2;background:var(--btn-bg);color:var(--btn-fg);white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;border-radius:99px;padding:3px 10px;font-size:12.5px;font-weight:600;position:absolute;left:50%;transform:translate(-50%)}.tool-page .srule .read.t{margin-top:-26px;top:50%}.tool-page .srule .read.b{background:var(--cobalt);color:#fff;margin-top:4px;top:50%}[data-theme=dark] .tool-page .srule .read.b{color:#10142a}.tool-page .srule .shade{pointer-events:none;z-index:1;width:60px;position:absolute;top:0;bottom:0}.tool-page .srule .shade.l{background:linear-gradient(90deg, var(--sunk), transparent);left:0}.tool-page .srule .shade.r{background:linear-gradient(-90deg, var(--sunk), transparent);right:0}.tool-page .ruler{border:1px solid var(--line);cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:linear-gradient(180deg, rgba(var(--glow-rgb), .05), transparent 30%, transparent 70%, rgba(var(--brass-rgb), .07)), var(--bg-2);direction:ltr;border-radius:18px;height:158px;position:relative}.tool-page .ruler canvas{-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.tool-page .ruler:active{cursor:grabbing}.tool-page .ruler:focus-visible{border-color:var(--cobalt);box-shadow:0 0 0 4px rgba(var(--cobalt-rgb), .14);outline:none}.tool-page .ruler .cursor{background:linear-gradient(180deg, var(--accent), rgba(var(--glow-rgb), .5) 50%, var(--accent));width:2px;box-shadow:0 0 14px rgba(var(--glow-rgb), .7);pointer-events:none;border-radius:2px;margin-left:-1px;position:absolute;top:4px;bottom:4px;left:50%}.tool-page .ruler .rd{background:var(--surface);border:1px solid rgba(var(--glow-rgb), .45);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;z-index:2;border-radius:999px;align-items:baseline;gap:6px;padding:4px 12px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 6px 20px -8px #00000059}.tool-page .ruler .rd:empty{display:none}.tool-page .ruler .rd b{color:var(--brass-ink);font-weight:600}.tool-page .ruler .rd small{color:var(--muted);font-size:11.5px;font-weight:500}.tool-page .ruler-meta{margin-top:8px}.tool-page .srule.dim,.tool-page .ruler.dim{opacity:.5}.tool-page .dials .sub{color:var(--muted);font-size:var(--fs-small);margin-top:-4px}.tool-page .dialpair{direction:ltr;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px;margin-top:14px;display:grid}.tool-page .dial{aspect-ratio:1;touch-action:none;cursor:grab;border-radius:50%;outline:none;justify-self:center;width:100%;max-width:250px;position:relative}.tool-page .dial:active{cursor:grabbing}.tool-page .dial:focus-visible{box-shadow:0 0 0 2px var(--cobalt), 0 0 0 7px rgba(var(--cobalt-rgb), .2)}.tool-page .dial svg{width:100%;height:100%;display:block;overflow:visible}.tool-page .dial .face{stroke:var(--line-strong)}.tool-page .dial .track{fill:none;stroke:rgba(var(--ink-rgb), .1);stroke-width:7px;stroke-linecap:round}.tool-page .dial .prog-glow{fill:none;stroke:rgba(var(--glow-rgb), .2);stroke-width:16px;stroke-linecap:round}.tool-page .dial .prog{fill:none;stroke-width:7px;stroke-linecap:round}.tool-page .dial .tk{stroke:var(--border);stroke-width:1px}.tool-page .dial .tk.M{stroke:var(--text);stroke-width:1.6px}.tool-page .dial .tl{fill:var(--muted);font-family:var(--sans);text-anchor:middle;dominant-baseline:middle;font-size:9.5px;font-weight:500}.tool-page .dial .needle{stroke:var(--brass);stroke-width:2.2px;stroke-linecap:round}.tool-page .dial .knob{fill:var(--text);stroke:var(--brass);stroke-width:2.5px}.tool-page .dial .hub{fill:var(--surface-2);stroke:var(--line-strong)}.tool-page .dial .val{fill:var(--text);font-family:var(--serif);text-anchor:middle;font-size:24px;font-weight:500}.tool-page .dial .unit{fill:var(--brass-ink);font-family:var(--sans);letter-spacing:.14em;text-anchor:middle;font-size:10px;font-weight:600}.tool-page .dial .rot{transition:transform .5s var(--ease)}.tool-page .dial.drag .rot{transition:none}.tool-page .dialpair .link{color:var(--brass-ink);letter-spacing:.14em;text-transform:uppercase;place-items:center;gap:2px;font-size:11px;display:grid}.tool-page .dialnote{color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;font-size:13px;display:flex}.tool-page .tape-card{border-radius:22px;padding:16px 16px 0;overflow:hidden}.tool-page .tape-card .th{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.tool-page .tape-card .th h2{font-family:var(--serif);font-size:19px;font-weight:500}.tool-page .tape-card .th .acts{gap:6px;display:flex}.tool-page .tape-card .th .iconbtn{border-radius:11px;width:44px;height:44px}.tool-page .tape-card .th .iconbtn:disabled{opacity:.45;cursor:default}.tool-page .slot{z-index:2;background:linear-gradient(#2a2735,#121019);border-radius:10px 10px 4px 4px;height:16px;margin:0 -2px;position:relative;box-shadow:inset 0 -3px 6px #00000080}.tool-page .slot:after{content:"";inset-inline:10px;background:#000;border-radius:2px;height:2px;position:absolute;bottom:4px}.tool-page .roll{max-height:420px;margin:-6px 10px 0;position:relative;overflow:hidden}.tool-page .paperstrip{background:var(--tape);color:var(--tape-ink);font-variant-numeric:tabular-nums;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 8px) no-repeat, conic-gradient(from -45deg at bottom, transparent 0 90deg, #000 0) bottom / 12px 8px repeat-x;-webkit-mask:linear-gradient(#000 0 0) top / 100% calc(100% - 8px) no-repeat, conic-gradient(from -45deg at bottom, transparent 0 90deg, #000 0) bottom / 12px 8px repeat-x;mask:linear-gradient(#000 0 0) top / 100% calc(100% - 8px) no-repeat, conic-gradient(from -45deg at bottom, transparent 0 90deg, #000 0) bottom / 12px 8px repeat-x;background-image:repeating-linear-gradient(#0000 0 27px,#2a27350d 27px 28px);padding:14px 14px 26px;position:relative;box-shadow:0 10px 20px -10px #28190a59}.tool-page .paperstrip .hd{letter-spacing:.26em;text-transform:uppercase;color:#2a27359e;border-bottom:1px dashed #2a27354d;flex-direction:column;align-items:center;margin-bottom:6px;padding-bottom:8px;font-size:10.5px;display:flex}.tool-page .paperstrip ol{flex-direction:column;display:flex}.tool-page .paperstrip li{text-align:left;direction:ltr;border-bottom:1px dotted #2a273538;grid-template-columns:1fr auto;gap:2px 8px;padding:7px 0;font-size:13.5px;line-height:1.3;display:grid}.tool-page .paperstrip li .a{color:#2a2735a8;overflow-wrap:anywhere}.tool-page .paperstrip li .b{overflow-wrap:anywhere;grid-column:1/-1;font-size:15px;font-weight:600}.tool-page .paperstrip li .tm{color:#2a27358c;font-size:11px}.tool-page .paperstrip li.new{animation:.55s steps(7,end) both print}@keyframes print{0%{clip-path:inset(0 0 100%);transform:translateY(-14px)}to{clip-path:inset(0);transform:none}}.tool-page .paperstrip li.empty{text-align:center;color:#2a273599;direction:inherit;border:0;padding:16px 0 6px;font-size:13px;display:block}.tool-page .paperstrip .total{text-align:center;letter-spacing:.14em;text-transform:uppercase;color:#2a273594;padding-top:10px;font-size:10.5px}.tool-page .paperstrip.tear{animation:tear .7s var(--ease) forwards}@keyframes tear{30%{transform:translateY(6px)rotate(-1.5deg)}to{opacity:0;transform:translateY(120%)rotate(7deg)}}.tool-page .roll .feed{pointer-events:none;z-index:1;background:linear-gradient(#0000002e,#0000);height:22px;position:absolute;inset:0 0 auto}.tool-page .ad-slot{text-align:center;min-height:100px;margin-block:28px}.tool-page .ad-slot .ad-l{font-size:var(--fs-label);letter-spacing:var(--ls-wide);text-transform:uppercase;color:var(--muted);margin-bottom:6px;display:block}.tool-page .tool-b>.blocks:first-child,.tool-page .tool-b>.ad+.blocks,.tool-page .tool-b>.ad-slot+.blocks{margin-top:18px}.tool-page .blocks{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}.tool-page .blocks.after{margin-top:28px}.tool-page .formula,.tool-page .tbl-card,.tool-page .defs{border-radius:22px;min-width:0;padding:22px}.tool-page .formula h2,.tool-page .tbl-card h2,.tool-page .faq h2,.tool-page .related h2,.tool-page .defs h2{font-family:var(--serif);margin-bottom:14px;font-size:22px;font-weight:500}.tool-page .formula h2 em,.tool-page .tbl-card h2 em,.tool-page .faq h2 em,.tool-page .related h2 em,.tool-page .defs h2 em,.tool-page .chart-card h2 em{color:var(--accent-ink);font-style:italic}.tool-page .formula .f{font-family:var(--serif);background:var(--surface-2);border:1px solid var(--line);text-align:center;white-space:nowrap;direction:ltr;unicode-bidi:isolate;border-radius:14px;padding:16px 18px;font-size:clamp(22px,2.4vw,30px);overflow-x:auto}.tool-page .formula .f .op{color:var(--accent-ink);font-family:var(--sans);padding-inline:.25em;font-weight:300}.tool-page .formula pre.f.mono{text-align:start;white-space:pre-wrap;overflow-wrap:anywhere;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:15px;line-height:1.7}.tool-page .formula .how,.tool-page .formula .para,.tool-page .formula.about p{color:var(--muted);font-size:var(--fs-ui);text-wrap:pretty;max-width:68ch;margin-top:14px}.tool-page .formula.about p:first-of-type,.tool-page .formula .para:first-of-type{margin-top:0}.tool-page .formula h3.label{margin-top:18px}.tool-page .formula ol{counter-reset:s;flex-direction:column;gap:10px;margin-top:10px;display:flex}.tool-page .formula ol li{font-size:var(--fs-ui);counter-increment:s;font-variant-numeric:tabular-nums;grid-template-columns:28px 1fr;gap:10px;display:grid}.tool-page .formula ol li:before{content:counter(s);font-family:var(--serif);color:var(--brass-ink);font-size:20px;font-style:italic;line-height:1.1}.tool-page .formula ol li b{font-weight:600}.tool-page .formula ol li bdi{overflow-wrap:anywhere}.tool-page .formula .src{border-top:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;margin-top:16px;padding-top:12px;font-size:12.5px;display:flex}.tool-page .formula .src svg.i{color:var(--cobalt)}.tool-page table.t{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:var(--fs-ui)}.tool-page table.t caption{text-align:start;color:var(--muted);font-size:var(--fs-small);padding-bottom:10px}.tool-page table.t th{font-size:var(--fs-label);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);text-align:start;border-bottom:1px solid var(--line-strong);padding:8px 10px;font-weight:600}.tool-page table.t tbody th{text-transform:none;letter-spacing:0;font-size:var(--fs-ui);color:var(--text);border-bottom:1px solid var(--line);font-weight:500}.tool-page table.t td{border-bottom:1px solid var(--line);direction:ltr;unicode-bidi:isolate;padding:8px 10px}.tool-page table.t td:last-child,.tool-page table.t th:last-child{text-align:end}.tool-page table.t tbody tr:hover td,.tool-page table.t tbody tr:hover th{background:rgba(var(--ink-rgb), .03)}.tool-page table.t .ap{color:var(--muted)}.tool-page .tbl-scroll{scrollbar-width:thin;max-height:470px;overflow:auto}.tool-page .tbl-note{color:var(--muted);margin-top:10px;font-size:12.5px}.tool-page .tbl-card details.rev{border-top:1px solid var(--line);margin-top:12px;padding-top:10px}.tool-page .tbl-card details.rev summary{cursor:pointer;min-height:44px;font-weight:500;font-size:var(--fs-ui);align-items:center;display:flex}.tool-page .tbl-card .more{margin-top:12px}.tool-page .pairlist{grid-template-columns:minmax(0,1fr);display:grid}.tool-page .pairlist a{border-bottom:1px solid var(--line);min-height:44px;color:var(--text);font-size:var(--fs-ui);transition:color .2s, padding .3s var(--ease);justify-content:space-between;align-items:center;gap:10px;padding:8px 4px;text-decoration:none;display:flex}.tool-page .pairlist a:hover{color:var(--accent-ink);padding-inline-start:10px}.tool-page .pairlist a svg.i{color:var(--muted)}.tool-page .defs{margin-top:18px}.tool-page .defs dl{gap:14px;display:grid}.tool-page .defs dl>div{border-bottom:1px solid var(--line);padding-bottom:14px}.tool-page .defs dl>div:last-child{border-bottom:0;padding-bottom:0}.tool-page .defs dt{align-items:baseline;gap:10px;font-weight:600;display:flex}.tool-page .defs dt .sym{font-family:var(--serif);color:var(--brass-ink);font-style:italic;font-weight:500}.tool-page .defs dd{color:var(--muted);font-size:var(--fs-ui);margin:4px 0 0}.tool-page .faq{border-radius:22px;margin-top:18px;padding:8px 22px}.tool-page .faq h2{margin:16px 0 6px}.tool-page .faq details{border-top:1px solid var(--line)}.tool-page .faq details:first-of-type{border-top:0}.tool-page .faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:14px;min-height:58px;padding:10px 0;font-size:16.5px;font-weight:500;list-style:none;display:flex}.tool-page .faq summary::-webkit-details-marker{display:none}.tool-page .faq summary .pm{border:1px solid var(--line-strong);width:30px;height:30px;transition:transform .35s var(--ease), background .2s;border-radius:50%;flex:none;place-items:center;display:grid}.tool-page .faq details[open] summary .pm{background:var(--btn-bg);color:var(--btn-fg);border-color:var(--btn-bg);transform:rotate(45deg)}.tool-page .faq details p{color:var(--muted);max-width:70ch;padding:0 0 18px}.tool-page .faq details[open] p{animation:viewin .4s var(--ease)}.tool-page .related{margin-top:18px}.tool-page .related .sec-h{margin:40px 0 16px}.tool-page .checked{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:22px;font-size:12.5px;display:flex}.tool-page .checked span{align-items:center;gap:6px;display:inline-flex}.tool-page .checked svg.i{width:15px;height:15px;color:var(--cobalt)}.tool-page .hubgrid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;margin-top:28px;display:grid}.tool-page .hubcard{min-height:150px;color:var(--text);animation:viewin .6s var(--ease) both;border-radius:22px;grid-template-rows:auto 1fr auto;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;padding:20px;text-decoration:none;display:grid;position:relative;overflow:hidden}.tool-page .hubcard .ic{background:rgba(var(--glow-rgb), .08);border:1px solid rgba(var(--glow-rgb), .25);width:46px;height:46px;color:var(--accent-ink);border-radius:14px;grid-row:1/3;place-items:center;display:grid}.tool-page .hubcard .nm{font-family:var(--serif);align-self:center;font-size:21px;font-weight:500;line-height:1.15}:lang(ar) .tool-page .hubcard .nm,:lang(ur) .tool-page .hubcard .nm,:lang(hi) .tool-page .hubcard .nm,:lang(ja) .tool-page .hubcard .nm,:lang(zh) .tool-page .hubcard .nm,:lang(ko) .tool-page .hubcard .nm,:lang(th) .tool-page .hubcard .nm,:lang(bn) .tool-page .hubcard .nm{font-family:var(--sans);font-size:18px;font-weight:600}.tool-page .hubcard .ld{font-size:var(--fs-small);color:var(--muted);grid-column:2}.tool-page .hubcard .go{color:var(--muted);transition:transform .3s var(--ease), color .2s;grid-column:2;justify-self:end}.tool-page .hubcard:hover{border-color:rgba(var(--glow-rgb), .35)}.tool-page .hubcard:hover .go{color:var(--accent-ink);transform:translate(4px)}[dir=rtl] .tool-page .hubcard:hover .go{transform:translate(-4px)}@media (max-width:1360px){.tool-page .tool-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"a""s""b"}.tool-page .tool-grid>.side{margin-top:18px;position:static}.tool-page .roll{max-height:250px}}@media (max-width:1100px){.tool-page .blocks{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.tool-page .tool-head{padding-top:4px}.tool-page .tool-head .lead{margin-top:8px;font-size:15.5px}.tool-page .tool-head .meta{margin-top:12px}.tool-page .crumbs{margin-bottom:8px}.tool-page .tool-grid{margin-top:16px}.tool-page .conv{border-radius:22px;padding:14px}.tool-page .conv-fields{grid-template-columns:minmax(0,1fr);gap:8px}.tool-page .conv .inp{min-height:58px}.tool-page .conv .inp input{height:56px;font-size:22px}.tool-page .conv .inp select{max-width:52%;height:56px}.tool-page .swap{justify-self:center;width:44px;height:44px;margin:-2px 0;transform:rotate(90deg)}.tool-page .swap.spun{transform:rotate(270deg)}.tool-page .result{margin-top:14px;padding-top:14px}.tool-page .result .tools .cp{margin-inline-start:0}.tool-page .result .tools .seg{width:100%;display:flex}.tool-page .result .tools .seg button{flex:1;min-width:0;padding:0 4px}.tool-page .srule{height:150px}.tool-page .ruler{height:146px}.tool-page .dial{max-width:180px}.tool-page .formula,.tool-page .tbl-card,.tool-page .defs{padding:18px}.tool-page .formula .f{font-size:20px}.tool-page .faq{padding:4px 16px}.tool-page .faq summary{font-size:15.5px}.tool-page .related .sec-h{margin-top:32px}.tool-page .hubgrid{gap:10px;margin-top:18px}.tool-page .hubcard{min-height:0;padding:16px}}@media (max-width:420px){.tool-page .dial .val{font-size:22px}}@media (prefers-reduced-motion:reduce){.tool-page .swap,.tool-page .dial .rot,.tool-page .paperstrip,.tool-page .paperstrip li.new,.tool-page .paperstrip.tear,.tool-page .faq summary .pm,.tool-page .hubcard,.tool-page .pairlist a,.tool-page .odo .c .s{transition:none!important;animation:none!important}}@media print{.tool-page .ad,.tool-page .ad-slot,.tool-page .side,.tool-page .rule-card,.tool-page .ruler-card,.tool-page .dials{display:none!important}}[dir=rtl] .tool-page table.t td:first-child{text-align:right}[dir=rtl] .tool-page table.t td:last-child:not(:first-child){text-align:left}.tool-page .stack{gap:18px;margin-top:18px;display:grid}.tool-page .pairs .pairlist{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));column-gap:18px}.tool-page .conv{container:conv/inline-size}@container conv (max-width:1000px){.tool-page .conv-fields{grid-template-columns:minmax(0,1fr);gap:8px}.tool-page .swap{justify-self:center;width:44px;height:44px;margin:-2px 0;transform:rotate(90deg)}.tool-page .swap.spun{transform:rotate(270deg)}}@container conv (max-width:480px){.tool-page .conv .inp input{padding-inline:14px 6px;font-size:21px}.tool-page .conv .inp select{max-width:46%;padding-inline-start:10px}}@media (max-width:760px){.tool-page .formula pre.f.mono{font-size:13px;line-height:1.6}}
.tool-page .calc-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:start;gap:18px;margin-top:26px;display:grid}.tool-page .calc-in{border-radius:26px;flex-direction:column;gap:18px;min-width:0;padding:22px;display:flex}.tool-page .calc-panel{outline:none;flex-direction:column;gap:16px;display:flex}.tool-page .calc-in .fields{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 12px;display:grid}.tool-page .calc-in .fields:empty{display:none}.tool-page .calc-in .field.wide,.tool-page .calc-in .field.tog{grid-column:1/-1}.tool-page .calc-in .field .lrow{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.tool-page .calc-in .field label{font-size:var(--fs-label);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--muted);font-weight:600}.tool-page .calc-in .field label small{text-transform:none;letter-spacing:0;font-weight:500}:lang(ar) .tool-page .calc-in .field label,:lang(ur) .tool-page .calc-in .field label,:lang(ja) .tool-page .calc-in .field label,:lang(hi) .tool-page .calc-in .field label,:lang(zh) .tool-page .calc-in .field label,:lang(ko) .tool-page .calc-in .field label{letter-spacing:.02em;font-size:13px}.tool-page .calc-in .inp input[type=date],.tool-page .calc-in .inp input[type=time]{min-height:50px}.tool-page .calc-in .hint{color:var(--muted);font-size:12.5px}.tool-page .calc-in .sl-out{font-family:var(--serif);color:var(--accent-ink);font-variant-numeric:tabular-nums lining-nums;font-size:22px;font-style:italic}.tool-page .slider-row .vals{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;font-size:12.5px;display:flex}.tool-page .form-acts{justify-content:flex-end;gap:8px;margin-top:auto;display:flex}.tool-page .switch{border:1px solid var(--line-strong);background:var(--surface);min-height:44px;font-size:var(--fs-ui);border-radius:999px;align-items:center;gap:10px;width:fit-content;padding:0 14px 0 6px;font-weight:500;display:inline-flex}.tool-page .switch .knob{background:var(--sunk);border-radius:99px;width:44px;height:26px;transition:background .25s;position:relative}.tool-page .switch .knob:after{content:"";top:3px;background:var(--surface);width:20px;height:20px;transition:transform .3s var(--ease);border-radius:50%;position:absolute;inset-inline-start:3px;box-shadow:0 1px 4px #00000040}.tool-page .switch.on .knob{background:var(--accent)}.tool-page .switch.on .knob:after{transform:translate(18px)}[dir=rtl] .tool-page .switch.on .knob:after{transform:translate(-18px)}.tool-page .tabs{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));border:1px solid var(--line-strong);background:var(--surface-2);border-radius:16px;gap:4px;padding:4px;display:grid}.tool-page .tabs button{min-height:48px;color:var(--muted);background:0 0;border:0;border-radius:12px;padding:6px 10px;font-size:14px;font-weight:500;line-height:1.2;transition:background .2s,color .2s}.tool-page .tabs button:hover{color:var(--text)}.tool-page .tabs button[aria-selected=true]{background:var(--btn-bg);color:var(--btn-fg);box-shadow:0 8px 20px -12px rgba(var(--ink-rgb), .6)}.tool-page .sentence{font-family:var(--serif);flex-wrap:wrap;align-items:flex-start;gap:10px 14px;font-size:clamp(26px,3vw,38px);line-height:1.2;display:flex}:lang(ar) .tool-page .sentence,:lang(ur) .tool-page .sentence,:lang(hi) .tool-page .sentence,:lang(ja) .tool-page .sentence,:lang(zh) .tool-page .sentence,:lang(ko) .tool-page .sentence,:lang(th) .tool-page .sentence,:lang(bn) .tool-page .sentence{font-family:var(--sans)}.tool-page .sentence .w{padding-top:12px}.tool-page .sentence .sfield{flex-direction:column;gap:4px;display:inline-flex}.tool-page .sentence .sin{border-bottom:1px solid var(--line-strong);align-items:baseline;gap:2px;transition:border-color .2s,box-shadow .2s;display:inline-flex}.tool-page .sentence .sin:focus-within{border-bottom-color:var(--accent);box-shadow:0 1px 0 0 var(--accent)}.tool-page .sentence .sin:has([aria-invalid=true]){border-bottom-color:var(--accent-ink)}.tool-page .sentence input{width:5.4ch;min-width:110px;height:60px;font-family:inherit;font-size:inherit;color:var(--accent-ink);text-align:center;font-variant-numeric:lining-nums;direction:ltr;background:0 0;border:0;outline:none;padding:0 4px}.tool-page .sentence input[aria-invalid=true]{color:var(--accent-ink)}.tool-page .sentence .suf,.tool-page .sentence .pre{color:var(--muted);font-size:.6em}.tool-page .sentence label{font-family:var(--sans);letter-spacing:var(--ls-caps);text-transform:uppercase;color:var(--muted);text-align:center;font-size:11.5px;font-weight:600}.tool-page .sentence .opseg{font-family:var(--sans);align-self:center}.tool-page .serrs:empty{display:none}.tool-page .serrs:not(:has(.err:not(:empty))){display:none}.tool-page .calc-out{border-radius:26px;min-width:0;padding:24px;transition:opacity .3s}.tool-page .calc-out.dim .pay{opacity:.45}.tool-page .pay-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.tool-page .calc-out .pay{font-family:var(--serif);letter-spacing:-.02em;overflow-wrap:anywhere;direction:ltr;align-items:baseline;gap:.12em;margin:6px 0 2px;font-size:clamp(46px,5.6vw,86px);font-style:italic;font-weight:400;line-height:1.05;display:flex}[dir=rtl] .tool-page .calc-out .pay{justify-content:flex-end}.tool-page .calc-out .pay .odo{white-space:normal;flex-wrap:wrap;max-width:100%}.tool-page .calc-out .pay .x.u{font-size:.3em}.tool-page .calc-out .pay .approx{color:var(--muted);font-size:.5em;font-style:normal}.tool-page .calc-out .pay .ph{color:var(--muted)}.tool-page .calc-out .per{color:var(--muted);font-size:var(--fs-ui)}.tool-page .calc-out .kv{border-top:1px dashed var(--line-strong);margin-top:18px;padding-top:16px}.tool-page .kv{gap:10px;display:grid}.tool-page .kv>div{border-bottom:1px solid var(--line);font-size:var(--fs-ui);justify-content:space-between;align-items:baseline;gap:10px;padding-bottom:10px;display:flex}.tool-page .kv>div:last-child{border-bottom:0}.tool-page .kv dt{color:var(--muted);align-items:center;gap:8px;display:flex}.tool-page .kv dd{font-variant-numeric:tabular-nums;text-align:end;overflow-wrap:anywhere;margin:0;font-weight:600}.tool-page .kv dd small{color:var(--muted);font-size:12px;font-weight:500;display:block}.tool-page .sw-dot{border-radius:3px;flex:none;width:10px;height:10px;display:inline-block}.tool-page .sw-dot.ghost{border:1.5px dashed var(--border)}.tool-page .calc-out .viz{border-top:1px dashed var(--line-strong);margin-top:20px;padding-top:18px}.tool-page .calc-out .steps{font-size:var(--fs-ui);margin-top:16px}.tool-page .calc-out .steps summary{cursor:pointer;align-items:center;min-height:44px;font-weight:500;display:flex}.tool-page .calc-out .steps ol{color:var(--muted);font-variant-numeric:tabular-nums;gap:6px;padding-inline-start:22px;list-style:decimal;display:grid}.tool-page .calc-out .note{font-size:var(--fs-small);color:var(--muted);align-items:flex-start;gap:8px;margin-top:14px;display:flex}.tool-page .calc-out .note svg.i{width:16px;height:16px;color:var(--cobalt);margin-top:2px}.tool-page .calc-out .tools{flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:18px;display:flex}.tool-page .calc-out .tools .share{font-size:12.5px}.calc-page .faq{margin-top:18px}@media (max-width:1240px){.tool-page .calc-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width:760px){.tool-page .calc-grid{margin-top:16px}.tool-page .calc-in{border-radius:22px;gap:14px;padding:16px}.tool-page .calc-in .fields{grid-template-columns:minmax(0,1fr)}.tool-page .calc-out{border-radius:22px;padding:18px}.tool-page .tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-page .sentence{gap:6px 10px;font-size:24px}.tool-page .sentence input{width:4.6em;min-width:0;height:52px}.tool-page .sentence .w{padding-top:12px}}@media (prefers-reduced-motion:reduce){.tool-page .switch .knob,.tool-page .switch .knob:after,.tool-page .tabs button,.tool-page .calc-out{transition:none!important}}.tool-page .calc-out .pay .long{letter-spacing:0;overflow-wrap:anywhere;word-break:break-all;max-height:16em;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:clamp(18px,2.2vw,26px);font-style:normal;line-height:1.4;overflow-y:auto}.tool-page .calc-out .steps .mono{overflow-wrap:anywhere;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13.5px}.tool-page .odo .x.sup{margin-top:.15em;align-self:flex-start;height:auto;margin-inline-start:.05em;font-size:.45em;line-height:1}.tool-page .calc-out .kv dt{min-width:min(8em,40%)}.tool-page .calc-out .kv dd{overscroll-behavior:contain;scrollbar-width:thin;max-height:12.5em;overflow-y:auto}.tool-page .calc-out{container-type:inline-size}.tool-page .calc-out .pay{font-size:min(clamp(46px, 5.6vw, 86px), calc(96cqw / (var(--len,6) * .58)))}.tool-page .calc-out .pay .odo{flex-wrap:nowrap}
.tool-page .donut-row{grid-template-columns:180px minmax(0,1fr);align-items:center;gap:22px;display:grid}.tool-page .donut{width:180px;height:180px;position:relative}.tool-page .donut svg{width:100%;height:100%;transform:rotate(-90deg)}[dir=rtl] .tool-page .donut svg{transform:rotate(-90deg)scaleY(-1)}.tool-page .donut circle{fill:none;stroke-width:18px}.tool-page .donut circle.arc{transition:stroke-dasharray .9s var(--ease), stroke-dashoffset .9s var(--ease);animation:arcin 1s var(--ease) both}@keyframes arcin{0%{stroke-dasharray:0 999}}.tool-page .donut .ctr{text-align:center;place-content:center;gap:2px;padding:22px;display:grid;position:absolute;inset:0}.tool-page .donut .ctr b{font-family:var(--serif);font-style:italic;font-size:min(24px, calc(136px / (var(--len,8) * .52)));font-variant-numeric:lining-nums;white-space:nowrap;direction:ltr;unicode-bidi:isolate;font-weight:400;line-height:1.05}.tool-page .donut .ctr small{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:11px}.tool-page .bars{flex-direction:column;gap:14px;display:flex}.tool-page .pbar{flex-direction:column;gap:6px;display:flex}.tool-page .pbar .meta{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;gap:10px;font-size:12.5px;display:flex}.tool-page .pbar .meta b{color:var(--text);font-weight:600}.tool-page .pbar .track{background:var(--sunk);border:1px solid var(--line);border-radius:999px;height:16px;position:relative;overflow:hidden}.tool-page .pbar .fill{top:0;bottom:0;transition:width .8s var(--ease);animation:fillin .9s var(--ease) both;border-radius:999px;position:absolute;inset-inline-start:0}@keyframes fillin{0%{width:0}}.tool-page .fill.a{background:linear-gradient(90deg, rgba(var(--glow-rgb), .55), var(--accent))}.tool-page .fill.b{background:linear-gradient(90deg, rgba(var(--brass-rgb), .45), var(--brass))}.tool-page .fill.c{background:linear-gradient(90deg, rgba(var(--cobalt-rgb), .45), var(--cobalt))}[dir=rtl] .tool-page .fill.a{background:linear-gradient(-90deg, rgba(var(--glow-rgb), .55), var(--accent))}[dir=rtl] .tool-page .fill.b{background:linear-gradient(-90deg, rgba(var(--brass-rgb), .45), var(--brass))}.tool-page .small{font-size:var(--fs-small)}.tool-page .gauge{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.tool-page .gauge>svg{flex:none;width:220px;height:124px;overflow:visible}.tool-page .gauge text{font-family:var(--sans);fill:var(--muted);font-size:11px}.tool-page .gauge .needle{transform-origin:110px 112px;transform-box:view-box;transition:transform .9s cubic-bezier(.34,1.4,.5,1)}.tool-page .gauge .v{font-family:var(--serif);font-size:38px;font-weight:500;line-height:1}.tool-page .gauge .c{font-size:var(--fs-ui);color:var(--muted);align-items:center;gap:8px;margin-top:6px;display:flex}.tool-page .ring{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;display:grid}.tool-page .ringwrap{width:176px;height:176px;position:relative}.tool-page .ringwrap svg{width:176px;height:176px}.tool-page .ring .bg{fill:none;stroke:rgba(var(--ink-rgb), .08);stroke-width:12px}.tool-page .ring .fg{fill:none;stroke-width:12px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset 1.2s var(--ease);animation:ringin 1.2s var(--ease) both;transform:rotate(-90deg)}.tool-page .ring .fgg{fill:none;stroke:rgba(var(--glow-rgb), .16);stroke-width:22px;stroke-linecap:round;transform-origin:50%;transition:stroke-dashoffset 1.2s var(--ease);transform:rotate(-90deg)}[dir=rtl] .tool-page .ring .fg,[dir=rtl] .tool-page .ring .fgg{transform:rotate(-90deg)scaleY(-1)}@keyframes ringin{0%{stroke-dashoffset:465px}}.tool-page .ringwrap .mid{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.tool-page .ringwrap .mid b{font-family:var(--serif);font-size:44px;font-weight:500;line-height:1}.tool-page .ringwrap .mid small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:12px}.tool-page .ring .info{color:var(--muted);font-size:var(--fs-ui)}.tool-page .chart-card{border-radius:26px;margin-top:18px;padding:22px}.tool-page .chart-card .ch{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.tool-page .chart-card h2{font-family:var(--serif);font-size:22px;font-weight:500}.tool-page .legend{font-size:var(--fs-small);color:var(--muted);flex-wrap:wrap;gap:14px;display:flex}.tool-page .legend span{align-items:center;gap:7px;display:inline-flex}.tool-page .chart{position:relative}.tool-page .chart[hidden]{display:none}.tool-page .chart svg{touch-action:pan-y;direction:ltr;width:100%;height:auto;display:block;overflow:visible}.tool-page .chart .bar-g rect{transition:opacity .2s}.tool-page .chart .bar-g.on rect{opacity:.78}.tool-page .chart .grow{transform-box:fill-box;transform-origin:bottom;animation:grow .8s var(--ease) both}@keyframes grow{0%{transform:scaleY(0)}}.tool-page .chart text{font-family:var(--sans);fill:var(--muted);font-size:11px}.tool-page .chart text.axis{font-weight:600}.tool-page .chart .tip{z-index:5;pointer-events:none;background:var(--glass-strong);border:1px solid var(--line-strong);box-shadow:var(--shadow-2);white-space:nowrap;font-variant-numeric:tabular-nums;border-radius:12px;padding:10px 12px;font-size:12.5px;position:absolute;transform:translate(-50%,calc(-100% - 8px))}.tool-page .chart .tip b{font-family:var(--serif);margin-bottom:2px;font-size:16px;font-style:italic;display:block}.tool-page .amort-tbl{max-height:420px;margin-top:14px;overflow:auto}@media (max-width:760px){.tool-page .donut-row,.tool-page .ring{grid-template-columns:minmax(0,1fr);justify-items:center}.tool-page .donut-row .kv{width:100%}.tool-page .ring .info{text-align:center}.tool-page .chart-card{padding:16px}}@media (prefers-reduced-motion:reduce){.tool-page .donut circle.arc,.tool-page .bar .fill,.tool-page .gauge .needle,.tool-page .ring .fg,.tool-page .ring .fgg,.tool-page .chart .grow{transition:none!important;animation:none!important}}
