:root{--bg:#f5f6f8;--surface:rgba(255,255,255,.86);--solid:#fff;--text:#15171b;--muted:#7f858f;--line:#e6e8ed;--green:#10a874;--blue:#4c89e7;--purple:#7769e6;--orange:#ee9a42;--red:#eb5b57;--shadow:0 22px 70px rgba(20,23,30,.08);--display:'Plus Jakarta Sans',system-ui,sans-serif;--body:'DM Sans',system-ui,sans-serif}.dark{--bg:#0c0e11;--surface:rgba(25,27,31,.88);--solid:#191b20;--text:#f7f8fa;--muted:#9a9faa;--line:#2b2e34;--shadow:0 25px 75px rgba(0,0,0,.32)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 5% -8%,rgba(91,131,255,.14),transparent 27%),radial-gradient(circle at 98% 4%,rgba(233,65,127,.10),transparent 25%),var(--bg)}button,input{font:inherit}button{border:0;color:inherit;cursor:pointer}.ico{display:block}.topbar{height:74px;position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:0 max(16px,calc((100vw - 1180px)/2));background:rgba(247,248,250,.74);border-bottom:1px solid rgba(220,222,228,.75);backdrop-filter:blur(26px) saturate(160%)}.dark .topbar{background:rgba(12,14,17,.74);border-color:#25282e}.top-left,.top-right,.brand{display:flex;align-items:center}.top-left,.top-right{gap:10px}.brand{gap:10px}.icon-btn{width:41px;height:41px;border-radius:14px;display:grid;place-items:center;background:var(--solid);border:1px solid var(--line);box-shadow:0 5px 18px rgba(20,22,28,.045)}.brand-mark{width:41px;height:41px;border-radius:14px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#121419,#4e525d);box-shadow:0 9px 25px rgba(17,19,24,.18)}.brand-name{font-family:var(--display);font-weight:800;font-size:14px;letter-spacing:.045em}.brand-title{font-size:10px;color:var(--muted);margin-top:2px;letter-spacing:.04em}.login-btn{height:41px;padding:0 17px;border-radius:14px;background:#15171b;color:#fff;font-size:12px;font-weight:800}.dark .login-btn{background:#fff;color:#111}.profile-btn{height:41px;padding:0 8px 0 11px;border-radius:14px;background:var(--solid);border:1px solid var(--line);display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800}.avatar{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#ff7b61,#d72e82)}.shell{width:min(1080px,calc(100% - 30px));margin:auto;padding:38px 0 112px}.page-intro{margin:0 0 21px}.kicker,.eyebrow{font-size:9px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#999ea7}.page-intro h1{font-family:var(--display);font-size:clamp(31px,5vw,45px);line-height:1.02;letter-spacing:-2px;margin:7px 0 8px}.page-intro p{font-size:12px;color:var(--muted);margin:0;max-width:650px}.premium-card{background:var(--surface);border:1px solid rgba(226,228,233,.92);border-radius:29px;box-shadow:var(--shadow);backdrop-filter:blur(25px) saturate(150%)}.dark .premium-card{border-color:#2d3036}.home-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.94fr);gap:17px;align-items:stretch}.input-card{padding:25px}.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:23px}.card-head h2{font-family:var(--display);font-size:18px;letter-spacing:-.65px;margin:5px 0 4px}.card-head p{font-size:11px;color:var(--muted);margin:0;line-height:1.45}.year-chip{padding:7px 10px;border-radius:999px;background:#15171b;color:#fff;font-size:9px;font-weight:900}.dark .year-chip{background:#fff;color:#111}.field{margin-bottom:17px}.field-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:8px}.field-top label{display:block;font-size:11px;font-weight:900}.field-sub{display:block;color:#a0a4ad;font-size:9px;margin-top:3px}.field-unit{font-size:9px;color:#969ba5;font-weight:900}.money-input{height:68px;border:1px solid #dfe2e8;border-radius:20px;background:var(--solid);display:flex;align-items:center;padding:0 17px;transition:.2s}.dark .money-input{border-color:#35383f}.money-input:focus-within{border-color:#aeb4bf;box-shadow:0 0 0 5px rgba(50,60,75,.06)}.money-input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-family:var(--display);font-size:29px;font-weight:800;letter-spacing:-1.1px}.input-currency{font-size:10px;font-weight:900;color:#999da6}.range{width:100%;appearance:none;height:5px;border-radius:99px;background:#e4e6eb;outline:0;margin:12px 0 0}.dark .range{background:#35383e}.range::-webkit-slider-thumb{appearance:none;width:23px;height:23px;border-radius:50%;background:#15171b;border:4px solid var(--solid);box-shadow:0 4px 15px rgba(0,0,0,.2)}.range::-moz-range-thumb{width:15px;height:15px;border-radius:50%;background:#15171b;border:4px solid var(--solid)}.range-scale{display:flex;justify-content:space-between;margin-top:5px;color:#a2a6ae;font-size:8px}.quick-values{display:flex;gap:7px;flex-wrap:wrap;margin:4px 0 18px}.quick-values button{padding:8px 11px;border-radius:11px;background:#f0f1f4;color:#626771;font-size:9px;font-weight:900}.dark .quick-values button{background:#292c32;color:#d1d4da}.quick-values button:active{transform:scale(.97)}.option-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.option-row strong{display:block;font-size:11px}.option-row span{display:block;color:var(--muted);font-size:9px;line-height:1.35;margin-top:3px;max-width:300px}.switch{width:47px;height:28px;padding:3px;border-radius:99px;background:#d9dce2;flex:0 0 auto}.switch span{display:block;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 9px rgba(0,0,0,.16);transition:.2s}.switch.on{background:#15171b}.switch.on span{transform:translateX(19px)}.bonus-wrap{max-height:0;overflow:hidden;opacity:0;transition:max-height .25s,opacity .2s}.bonus-wrap.show{max-height:180px;opacity:1;padding-top:16px}.rule-note{display:flex;gap:9px;align-items:flex-start;padding:12px 13px;margin-top:14px;border-radius:16px;background:#f3f4f6}.dark .rule-note{background:#24272d}.rule-note>span{color:#7d838e}.rule-note strong{display:block;font-size:9px}.rule-note span:last-child{display:block;font-size:8.5px;color:#8d929c;margin-top:3px;line-height:1.4}.result-card{overflow:hidden;position:relative;background:linear-gradient(145deg,rgba(255,255,255,.95),rgba(249,250,252,.80))}.dark .result-card{background:linear-gradient(145deg,rgba(35,37,42,.96),rgba(22,24,28,.86))}.result-main{width:100%;text-align:left;background:transparent;padding:27px 27px 24px}.result-top{display:flex;justify-content:space-between;align-items:center}.result-label{font-size:10px;font-weight:950;letter-spacing:.17em;color:var(--green)}.result-more{display:flex;align-items:center;gap:4px;color:#858a94;font-size:9px;font-weight:800}.result-number-row{display:flex;align-items:baseline;gap:8px;margin-top:9px}.result-number{font-family:var(--display);font-size:clamp(45px,5.4vw,61px);line-height:1;font-weight:800;letter-spacing:-3px}.result-currency{font-size:11px;color:var(--muted);font-weight:900}.result-under{display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;color:#8a8f98}.result-under span:first-child{color:#767b84}.net-share{color:var(--green);font-weight:900}.allocation{height:10px;border-radius:99px;overflow:hidden;display:flex;background:#e8eaee;margin-top:18px}.dark .allocation{background:#30333a}.allocation i{height:100%;display:block}.allocation .net{background:linear-gradient(90deg,#1bbd80,#0fa16c)}.allocation .ss{background:#4c89e7}.allocation .health{background:#7769e6}.allocation .tax{background:linear-gradient(90deg,#ef9d43,#eb5b57)}.legend{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.legend-item{min-width:0}.legend-item>span:nth-child(2){display:block;font-size:8px;color:#8b9099;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-item strong{display:block;font-size:10px;margin-top:3px}.legend-dot{display:block;width:7px;height:7px;border-radius:50%;margin-bottom:5px}.legend-dot.green{background:var(--green)}.legend-dot.blue{background:var(--blue)}.legend-dot.purple{background:var(--purple)}.legend-dot.orange{background:var(--orange)}.result-details{display:none;border-top:1px solid var(--line);padding:20px 23px 23px}.result-card.expanded .result-details{display:block;animation:expand .22s ease}.result-card.expanded .result-more .ico{transform:rotate(180deg)}@keyframes expand{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.details-title{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.details-title h3{font-family:var(--display);font-size:16px;letter-spacing:-.5px;margin:5px 0 0}.details-total{font-size:10px;color:#7e838c;font-weight:900}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.detail-item{padding:12px;border-radius:16px;background:#f2f3f5;display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center}.dark .detail-item{background:#282b31}.detail-item .dot{width:8px;height:8px;border-radius:50%;background:var(--green)}.detail-item.social .dot{background:var(--blue)}.detail-item.health .dot{background:var(--purple)}.detail-item.tax .dot{background:var(--orange)}.detail-item span:not(.dot){display:block;font-size:9px;color:#888d96}.detail-item strong{display:block;font-size:11px;margin-top:2px}.detail-item em{font-size:9px;font-style:normal;color:#858a94;font-weight:900}.detail-row{display:flex;justify-content:space-between;padding:10px 2px;border-bottom:1px solid var(--line);font-size:10px}.detail-row strong{font-weight:900}.detail-actions{display:flex;gap:7px;margin-top:13px;flex-wrap:wrap}.mini-btn{height:36px;padding:0 11px;border-radius:11px;background:#eff0f3;font-size:9px;font-weight:900;display:flex;align-items:center;gap:6px}.dark .mini-btn{background:#292c32}.mini-btn.primary{background:#15171b;color:#fff}.dark .mini-btn.primary{background:#fff;color:#111}.smart-card,.tip-card{display:flex;align-items:center;gap:11px;padding:13px 15px;margin-top:12px}.smart-icon,.tip-icon{width:37px;height:37px;flex:0 0 auto;border-radius:12px;background:#e8f7f1;color:var(--green);display:grid;place-items:center}.dark .smart-icon,.dark .tip-icon{background:#19382f}.smart-card strong,.tip-card strong{display:block;font-size:10px}.smart-card span,.tip-card span{display:block;color:var(--muted);font-size:9px;line-height:1.45;margin-top:3px}.circle-btn{margin-left:auto;width:34px;height:34px;flex:0 0 auto;border-radius:11px;background:#f0f1f4;display:grid;place-items:center}.dark .circle-btn{background:#292c32}.two-col,.annual-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.detail-card{padding:25px}.inverse-answer{margin-top:17px;padding:19px;border-radius:21px;background:linear-gradient(145deg,#15171b,#333740);color:#fff}.inverse-answer span{display:block;color:#b9bdc5;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.inverse-answer strong{display:block;font-family:var(--display);font-size:32px;letter-spacing:-1.3px;margin:5px 0}.inverse-answer small{color:#b4b8c1;font-size:9px}.mini-line{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px}.mini-line>span{display:flex;align-items:center;gap:7px}.mini-line strong{font-weight:900}.mini-line em{font-style:normal;color:#eb5b57;font-size:9px;font-weight:900;min-width:45px;text-align:right}.tiny-dot{width:7px;height:7px;border-radius:50%;background:#aeb3bb}.tiny-dot.red{background:var(--red)}.tiny-dot.purple{background:var(--purple)}.tiny-dot.orange{background:var(--orange)}.total-line{display:flex;justify-content:space-between;padding:18px 0 3px;font-size:12px}.total-line strong{color:var(--green)}.compare-card{padding:25px}.compare-head{display:flex;justify-content:space-between;align-items:flex-start}.compare-head h2{font-family:var(--display);font-size:18px;letter-spacing:-.5px;margin:5px 0 4px}.compare-head p{font-size:10px;color:var(--muted);margin:0}.compare-head>strong{font-family:var(--display);font-size:26px;letter-spacing:-1px}.big-range{height:7px;margin-top:26px}.compare-grid{display:grid;grid-template-columns:1fr 38px 1fr;gap:10px;align-items:center;margin-top:24px}.compare-box{padding:18px;border-radius:20px;background:#f1f2f5}.dark .compare-box{background:#282b31}.compare-box.featured{background:linear-gradient(145deg,#edf9f4,#e7f5ef)}.dark .compare-box.featured{background:#18352e}.compare-box span{font-size:9px;color:#858a94}.compare-box strong{display:block;font-family:var(--display);font-size:19px;margin:6px 0}.compare-box small{font-size:8.5px;color:#858a94}.compare-arrow{display:grid;place-items:center;color:#858a94}.delta{display:flex;justify-content:space-between;align-items:center;margin-top:12px;padding:14px 15px;border-radius:16px;background:var(--solid);border:1px solid var(--line);font-size:10px}.delta strong{color:var(--green);font-size:11px}.annual-main{padding:25px}.annual-top{display:flex;justify-content:space-between;align-items:flex-start}.annual-top>div:first-child span{display:block;color:#858a94;font-size:9px;font-weight:900;letter-spacing:.12em}.annual-top strong{display:block;font-family:var(--display);font-size:34px;letter-spacing:-1.5px;margin-top:6px}.annual-badge{padding:7px 10px;border-radius:99px;background:#e9f7f1;color:var(--green);font-size:8px;font-weight:900}.dark .annual-badge{background:#19382f}.annual-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:23px}.annual-stats div{padding:12px;border-radius:15px;background:#f2f3f5}.dark .annual-stats div{background:#282b31}.annual-stats span{display:block;font-size:8px;color:#858a94}.annual-stats strong{display:block;font-size:10px;margin-top:5px}.annual-chart{height:160px;display:flex;align-items:end;gap:5px;margin-top:23px}.bar-col{height:100%;flex:1;display:flex;flex-direction:column;justify-content:end;align-items:center;gap:5px}.bar-col i{width:100%;max-width:24px;background:linear-gradient(180deg,#ff7a62,#e93486);border-radius:7px 7px 3px 3px;opacity:.88}.bar-col span{font-size:7px;color:#9a9ea7}.history-card{padding:25px}.text-btn{font-size:9px;font-weight:900;color:var(--red);background:transparent}.history-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.history-item strong{display:block;font-size:10px}.history-item span{display:block;color:#9296a0;font-size:8px;margin-top:3px}.history-item>div:last-child{display:flex;align-items:center;gap:8px}.history-item button{width:25px;height:25px;border-radius:8px;background:#fff0f0;color:var(--red)}.dark .history-item button{background:#342226}.empty-state{padding:34px 8px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:7px;color:#9a9ea7}.empty-state strong{font-size:11px;color:var(--text)}.empty-state span{font-size:9px;line-height:1.5}.bottom-nav{position:fixed;z-index:55;left:50%;bottom:max(9px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(510px,calc(100% - 20px));height:68px;padding:6px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border:1px solid rgba(225,227,232,.9);background:rgba(255,255,255,.85);backdrop-filter:blur(28px) saturate(160%);border-radius:24px;box-shadow:0 20px 55px rgba(17,19,24,.16)}.dark .bottom-nav{background:rgba(26,28,32,.9);border-color:#30333a}.bottom-item{background:transparent;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:#979ba4;font-size:8px;font-weight:900}.bottom-item.active{background:#15171b;color:#fff;box-shadow:0 7px 20px rgba(18,20,24,.18)}.dark .bottom-item.active{background:#fff;color:#111}.sidebar{position:fixed;z-index:90;left:0;top:0;bottom:0;width:min(390px,91vw);padding:25px 20px 30px;background:rgba(249,250,252,.97);backdrop-filter:blur(32px);box-shadow:28px 0 85px rgba(0,0,0,.2);transform:translateX(-105%);transition:.32s cubic-bezier(.2,.8,.2,1);overflow:auto}.dark .sidebar{background:rgba(20,22,26,.98)}.sidebar.open{transform:translateX(0)}.side-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.side-head h2{font-family:var(--display);font-size:25px;letter-spacing:-1px;margin:5px 0 3px}.side-head p{font-size:9px;color:var(--muted);margin:0}.side-nav{display:grid;gap:5px}.side-item{height:49px;border-radius:15px;background:transparent;display:flex;align-items:center;gap:11px;padding:0 13px;text-align:left;font-size:11px;font-weight:900;color:#686d76}.side-item.active{background:var(--solid);color:var(--text);box-shadow:0 8px 23px rgba(20,22,28,.07)}.side-divider{height:1px;background:var(--line);margin:20px 0}.side-label{font-size:8px;text-transform:uppercase;letter-spacing:.14em;color:#999da5;font-weight:900}.side-section .field{margin-top:14px}.side-option{padding:14px 0}.side-links{display:grid;gap:3px}.side-links button{display:flex;align-items:center;gap:10px;background:transparent;padding:12px 4px;font-size:10px;font-weight:900;color:#686d76}.backdrop{position:fixed;z-index:80;inset:0;background:rgba(7,8,10,.35);backdrop-filter:blur(5px);opacity:0;pointer-events:none;transition:.25s}.backdrop.open{opacity:1;pointer-events:auto}.sheet{position:fixed;z-index:100;left:50%;bottom:0;width:min(570px,100%);max-height:89vh;overflow:auto;transform:translate(-50%,110%);background:var(--solid);border:1px solid var(--line);border-radius:29px 29px 0 0;padding:17px 21px 27px;box-shadow:0 -28px 85px rgba(0,0,0,.23);transition:.3s}.sheet.open{transform:translate(-50%,0)}.sheet-handle{width:38px;height:4px;background:#d6d8dd;border-radius:99px;margin:0 auto 18px}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.sheet h3{font-family:var(--display);font-size:21px;letter-spacing:-.6px;margin:5px 0 4px}.sheet-head p{font-size:9px;color:var(--muted);margin:0}.auth-grid{display:grid;gap:9px}.auth-option{height:52px;border-radius:15px;border:1px solid var(--line);background:var(--solid);display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;font-weight:900}.auth-option.google{background:#15171b;color:#fff;border-color:#15171b}.auth-option .ico{margin-left:auto}.guest-btn{height:50px;border-radius:15px;background:#f1f2f5;font-size:10px;font-weight:900}.dark .guest-btn{background:#292c32}.auth-divider{display:flex;align-items:center;gap:9px;color:#a1a5ad;font-size:8px}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}.auth-input{height:52px;width:100%;border:1px solid var(--line);border-radius:15px;padding:0 14px;outline:0;background:var(--solid);color:var(--text);font-size:11px}.auth-input:focus{border-color:#9ab4e8;box-shadow:0 0 0 4px rgba(78,141,232,.1)}.auth-note{font-size:9px;line-height:1.6;color:#898e97}.rule-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.rule-list div{padding:13px;border-radius:15px;background:#f3f4f6}.dark .rule-list div{background:#292c32}.rule-list span{display:block;color:#858a94;font-size:8px}.rule-list strong{display:block;font-size:11px;margin-top:4px}.toast{position:fixed;z-index:120;left:50%;bottom:93px;transform:translate(-50%,20px);background:#15171b;color:#fff;border-radius:13px;padding:11px 15px;font-size:9px;font-weight:900;opacity:0;pointer-events:none;transition:.22s;box-shadow:0 12px 35px rgba(0,0,0,.22)}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:820px){.desktop-only{display:none}.topbar{height:67px;padding:0 12px}.brand-title{display:none}.shell{width:calc(100% - 18px);padding:25px 0 106px}.page-intro{margin-bottom:16px}.page-intro h1{font-size:30px}.page-intro p{font-size:10px}.home-layout,.two-col,.annual-grid{grid-template-columns:1fr}.input-card,.detail-card,.annual-main,.history-card,.compare-card{padding:19px}.result-main{padding:22px 20px 20px}.result-details{padding:17px}.result-number{font-size:44px}.smart-card,.tip-card{margin-top:9px}.bottom-nav{height:64px}.profile-name{display:none}}
@media(max-width:460px){.brand-mark{width:37px;height:37px}.brand-name{font-size:13px}.login-btn{padding:0 13px}.shell{width:calc(100% - 14px)}.money-input{height:61px}.money-input input{font-size:24px}.detail-grid{grid-template-columns:1fr}.legend-item>span:nth-child(2){font-size:7.5px}.result-number{font-size:40px}.result-under{gap:7px;align-items:flex-start}.page-intro h1{letter-spacing:-1.5px}.bottom-item{font-size:7.5px}.bottom-nav{width:calc(100% - 12px)}.compare-grid{grid-template-columns:1fr}.compare-arrow{transform:rotate(90deg);height:18px}.annual-stats{grid-template-columns:1fr}.annual-top strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{.topbar,.bottom-nav,.smart-card,.tip-card,.sidebar,.sheet{display:none!important}.shell{width:100%;padding:0}.premium-card{box-shadow:none}.home-layout{grid-template-columns:1fr 1fr}}