:root {
  --bg:#080a0e;
  --panel:#10141b;
  --panel-2:#151b24;
  --line:#252d39;
  --text:#f4f7fb;
  --muted:#8792a2;
  --accent:#75e6b5;
  --accent-2:#a6ffe0;
  --warning:#f2c56f;
  --danger:#ff8c8c;
  --shadow:0 22px 70px rgba(0,0,0,.32);
  --radius:22px;
  --radius-sm:14px;
  --font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:var(--font);background:var(--bg);color:var(--text);font-size:16px;line-height:1.45;overflow-x:hidden}
button,input,select{font:inherit}
button{cursor:pointer}
input,select{width:100%;border:1px solid var(--line);background:#0d1117;color:var(--text);border-radius:12px;padding:12px 13px;outline:none;transition:.18s border-color,.18s background,.18s box-shadow}
input:focus,select:focus{border-color:#4f7968;box-shadow:0 0 0 3px rgba(117,230,181,.08)}
label{display:grid;gap:7px;color:#c7ced8;font-size:.82rem;font-weight:650;letter-spacing:.01em}
small{font-weight:450;color:var(--muted);line-height:1.35}
.hidden{display:none!important}
.ambient{position:fixed;pointer-events:none;filter:blur(90px);opacity:.16;z-index:-1;border-radius:50%}.ambient-a{width:500px;height:500px;background:#1ad897;top:-230px;right:-200px}.ambient-b{width:460px;height:460px;background:#3a6dff;bottom:-240px;left:-260px}
.app-shell{width:min(920px,calc(100% - 28px));margin:0 auto;padding:26px 0 48px}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.brand-wrap{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#8af5ca,#47c997);color:#062518;font-weight:900;letter-spacing:-.06em;box-shadow:0 8px 30px rgba(73,214,163,.2)}.brand{font-weight:900;letter-spacing:.11em;font-size:.93rem}.tagline{font-size:.72rem;color:var(--muted);margin-top:1px}
.status-pill{border:1px solid var(--line);background:#0c1016;color:#b9c3d1;padding:8px 11px;border-radius:999px;display:flex;align-items:center;gap:7px;font-size:.69rem;font-weight:800;letter-spacing:.05em}.status-pill strong{color:var(--accent)}.status-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px rgba(117,230,181,.08)}
.card{background:linear-gradient(180deg,rgba(18,23,31,.98),rgba(13,17,23,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.hero-card{padding:18px}.segmented{display:grid;grid-template-columns:1fr 1fr;background:#090c11;border:1px solid #202733;border-radius:14px;padding:4px;gap:4px}.seg-btn{border:0;background:transparent;color:var(--muted);border-radius:10px;padding:11px;font-weight:800;transition:.18s}.seg-btn.active{background:#1a222d;color:#fff;box-shadow:inset 0 0 0 1px #2f3a49}
.amount-block{padding:28px 4px 15px;text-align:center}.amount-block>label{display:block;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.13em;margin-bottom:4px}.money-input{display:flex;align-items:center;justify-content:center;gap:7px}.money-input span{font-weight:850;font-size:1.55rem;color:#a8b2c0}.money-input input{width:min(440px,80%);text-align:center;border:0;background:transparent;padding:0;color:#fff;font-weight:900;font-size:clamp(2.6rem,10vw,4.8rem);letter-spacing:-.055em;font-variant-numeric:tabular-nums;box-shadow:none}.money-input input:focus{box-shadow:none}.money-input input::selection{background:#2f8063}
.period-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:5px 0 13px}.period-grid button,.chips button{border:1px solid var(--line);background:#0d1117;color:var(--muted);border-radius:10px;padding:9px 6px;font-size:.75rem;font-weight:750;transition:.15s}.period-grid button.active,.chips button.active{color:#09241a;background:var(--accent);border-color:var(--accent)}
.advanced-row{border-top:1px solid var(--line);margin:11px 0 14px;padding-top:9px}.advanced-row summary,.breakdown summary{list-style:none;display:flex;align-items:center;justify-content:space-between;color:#9ea8b6;font-size:.78rem;font-weight:750;cursor:pointer;padding:7px 2px}.advanced-row summary::-webkit-details-marker,.breakdown summary::-webkit-details-marker,.tool-card summary::-webkit-details-marker{display:none}.advanced-content{padding:10px 2px 2px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:11px}.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}
.primary-btn,.secondary-btn{border:0;border-radius:13px;font-weight:900;letter-spacing:.055em}.primary-btn{width:100%;background:var(--accent);color:#05251a;padding:14px;box-shadow:0 8px 28px rgba(69,210,156,.17)}.primary-btn:active,.secondary-btn:active{transform:translateY(1px)}.secondary-btn{background:#1d2a27;color:#b9f5dd;border:1px solid #2e4b40;padding:11px 14px;width:100%;margin-top:10px}.secondary-btn:hover{background:#22342f}
.processing{margin-top:14px;border:1px solid #27342f;background:#0b100e;border-radius:13px;padding:12px}.process-top{display:flex;justify-content:space-between;gap:12px;color:#c9d5cf;font-size:.76rem;font-weight:700}.process-track{height:5px;background:#18201d;border-radius:999px;overflow:hidden;margin:9px 0}.process-track span{height:100%;width:0;display:block;background:linear-gradient(90deg,#52d49e,#9bffd7);transition:width .22s ease;border-radius:999px}.process-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.62rem;color:#62726a;letter-spacing:.04em}
.results{padding:24px;margin-top:14px}.result-kicker{font-size:.7rem;color:var(--accent);font-weight:900;letter-spacing:.12em;text-align:center}.result-value{text-align:center;font-size:clamp(2.7rem,9vw,5rem);font-weight:950;letter-spacing:-.055em;margin:1px 0;font-variant-numeric:tabular-nums}.result-sub{text-align:center;color:var(--muted);font-size:.77rem}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0}.metric{background:#0c1016;border:1px solid #222a35;border-radius:14px;padding:12px}.metric span{display:block;color:#768292;font-size:.67rem;text-transform:uppercase;letter-spacing:.075em;font-weight:800}.metric strong{display:block;font-size:1.05rem;margin-top:3px;font-variant-numeric:tabular-nums}.breakdown{border-top:1px solid var(--line);padding-top:10px}.breakdown-rows{display:grid;gap:0}.break-row{display:flex;justify-content:space-between;gap:20px;padding:9px 2px;border-bottom:1px dashed #222a33;font-size:.79rem}.break-row span{color:#99a4b2}.break-row strong{font-variant-numeric:tabular-nums}.break-row.total span,.break-row.total strong{color:#fff;font-size:.9rem}.break-row.deduction strong{color:#f2adad}.micro-note{font-size:.7rem;color:#728090;margin-top:12px;line-height:1.45}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:30px 4px 12px}.eyebrow{color:var(--accent);font-weight:900;font-size:.63rem;letter-spacing:.15em}.section-head h2,.sources h2{margin:2px 0 0;font-size:1.3rem;letter-spacing:-.025em}.section-caption{font-size:.7rem;color:var(--muted)}
.tools-grid{display:grid;gap:10px}.tool-card{overflow:hidden}.tool-card summary{list-style:none;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:15px 17px;cursor:pointer}.tool-card[open] summary{border-bottom:1px solid var(--line)}.tool-card summary strong{display:block;font-size:.89rem}.tool-card summary small{display:block;font-size:.68rem;margin-top:2px}.tool-icon{width:39px;height:39px;border-radius:12px;border:1px solid #2a3643;background:#121922;display:grid;place-items:center;color:#a7b6c6;font-size:.73rem;font-weight:900}.featured-tool .tool-icon{background:#14231e;color:var(--accent);border-color:#284638}.chev{color:#657181;transition:.2s}.tool-card[open] .chev{transform:rotate(180deg)}.tool-body{padding:15px 17px 18px;display:grid;gap:11px}.mini-result{border:1px solid #29333f;background:#0c1015;border-radius:14px;padding:14px}.mini-result span{display:block;color:#8692a1;font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.07em}.mini-result strong{display:block;font-size:1.65rem;margin:2px 0;font-variant-numeric:tabular-nums}.mini-result small{display:block}.fineprint{font-size:.68rem;color:#6f7c8b;margin:0;line-height:1.5}.chip-label{font-size:.72rem;color:#a6b0bd;font-weight:700}.chips{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:13px}.data-table{border-collapse:collapse;width:100%;min-width:500px;font-size:.76rem}.data-table th,.data-table td{text-align:right;padding:10px 12px;border-bottom:1px solid #212832;font-variant-numeric:tabular-nums}.data-table th:first-child,.data-table td:first-child{text-align:left}.data-table th{color:#7d8998;background:#0b0f14;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em}.data-table tr:last-child td{border-bottom:0}.data-table td:last-child{color:#b9f5dd}
.notice{font-size:.72rem;color:#d7c69e;background:#18150e;border:1px solid #3b3421;border-radius:12px;padding:10px 11px}.check-row{display:grid;gap:8px}.switch-line{display:flex;align-items:center;gap:9px;border:1px solid #242d38;background:#0c1015;padding:10px 11px;border-radius:11px;font-size:.75rem}.switch-line input{width:auto;accent-color:var(--accent)}.liquidation-result{border:1px solid #33443d;background:#0a100e;border-radius:15px;padding:14px}.liq-total{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-bottom:10px;border-bottom:1px solid #28352f}.liq-total span{font-size:.7rem;color:#90a097;text-transform:uppercase;letter-spacing:.07em}.liq-total strong{font-size:1.65rem;color:#d8ffed}.liq-lines{display:grid;margin-top:7px}.liq-line{display:flex;justify-content:space-between;gap:20px;padding:7px 0;font-size:.75rem;border-bottom:1px dashed #26312c}.liq-line span{color:#90a097}.liq-warning{font-size:.67rem;color:#cbbd96;margin-top:10px;line-height:1.45}
.sources{margin-top:28px;padding:20px}.sources-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.verified-badge{font-size:.62rem;font-weight:900;color:var(--accent);border:1px solid #29483b;background:#0d1713;border-radius:999px;padding:7px 9px;letter-spacing:.06em}.source-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.source-meta div{border:1px solid var(--line);background:#0c1015;border-radius:12px;padding:10px}.source-meta span{display:block;color:#6f7a89;font-size:.62rem;text-transform:uppercase;letter-spacing:.06em}.source-meta strong{display:block;font-size:.74rem;margin-top:3px}.source-list{display:grid;gap:6px}.source-list a{display:flex;justify-content:space-between;gap:14px;text-decoration:none;color:#dce3ec;border-top:1px solid #222a33;padding:10px 2px}.source-list a:first-child{border-top:0}.source-list a strong{display:block;font-size:.75rem}.source-list a small{display:block;font-size:.66rem;margin-top:2px}.source-list a b{color:var(--accent);font-weight:600}.legal-note{font-size:.65rem;color:#697686;border-top:1px solid #222a33;margin:10px 0 0;padding-top:11px;line-height:1.5}
footer{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#5f6b79;font-size:.65rem;padding:18px 5px 0;flex-wrap:wrap}.install-btn{border:1px solid #304139;background:#101814;color:#b5e8d4;border-radius:999px;padding:7px 10px;font-size:.65rem;font-weight:800}
.error-flash{animation:errorFlash .45s ease}@keyframes errorFlash{0%,100%{border-color:var(--line)}50%{border-color:#b56060}}
@media (max-width:700px){
  .app-shell{width:min(100% - 18px,920px);padding-top:13px}.topbar{margin-bottom:10px}.brand-mark{width:37px;height:37px}.tagline{display:none}.status-pill{padding:7px 8px;font-size:.61rem}.hero-card{padding:12px;border-radius:18px}.amount-block{padding:22px 0 12px}.money-input input{font-size:clamp(2.5rem,15vw,4.5rem);width:80%}.period-grid{grid-template-columns:repeat(3,1fr)}.period-grid button{padding:8px}.results{padding:18px;border-radius:18px}.metric-grid{grid-template-columns:1fr 1fr}.two-col,.three-col{grid-template-columns:1fr}.chips{grid-template-columns:repeat(3,1fr)}.tool-card summary{padding:13px 14px}.tool-body{padding:13px 14px 16px}.source-meta{grid-template-columns:1fr}.sources{padding:16px}.sources-head{align-items:flex-start;flex-direction:column}.section-caption{display:none}footer{justify-content:center;text-align:center;flex-direction:column}.brand{font-size:.84rem}
}
@media (prefers-color-scheme:light){
  :root{--bg:#f2f5f7;--panel:#fff;--panel-2:#f7f9fb;--line:#dce2e8;--text:#111820;--muted:#697583;--shadow:0 18px 50px rgba(30,45,60,.10)}
  body{background:var(--bg)}.card{background:linear-gradient(180deg,#fff,#fbfcfd)}.status-pill,.segmented,.metric,.mini-result,.table-wrap,.switch-line,.liquidation-result,input,select{background:#f8fafb}.seg-btn.active{background:#e7edf1;color:#101820;box-shadow:none}.money-input input{color:#0d1319}.advanced-row,.breakdown{border-color:var(--line)}.primary-btn{color:#082019}.source-list a{color:#24303c}.notice{background:#fff9e9}.process-track{background:#e4ebe7}.processing{background:#f3faf6}.process-code{color:#7f8f87}.tool-icon{background:#f1f5f7}.verified-badge{background:#edf9f4}.source-meta div{background:#f8fafb}.data-table th{background:#eef2f5}.secondary-btn{background:#e9f6f0;color:#164b38}.liquidation-result{background:#f4fbf8}.liq-total strong{color:#126b49}
}