*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5;background:#f9fafb;color:#111;transition:background .3s ease,color .3s ease}.container{max-width:960px;margin:0 auto;padding:1.5rem}.grid{display:grid;gap:1rem}@media (min-width: 768px){.grid-2{grid-template-columns:1fr 1fr}}.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;box-shadow:0 2px 6px #0000000d;transition:background .3s ease,border-color .3s ease}.card h2{margin-top:0;font-size:1.25rem}label{display:block;margin-bottom:.25rem;font-weight:600}input,select,button{width:100%;padding:.6rem .8rem;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;margin-bottom:1rem;transition:border-color .2s ease,background .2s ease}input:focus,select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33}button{cursor:pointer;background:#2563eb;color:#fff;font-weight:600;border:none;transition:background .2s ease}button:hover{background:#1e40af}button.secondary{background:#f3f4f6;color:#111}button.secondary:hover{background:#e5e7eb}.result{background:#f0f9ff;border:1px solid #bae6fd;padding:.75rem 1rem;border-radius:6px;margin-top:1rem;margin-bottom:2rem;font-size:1.1rem;font-weight:500;transition:background .3s ease,border-color .3s ease}small.help{display:block;color:#6b7280;margin-top:-.75rem;margin-bottom:1rem;font-size:.875rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mb-2{margin-bottom:.5rem}.text-center{text-align:center}@media (prefers-color-scheme: dark){body{background:#0f172a;color:#f1f5f9}.card{background:#1e293b;border-color:#334155;box-shadow:0 2px 6px #0006}input,select{background:#0f172a;color:#f1f5f9;border-color:#475569}input:focus,select:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa4d}button.secondary{background:#334155;color:#f1f5f9}button.secondary:hover{background:#475569}.result{background:#1e3a8a;border-color:#3b82f6;color:#f1f5f9}small.help{color:#94a3b8}}.svg-wrap{background:linear-gradient(180deg,#0f172a05,#ffffff05);border:1px solid rgba(14,165,233,.08);padding:.6rem;border-radius:8px;margin-top:.5rem;overflow:hidden}.svg-wrap text{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#feedback-yes,#feedback-no{padding:.45rem .75rem;border-radius:6px;font-weight:600}.fields-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;align-items:start;margin-bottom:.5rem}.field label{margin-bottom:.25rem}.field input{width:100%;box-sizing:border-box}@media (max-width: 340px){.fields-row{gap:.5rem}}.temp-hidden{display:none!important}.result .row{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem;border-radius:6px}.result .row+.row{margin-top:.6rem;background:#00000005}.result .label{font-weight:600}.result .value{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:700}a{color:#2563eb;text-decoration:underline}a:hover,a:focus{color:#1e40af;text-decoration:underline}.card a{color:#2563eb}@media (prefers-color-scheme: dark){a,.card a{color:#7dd3fc}a:hover,a:focus{color:#38bdf8}.card ul li a{color:#93c5fd}}.site-header{background:var(--header-bg, #ffffff);border-bottom:1px solid #e6eef8;position:sticky;top:0;z-index:40}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 0}.brand a{display:inline-flex;align-items:baseline;gap:.5rem;text-decoration:none;color:inherit}.brand strong{font-size:1.05rem}.brand .muted{font-size:.8rem;color:#6b7280;margin-left:.25rem}.main-nav{display:flex;align-items:center;gap:1rem}.nav-menu{display:flex;gap:.5rem;list-style:none;margin:0;padding:0;align-items:center}.nav-item a{display:inline-block;padding:.4rem .6rem;border-radius:6px;text-decoration:none;color:inherit}.nav-item a:hover,.nav-item a:focus{background:#2563eb14;color:#1e40af}.nav-toggle{display:none;background:transparent;border:none;padding:.25rem;border-radius:6px}.nav-toggle svg{color:currentColor}@media (max-width: 900px){.nav-toggle{display:inline-flex}.nav-menu{position:absolute;right:1rem;top:60px;background:var(--menu-bg, #fff);border:1px solid #e6eef8;padding:.5rem;flex-direction:column;width:calc(100% - 2rem);max-width:360px;display:none;box-shadow:0 8px 24px #0b0f1e14;border-radius:8px}.nav-menu[data-open=true]{display:flex}}body.nav-open{overflow:hidden}.site-footer{border-top:1px solid #e6eef8;padding:1rem 0;margin-top:2rem;background:linear-gradient(180deg,rgba(0,0,0,.01),transparent)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:1rem}.footer-left .footer-brand{font-weight:700;text-decoration:none;color:inherit}.footer-links a{color:inherit;text-decoration:none;padding:.2rem .4rem}.footer-links a:hover{text-decoration:underline}@media (prefers-color-scheme: dark){:root{--header-bg: #071029;--menu-bg: #0b1220}.site-header{border-bottom-color:#ffffff0a}.nav-menu{border-color:#ffffff0a;color:#e6eef8}.nav-item a:hover{background:#7dd3fc0f}.site-footer{border-top-color:#ffffff0a}}.related-links{margin-top:.5rem}.related-links .muted{display:block;margin-bottom:.35rem;color:#6b7280;font-size:.9rem}.related-links-list{list-style:none;margin:0;padding:0;display:flex;gap:.45rem;flex-wrap:wrap}.related-links-list li{margin:0}.related-link{display:inline-block;padding:.28rem .6rem;border-radius:14px;background:#2563eb14;color:#0f172a;text-decoration:none;font-size:.95rem;border:1px solid rgba(37,99,235,.08)}.related-link:hover,.related-link:focus{background:#2563eb1f;color:#0b3a84}@media (prefers-color-scheme: dark){.related-link{background:#7dd3fc0f;color:#e6f6ff;border-color:#7dd3fc0f}.related-link:hover,.related-link:focus{background:#7dd3fc1f;color:#e6f6ff}.related-links .muted{color:#94a3b8}}