:root{color-scheme:dark;--bg:#07111f;--panel:#101d30;--line:#293d59;--text:#f4f7fb;--muted:#a2b2c6;--accent:#76a4ff}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(160deg,#101f36,#07111f 40%);color:var(--text);font:15px/1.5 system-ui,-apple-system,Segoe UI,sans-serif;min-height:100vh}.wrap{max-width:1100px;margin:auto;padding:20px 18px 65px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:8px 0 25px}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand img{width:48px;height:48px;border-radius:12px}.brand b{display:block;font-size:22px}.brand small{display:block;color:var(--muted)}select,input{background:#101e32;color:var(--text);border:1px solid #38506e;border-radius:10px;padding:12px;font:inherit;min-width:0}select:focus,input:focus{outline:2px solid #548ce5}label{font-size:13px;color:var(--muted)}h1{font-size:clamp(27px,5vw,43px);margin:3px 0 8px;line-height:1.16}h2{font-size:19px;margin:0 0 15px}.muted{color:var(--muted)}.intro{max-width:720px;margin-bottom:25px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px}.tile,.panel{background:#111f32;border:1px solid var(--line);border-radius:16px;padding:20px}.tile{color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:9px;transition:border-color .15s}.tile:hover,.tile:focus-visible{border-color:#82aaff}.tile b{font-size:17px}.tag{font-size:11px;color:#9ad4cb}.pending{color:#f7c791}.search{width:100%;max-width:500px;margin:8px 0 19px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.btn{display:inline-block;border:0;background:#5184e9;color:white;padding:12px 18px;border-radius:11px;font-weight:700;cursor:pointer;text-decoration:none}.ghost{background:#1e324f}.rows{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.field{display:grid;gap:6px;margin-bottom:12px}.result{margin:18px 0;padding:19px;background:#172e47;border:1px solid #36577a;border-radius:15px;font-size:24px;font-weight:750;overflow-wrap:anywhere}.note{font-size:12px;color:#b4c6da;background:#182941;border-radius:12px;padding:13px;margin:14px 0}.sources a,footer a{color:#a7c8ff}.pill{font-size:12px;color:#a7bbd3}footer{border-top:1px solid var(--line);padding-top:20px;margin-top:38px;font-size:12px;color:var(--muted)}@media(max-width:600px){header{align-items:flex-start}.wrap{padding:15px 13px 70px}.tile{padding:17px}.brand b{font-size:20px}.rows{grid-template-columns:1fr 1fr}.result{font-size:21px}}


:root{color-scheme:light;--bg:#f7f9fd;--panel:#ffffff;--line:#e1e7f2;--text:#17243d;--muted:#53637a;--accent:#326cf1}
html{scroll-behavior:smooth}body{background:radial-gradient(ellipse at 5% 2%,#e7f0ff 0,transparent 36%),radial-gradient(ellipse at 96% 5%,#e6fff6 0,transparent 24%),#f7f9fd;color:var(--text)}
.wrap{max-width:1190px}header{background:#fff;border:1px solid #e5eaf4;border-radius:22px;padding:15px 20px;margin-bottom:26px;box-shadow:0 5px 28px #1634670a}.brand small{color:#66748b}
select,input{background:#fff;color:#18253c;border:1px solid #cdd8eb}select:focus,input:focus{outline:3px solid #326cf126; border-color:#326cf1}label{color:#495b76}h1{color:#18294b}h2{color:#233655}.muted{color:#596b82}.intro{max-width:900px}.tile,.panel{background:#fff;border:1px solid #e0e8f3;box-shadow:0 8px 30px #25436a0b}.tile:hover,.tile:focus-visible{border-color:#4f78e9;box-shadow:0 10px 28px #3776e522;transform:translateY(-1px)}.tile:nth-child(5n+1){border-top:4px solid #4b85fc}.tile:nth-child(5n+2){border-top:4px solid #18ae9b}.tile:nth-child(5n+3){border-top:4px solid #edaa34}.tile:nth-child(5n+4){border-top:4px solid #9b79ea}.tile:nth-child(5n){border-top:4px solid #ee799e}.tag{color:#087f72}.pending{color:#a86c0c}.pill{color:#2870cc;font-weight:700}.btn{background:#386fea}.ghost{background:#eff4ff;color:#24479c}.result{background:linear-gradient(115deg,#e8f0ff,#e9f9f4);border:1px solid #c4d9f4;color:#153b76}.note{background:#f1f5fb;color:#556780}.sources a,footer a,.wrap>p a{color:#255cce!important}footer{color:#61718a}.search{max-width:660px;background:white}.field{font-weight:550}.field input,.field select{width:100%}
.calculator-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:20px;align-items:start}.calc-inputs,.calc-output{background:#fff;border:1px solid #e2e8f4;border-radius:18px;padding:22px}.calc-output{position:sticky;top:12px}.calc-inputs h2,.calc-output h2{margin-bottom:19px}.calc-metric{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #e6edf5;font-size:14px}.calc-metric strong{color:#1d3b77;text-align:right}.calc-metric:last-child{border:0}.calc-headline{font-size:clamp(22px,3vw,30px);font-weight:800;line-height:1.22;color:#16468f;overflow-wrap:anywhere;background:#eaf2ff;padding:18px;border-radius:13px;margin-bottom:15px}.calc-extra{margin-top:18px;padding:17px;background:#f7faff;border:1px solid #e1eaf8;border-radius:14px;overflow:auto}.calc-extra table{border-collapse:collapse;width:100%;font-size:12px;min-width:360px}.calc-extra td,.calc-extra th{padding:8px;border-bottom:1px solid #e5eaf5;text-align:right}.calc-extra td:first-child,.calc-extra th:first-child{text-align:left}.calc-extra th{color:#48617f;background:#edf3fe}.bar-background{width:100%;height:12px;background:#e3ebf9;border-radius:99px;overflow:hidden;margin:12px 0}.bar-inner{height:100%;background:linear-gradient(90deg,#286be7,#20b69e);border-radius:99px}.calc-hint{font-size:12px;color:#65758a}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-grid .field{margin:0}.link-small{font-size:13px;color:#305fbc}.panel:has(.calculator-layout){padding:0;background:transparent;border:0;box-shadow:none}.calc-output .note{line-height:1.55}
@media(max-width:800px){.calculator-layout{grid-template-columns:1fr}.calc-output{position:static}.calc-inputs,.calc-output{padding:17px}.field-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){header{padding:12px}.brand img{width:42px;height:42px}.brand b{font-size:19px}.field-grid{grid-template-columns:1fr}.calc-metric{font-size:13px}.rows{grid-template-columns:1fr 1fr}.panel{padding:15px}}