:root{--bg: #f6f7fb;--surface: #ffffff;--surface-2: #f1f3f9;--text: #0f172a;--muted: #586174;--border: #e2e6ef;--brand: #4f46e5;--brand-ink: #ffffff;--brand-soft: #eef0ff;--accent: #0ea5e9;--good: #15803d;--good-soft: #e7f6ec;--warn: #b45309;--warn-soft: #fdf3e2;--bad: #c2410c;--bad-soft: #fdece4;--s0: #4f46e5;--s1: #0ea5e9;--s2: #f59e0b;--s3: #ec4899;--c-finance: #059669;--c-health: #e11d48;--c-math: #4f46e5;--c-everyday: #d97706;--c-converters: #0891b2;--radius: 14px;--shadow: 0 1px 2px rgba(15,23,42,.04),0 4px 16px rgba(15,23,42,.06);--font: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--mono: ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color-scheme: light;}@media (prefers-color-scheme: dark){:root{--bg: #0b1020;--surface: #121a2e;--surface-2: #19223a;--text: #e7eaf3;--muted: #9ba5ba;--border: #26314b;--brand: #8b93ff;--brand-ink: #0b1020;--brand-soft: #1d2346;--good: #4ade80;--good-soft: #12301f;--warn: #fbbf24;--warn-soft: #33270c;--bad: #fb923c;--bad-soft: #3a1d10;--s0: #8b93ff;--s1: #38bdf8;--s2: #fbbf24;--s3: #f472b6;--c-finance: #34d399;--c-health: #fb7185;--c-math: #8b93ff;--c-everyday: #fbbf24;--c-converters: #22d3ee;--shadow: 0 1px 2px rgba(0,0,0,.3),0 4px 16px rgba(0,0,0,.25);color-scheme: dark;}}*,*::before,*::after{box-sizing: border-box;}[hidden]{display: none !important;}html{-webkit-text-size-adjust: 100%;}body{margin: 0;font: 16px/1.6 var(--font);color: var(--text);background: var(--bg);-webkit-font-smoothing: antialiased;}img,svg{max-width: 100%;}a{color: var(--brand);text-underline-offset: 2px;}a:hover{text-decoration-thickness: 2px;}h1,h2,h3{line-height: 1.25;letter-spacing: -.015em;}:focus-visible{outline: 3px solid var(--accent);outline-offset: 2px;border-radius: 6px;}.wrap{max-width: 1140px;margin: 0 auto;padding: 0 16px;}.skip{position: absolute;left: -999px;top: 8px;background: var(--brand);color: var(--brand-ink);padding: 8px 14px;border-radius: 8px;z-index: 10;}.skip:focus{left: 8px;}.site-header{position: sticky;top: 0;z-index: 5;background: color-mix(in srgb,var(--surface) 88%,transparent);backdrop-filter: saturate(1.4) blur(10px);border-bottom: 1px solid var(--border);}.site-header .wrap{display: flex;align-items: center;gap: 24px;min-height: 60px;}.logo{display: inline-flex;align-items: center;gap: 9px;font-weight: 800;font-size: 1.15rem;color: var(--text);text-decoration: none;letter-spacing: -.02em;}.logo svg{width: 30px;height: 30px;flex: none;}.nav{display: flex;gap: 4px;margin-left: auto;overflow-x: auto;scrollbar-width: none;}.nav::-webkit-scrollbar{display: none;}.nav a{padding: 7px 12px;border-radius: 9px;color: var(--muted);text-decoration: none;font-weight: 600;font-size: .94rem;white-space: nowrap;}.nav a:hover,.nav a[aria-current]{background: var(--surface-2);color: var(--text);}@media (max-width: 720px){.site-header .wrap{flex-wrap: wrap;gap: 0;padding-top: 8px;}.nav{width: 100%;margin: 4px -6px 6px;}.nav a{padding: 6px 10px;}}.crumbs ol{list-style: none;display: flex;flex-wrap: wrap;gap: 6px;padding: 0;margin: 20px 0 0;font-size: .88rem;color: var(--muted);}.crumbs li + li::before{content: "/";margin-right: 6px;opacity: .6;}.crumbs a{color: var(--muted);text-decoration: none;}.crumbs a:hover{color: var(--brand);text-decoration: underline;}.page-head{margin: 10px 0 24px;max-width: 760px;}.page-head h1{font-size: clamp(1.8rem,1.2rem + 2.2vw,2.5rem);margin: 0 0 8px;}.lead{font-size: 1.08rem;color: var(--muted);margin: 0;}.calc{display: grid;gap: 20px;align-items: start;}@media (min-width: 900px){.calc{grid-template-columns: minmax(0,1.05fr) minmax(0,1fr);}}.card{background: var(--surface);border: 1px solid var(--border);border-radius: var(--radius);box-shadow: var(--shadow);}.calc-form{padding: 22px;}.calc-result{padding: 22px;min-height: 200px;}@media (min-width: 900px){.calc-result{position: sticky;top: 76px;}}.fields{display: grid;grid-template-columns: 1fr 1fr;gap: 14px 14px;}.field{grid-column: 1 / -1;min-width: 0;margin: 0;padding: 0;border: 0;}.field.half{grid-column: auto;}@media (max-width: 340px){.field.half{grid-column: 1 / -1;}}.field > label,.field > legend{display: block;font-weight: 600;font-size: .92rem;margin-bottom: 6px;padding: 0;}.field small{display: block;color: var(--muted);font-size: .82rem;margin-top: 5px;}.input{display: flex;align-items: center;background: var(--surface);border: 1.5px solid var(--border);border-radius: 10px;transition: border-color .15s,box-shadow .15s;}.input:focus-within{border-color: var(--brand);box-shadow: 0 0 0 3px var(--brand-soft);}.input input,.input select,.input textarea{flex: 1;min-width: 0;width: 100%;border: 0;background: transparent;color: var(--text);font: inherit;font-size: 1rem;padding: 10px 12px;outline: none;}.input select{appearance: none;cursor: pointer;padding-right: 34px;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%23889' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center;}.input select option{background: var(--surface);color: var(--text);}.input textarea{resize: vertical;min-height: 104px;font-family: var(--mono);font-size: .95rem;}.input .pre,.input .suf{color: var(--muted);font-size: .95rem;padding: 0 12px;white-space: nowrap;}.input .pre{padding-right: 0;}.input .suf{padding-left: 0;}.input input[type=number]{-moz-appearance: textfield;}.input input::-webkit-outer-spin-button,.input input::-webkit-inner-spin-button{-webkit-appearance: none;margin: 0;}.seg-opts{display: flex;background: var(--surface-2);border-radius: 10px;padding: 4px;gap: 4px;}.seg-opts label{flex: 1;position: relative;}.seg-opts input{position: absolute;opacity: 0;inset: 0;margin: 0;cursor: pointer;}.seg-opts span{display: block;text-align: center;padding: 7px 10px;border-radius: 7px;font-weight: 600;font-size: .92rem;color: var(--muted);}.seg-opts input:checked + span{background: var(--surface);color: var(--brand);box-shadow: 0 0 0 1px var(--border),0 1px 3px rgba(15,23,42,.12);}.seg-opts input:focus-visible + span{outline: 3px solid var(--accent);outline-offset: 1px;}.check{display: flex;align-items: center;gap: 10px;font-weight: 600;font-size: .92rem;cursor: pointer;}.check input{width: 18px;height: 18px;accent-color: var(--brand);}.actions{display: flex;gap: 10px;margin-top: 20px;}.btn{appearance: none;border: 0;cursor: pointer;font: inherit;font-weight: 700;font-size: 1rem;padding: 11px 22px;border-radius: 10px;background: var(--brand);color: var(--brand-ink);transition: filter .15s,transform .05s;}.btn:hover{filter: brightness(1.08);}.btn:active{transform: translateY(1px);}.btn.ghost{background: var(--surface-2);color: var(--text);}.res-main{margin-bottom: 16px;}.res-label{color: var(--muted);font-weight: 600;font-size: .9rem;text-transform: uppercase;letter-spacing: .05em;}.res-value{font-size: clamp(2rem,1.5rem + 2vw,2.7rem);font-weight: 800;letter-spacing: -.03em;line-height: 1.15;margin: 4px 0;overflow-wrap: anywhere;}.res-value small{font-size: .5em;font-weight: 700;color: var(--muted);letter-spacing: 0;}.res-sub{display: inline-block;font-weight: 700;font-size: .92rem;padding: 4px 10px;border-radius: 999px;background: var(--surface-2);}.tone-good{background: var(--good-soft);color: var(--good);}.tone-warn{background: var(--warn-soft);color: var(--warn);}.tone-bad{background: var(--bad-soft);color: var(--bad);}.res-error{background: var(--bad-soft);color: var(--bad);padding: 14px 16px;border-radius: 10px;font-weight: 600;}.res-subtitle{font-weight: 700;font-size: .92rem;margin: 18px 0 8px;}.res-rows{margin: 16px 0 0;border-top: 1px solid var(--border);}.res-rows div{display: flex;justify-content: space-between;gap: 16px;padding: 9px 0;border-bottom: 1px solid var(--border);}.res-rows dt{color: var(--muted);}.res-rows dd{margin: 0;font-weight: 700;text-align: right;font-variant-numeric: tabular-nums;}.res-note{color: var(--muted);font-size: .88rem;margin: 14px 0 0;}.res-steps ol{margin: 0;padding-left: 20px;color: var(--muted);font-size: .94rem;}.res-steps li{margin: 3px 0;}.res-steps b{color: var(--text);}.gauge{margin: 6px 0 16px;}.gauge-bar{position: relative;display: flex;height: 12px;border-radius: 999px;overflow: visible;}.gauge-bar span:first-child{border-radius: 999px 0 0 999px;}.gauge-bar span:last-of-type{border-radius: 0 999px 999px 0;}.gb-info{background: var(--s1);}.gb-good{background: var(--good);}.gb-warn{background: var(--s2);}.gb-bad{background: var(--bad);}.gauge-marker{position: absolute;top: -5px;width: 6px;height: 22px;margin-left: -3px;border-radius: 3px;background: var(--text);box-shadow: 0 0 0 2px var(--surface);}.gauge-labels{display: flex;font-size: .74rem;color: var(--muted);margin-top: 6px;}.gauge-labels span{text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding: 0 2px;}.split{margin: 4px 0 8px;}.split-bar{display: flex;height: 12px;border-radius: 999px;overflow: hidden;gap: 2px;}.split-legend{list-style: none;padding: 0;margin: 10px 0 0;display: flex;flex-wrap: wrap;gap: 6px 16px;font-size: .86rem;color: var(--muted);}.split-legend i{display: inline-block;width: 10px;height: 10px;border-radius: 3px;margin-right: 6px;vertical-align: -1px;}.split-legend b{color: var(--text);}.s0{background: var(--s0);}.s1{background: var(--s1);}.s2{background: var(--s2);}.s3{background: var(--s3);}.chips{list-style: none;display: flex;flex-wrap: wrap;gap: 8px;padding: 0;margin: 0;}.chips li{background: var(--surface-2);border: 1px solid var(--border);border-radius: 10px;padding: 8px 12px;font-weight: 700;font-variant-numeric: tabular-nums;}.chips li small{display: block;font-weight: 500;color: var(--muted);font-size: .78rem;}.res-table{margin-top: 16px;border: 1px solid var(--border);border-radius: 10px;}.res-table summary{cursor: pointer;padding: 10px 14px;font-weight: 700;font-size: .94rem;}.res-table .table-wrap{max-height: 360px;overflow: auto;border-top: 1px solid var(--border);}.res-table table{margin: 0;}.table-wrap{overflow-x: auto;}table{width: 100%;border-collapse: collapse;font-size: .92rem;font-variant-numeric: tabular-nums;margin: 16px 0;}th,td{text-align: left;padding: 8px 12px;border-bottom: 1px solid var(--border);white-space: nowrap;}th{background: var(--surface-2);font-weight: 700;position: sticky;top: 0;}.prose td{white-space: normal;}.content-grid{display: grid;gap: 28px;margin: 36px 0 56px;}@media (min-width: 960px){.content-grid{grid-template-columns: minmax(0,1fr) 300px;}}.prose{max-width: 760px;}.prose h2{font-size: 1.5rem;margin: 36px 0 12px;}.prose h2:first-child{margin-top: 0;}.prose h3{font-size: 1.12rem;margin: 24px 0 6px;}.prose p,.prose li{color: color-mix(in srgb,var(--text) 86%,var(--muted));}.prose li{margin: 5px 0;}.formula{font-family: var(--mono);font-size: .98rem;background: var(--surface-2);border: 1px solid var(--border);border-left: 4px solid var(--brand);border-radius: 10px;padding: 14px 16px;margin: 16px 0;overflow-x: auto;white-space: pre-wrap;}.callout{background: var(--brand-soft);border-radius: 12px;padding: 14px 16px;margin: 20px 0;}.callout p{margin: 0;}.faq h3{margin-top: 20px;}.disclaimer{font-size: .88rem;color: var(--muted);border-top: 1px solid var(--border);padding-top: 16px;margin-top: 36px;}.updated{font-size: .86rem;color: var(--muted);}.sidebar{display: grid;gap: 20px;align-content: start;}.side-box{padding: 18px 20px;}.side-box h2{font-size: 1rem;margin: 0 0 10px;}.side-box ul{list-style: none;padding: 0;margin: 0;}.side-box li a{display: flex;align-items: center;gap: 10px;padding: 7px 0;text-decoration: none;color: var(--text);font-weight: 600;font-size: .95rem;}.side-box li a:hover{color: var(--brand);}.side-box li + li a{border-top: 1px solid var(--border);}.ico{flex: none;display: inline-grid;place-items: center;width: 34px;height: 34px;border-radius: 10px;}.ico svg{width: 18px;height: 18px;}.ico.sm{width: 26px;height: 26px;border-radius: 8px;}.ico.sm svg{width: 14px;height: 14px;}.cat-finance{color: var(--c-finance);background: color-mix(in srgb,var(--c-finance) 14%,transparent);}.cat-health{color: var(--c-health);background: color-mix(in srgb,var(--c-health) 14%,transparent);}.cat-math{color: var(--c-math);background: color-mix(in srgb,var(--c-math) 14%,transparent);}.cat-everyday{color: var(--c-everyday);background: color-mix(in srgb,var(--c-everyday) 14%,transparent);}.cat-converters{color: var(--c-converters);background: color-mix(in srgb,var(--c-converters) 14%,transparent);}.hero{text-align: center;padding: 56px 0 36px;}.hero h1{font-size: clamp(2.1rem,1.3rem + 3.4vw,3.4rem);margin: 0 0 12px;letter-spacing: -.035em;}.hero h1 span{background: linear-gradient(90deg,var(--brand),var(--accent));-webkit-background-clip: text;background-clip: text;color: transparent;}.hero p{color: var(--muted);font-size: 1.12rem;max-width: 620px;margin: 0 auto 26px;}.search{position: relative;max-width: 560px;margin: 0 auto;}.search svg{position: absolute;left: 16px;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;color: var(--muted);pointer-events: none;}.search input{width: 100%;font: inherit;font-size: 1.05rem;color: var(--text);padding: 15px 18px 15px 48px;border-radius: 14px;border: 1.5px solid var(--border);background: var(--surface);box-shadow: var(--shadow);outline: none;}.search input:focus{border-color: var(--brand);box-shadow: 0 0 0 4px var(--brand-soft);}.popular{display: flex;flex-wrap: wrap;justify-content: center;gap: 8px;margin: 20px auto 0;max-width: 760px;}.popular a{padding: 6px 12px;border-radius: 999px;background: var(--surface);border: 1px solid var(--border);color: var(--text);text-decoration: none;font-size: .9rem;font-weight: 600;}.popular a:hover{border-color: var(--brand);color: var(--brand);}.group{margin: 40px 0;}.group-head{display: flex;align-items: baseline;justify-content: space-between;gap: 16px;margin-bottom: 14px;}.group-head h2{font-size: 1.4rem;margin: 0;}.group-head a{font-weight: 600;font-size: .94rem;text-decoration: none;white-space: nowrap;}.grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(250px,1fr));gap: 14px;}.tile{display: flex;gap: 14px;padding: 16px 18px;text-decoration: none;color: var(--text);transition: border-color .15s,transform .15s;}.tile:hover{border-color: var(--brand);transform: translateY(-2px);}.tile b{display: block;font-size: 1rem;}.tile span.d{display: block;color: var(--muted);font-size: .88rem;line-height: 1.45;margin-top: 2px;}.empty{text-align: center;color: var(--muted);padding: 30px 0;}.features{display: grid;grid-template-columns: repeat(auto-fit,minmax(230px,1fr));gap: 14px;margin: 48px 0;}.feature{padding: 20px;}.feature h3{margin: 0 0 6px;font-size: 1.05rem;}.feature p{margin: 0;color: var(--muted);font-size: .94rem;}.home-prose{margin: 48px auto 64px;}.site-footer{border-top: 1px solid var(--border);background: var(--surface);padding: 40px 0 28px;font-size: .92rem;}.foot-grid{display: grid;grid-template-columns: repeat(auto-fit,minmax(170px,1fr));gap: 24px;}.foot-title{font-size: .8rem;font-weight: 700;text-transform: uppercase;letter-spacing: .08em;color: var(--muted);margin: 0 0 10px;}.site-footer ul{list-style: none;padding: 0;margin: 0;}.site-footer li{margin: 6px 0;}.site-footer a{color: var(--text);text-decoration: none;}.site-footer a:hover{color: var(--brand);text-decoration: underline;}.foot-bottom{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 10px;border-top: 1px solid var(--border);margin-top: 28px;padding-top: 18px;color: var(--muted);}.notfound{text-align: center;padding: 80px 0;}.notfound h1{font-size: 3rem;margin: 0;}@media print{.site-header,.site-footer,.sidebar,.actions,.crumbs{display: none;}.card{box-shadow: none;}}