button,input{font:inherit;color:inherit}.top{top:env(safe-area-inset-top,0px);z-index:20;-webkit-backdrop-filter:blur(10px);background:#131111db;border-bottom:1px solid #f8d28261;position:sticky}.top .wrap{justify-content:space-between;align-items:center;gap:16px;min-height:76px;display:flex}.hero{gap:18px;padding-block:clamp(36px,6vw,72px) clamp(28px,4vw,44px);display:grid}.eyebrow{font:600 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0}h1{font:400 clamp(34px,4.6vw,56px)/1.06 var(--f-display);letter-spacing:-.045em;text-wrap:balance;max-width:16ch;margin:0}.lede{color:var(--muted);max-width:56ch;margin:0;font-size:clamp(16px,1.4vw,18px)}.block{padding-block:clamp(22px,3vw,30px) 0}.block[hidden]{display:none}.tabs{border:1px solid var(--line-strong);background:var(--surface);border-radius:22px;grid-template-columns:1fr 1fr;gap:6px;max-width:760px;padding:6px;display:grid}.tab{text-align:left;min-width:0;color:var(--muted);background:0 0;border:0;border-radius:16px;align-items:center;gap:14px;padding:14px 18px;transition:background .25s,color .25s;display:flex}.tab:hover{color:var(--fg);background:#fdf8a50d}.tab[aria-selected=true]{background:var(--gold-grad);color:var(--ink)}.tab:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.t-num{font:400 36px/.8 var(--f-cond);color:#0000;-webkit-text-stroke:1px var(--line-strong);flex:none}.tab[aria-selected=true] .t-num{-webkit-text-stroke-color:#1916128c}.t-txt{gap:5px;min-width:0;display:grid}.t-txt b{font:400 clamp(19px,2.2vw,24px)/1 var(--f-cond);text-transform:uppercase;letter-spacing:.02em;font-weight:400}.t-txt small{opacity:.78;font-size:12.5px;line-height:1.3}.calc{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:clamp(16px,2.4vw,28px);display:grid}.panel{background:var(--surface);border:1px solid var(--line);border-radius:20px;gap:26px;min-width:0;padding:clamp(20px,2.6vw,30px);display:grid}.cf{gap:12px;display:grid}.cf-top{justify-content:space-between;align-items:center;gap:14px;display:flex}.cf-top label{font:500 16px/1.35 var(--f-display);letter-spacing:-.01em}.cf-val{background:var(--well);border:1px solid var(--line);border-radius:10px;flex:none;align-items:center;gap:6px;height:44px;padding:0 12px;transition:border-color .2s;display:flex}.cf-val:focus-within{border-color:var(--cream);box-shadow:0 0 0 3px #fdf8a524}.cf-val input{width:var(--w,4ch);text-align:right;font:700 17px/1 var(--f-body);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none}.cf-val span{font:600 13px/1 var(--f-body);color:var(--faint)}.cf-hint{color:var(--faint);margin:-4px 0 0;font-size:13px}input[type=range]{-webkit-appearance:none;appearance:none;--p:50%;background:0 0;width:100%;height:24px;margin:0}input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--gold),var(--cream)) 0/var(--p) 100% no-repeat,var(--well);border:1px solid var(--line);border-radius:6px;height:6px}input[type=range]::-moz-range-track{background:var(--well);border:1px solid var(--line);border-radius:6px;height:6px}input[type=range]::-moz-range-progress{background:var(--gold-grad);border-radius:6px;height:6px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--cream);border:4px solid var(--bg);width:22px;height:22px;box-shadow:0 0 0 1px var(--cream);border-radius:50%;margin-top:-9px}input[type=range]::-moz-range-thumb{background:var(--cream);border:4px solid var(--bg);width:16px;height:16px;box-shadow:0 0 0 1px var(--cream);border-radius:50%}input[type=range]:focus-visible{outline:none}input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px var(--cream),0 0 0 6px #fdf8a540}.result{background:radial-gradient(130% 120% at 100% 0%,#f8d28221,#f8d28200 55%),var(--surface);border:1px solid var(--line-strong);border-radius:20px;gap:22px;min-width:0;padding:clamp(20px,2.6vw,30px);display:grid;position:sticky;top:100px}.r-label{font:600 12px/1 var(--f-body);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}.r-big{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:10px;display:flex}.r-big .cur{font:400 clamp(26px,3vw,34px)/1 var(--f-cond);color:var(--cream)}.r-big .num{font:400 clamp(64px,8vw,104px)/.9 var(--f-cond);color:var(--cream);letter-spacing:.005em;font-variant-numeric:tabular-nums}.r-big .per{font:600 14px/1 var(--f-body);color:var(--muted)}.r-sub{color:var(--muted);margin:10px 0 0;font-size:14.5px}.r-month{border:1px solid var(--line-strong);color:var(--muted);background:#f8d2820f;border-radius:12px;margin:14px 0 0;padding:10px 14px;font-size:14.5px;line-height:1.45}.r-month b{color:var(--cream);font-variant-numeric:tabular-nums;font-weight:700}.stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.stat{background:var(--well);border:1px solid var(--line);border-radius:12px;min-width:0;padding:12px 14px}.stat b{font:700 18px/1.2 var(--f-body);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.stat span{color:var(--faint);font-size:12px;line-height:1.3}.ladder-h{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.ladder-h small{color:var(--faint);font-size:12px}.ladder{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.rung{border:1px solid #0000;border-radius:10px;grid-template-columns:118px minmax(0,1fr) auto;align-items:center;gap:12px;padding:9px 12px;font-size:14px;display:grid}.rung .nm{font-weight:600}.rung .nm small{color:var(--faint);font-size:11.5px;font-weight:500;display:block}.rung .bar{background:var(--well);border-radius:6px;height:6px;overflow:hidden}.rung .bar i{height:100%;width:var(--w);background:#f5f2ec47;border-radius:6px;transition:width .5s cubic-bezier(.2,.7,.2,1);display:block}.rung .v{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.rung.me{background:var(--gold-grad);color:var(--ink);border-color:var(--cream)}.rung.me .nm small{color:#19161299}.rung.me .bar{background:#19161224}.rung.me .bar i{background:var(--ink)}.verdict{color:var(--muted);border-left:2px solid var(--gold);background:#f8d2820d;border-radius:0 10px 10px 0;margin:0;padding:12px 14px;font-size:14.5px}.verdict b{color:var(--fg)}.math{border-top:1px dashed var(--line-strong);padding-top:16px}.math summary{cursor:pointer;font:600 12.5px/1.2 var(--f-body);letter-spacing:.08em;text-transform:uppercase;color:var(--cream);justify-content:space-between;align-items:center;list-style:none;display:flex}.math summary::-webkit-details-marker{display:none}.math summary svg{width:14px;height:14px;transition:transform .3s}.math[open] summary svg{transform:rotate(180deg)}.math ol{counter-reset:m;gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.math li{color:var(--muted);counter-increment:m;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;font-size:14px;display:grid}.math li b{color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap}.math li small{color:var(--faint);grid-column:1/-1;font-size:12.5px}.presets{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--line-strong);font:600 12.5px/1 var(--f-body);color:var(--fg);background:0 0;border-radius:80px;padding:8px 13px;transition:background .2s,color .2s,border-color .2s}.chip:hover{border-color:var(--cream)}.chip[aria-pressed=true]{background:var(--cream);color:var(--ink);border-color:var(--cream)}.p-name{gap:6px;display:grid}.p-name label{font:600 11px/1 var(--f-body);text-transform:uppercase;letter-spacing:.1em;color:var(--faint)}.p-name input{background:var(--well);border:1px solid var(--line);border-radius:10px;width:100%;height:46px;padding:0 13px;font-size:15px}.p-name input:focus{border-color:var(--cream);outline:none;box-shadow:0 0 0 3px #fdf8a524}.sync{font:600 13px/1.3 var(--f-body);color:var(--cream);text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.quote{border:1px solid var(--line);background:var(--well);white-space:pre-wrap;font:400 12.5px/1.65 var(--f-mono);color:#f5f2ecd6;border-radius:12px;margin:0;padding:14px 16px}.btn{font:600 13.5px/1 var(--f-body);text-transform:uppercase;letter-spacing:.05em;border:1px solid #0000;border-radius:80px;justify-content:center;align-items:center;gap:9px;padding:14px 26px;text-decoration:none;transition:transform .15s,box-shadow .2s;display:inline-flex}.btn svg{width:16px;height:16px}.btn:active{transform:scale(.98)}.btn-gold{background:var(--gold-grad);color:var(--ink);border-color:var(--cream)}.btn-gold:hover{box-shadow:0 8px 28px -8px #f8d2828c}.btn-ghost{color:var(--fg);border-color:var(--line-strong);background:0 0}.btn-ghost:hover{border-color:var(--cream);color:var(--cream)}.cta{border:1px solid var(--line-strong);background:radial-gradient(120% 140% at 100% 0%,#f8d2821f,#f8d28200 55%),var(--surface);border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px 40px;margin-block:clamp(48px,6vw,72px) 56px;padding:clamp(24px,4vw,44px);display:grid}.mbar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--gold-grad);color:var(--ink);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;transition:transform .35s cubic-bezier(.2,.8,.2,1);display:none;position:fixed;transform:translateY(140%);box-shadow:0 16px 40px -12px #000c}.mbar.show{transform:none}.mbar span{font:600 11px/1.2 var(--f-body);letter-spacing:.1em;text-transform:uppercase}.mbar b{font:400 28px/1 var(--f-cond);font-variant-numeric:tabular-nums}@media (width<=900px){.mbar{display:flex}}.toast{visibility:hidden;opacity:0;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--cream);color:var(--ink);font:600 14px/1.3 var(--f-body);z-index:50;text-align:center;border-radius:80px;width:max-content;max-width:calc(100vw - 32px);padding:13px 20px;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s,visibility 0s .35s;position:fixed;transform:translate(-50%,calc(100% + 40px));box-shadow:0 12px 40px -10px #000000b3}@media (width<=900px){.calc{grid-template-columns:minmax(0,1fr)}.result{position:relative;top:0}}@media (width<=560px){.cf-top{flex-wrap:wrap}.cf-top label{flex:100%}.cf-val{justify-content:flex-end;width:100%}.stats{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.stats .stat:last-child{grid-column:1/-1}.rung{grid-template-columns:96px minmax(0,1fr) auto;gap:10px;padding-inline:10px}.cta{grid-template-columns:1fr}.btn{width:100%}.tab{gap:10px;padding:12px}.t-num{display:none}.t-txt small{font-size:11.5px}}@media (prefers-reduced-motion:reduce){.rung .bar i{transition:none}}