.ccalc{grid-template-columns:minmax(320px,.92fr) minmax(340px,1fr);align-items:stretch;gap:clamp(18px,2vw,28px);display:grid}.ccalc__form{border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;gap:clamp(18px,1.8vw,24px);padding:clamp(22px,2.4vw,32px);display:flex}.ccalc__row{flex-wrap:wrap;gap:8px;display:flex}.ccalc__group{gap:10px;display:grid}.ccalc__group--last{margin-top:auto}.ccalc__grouplab{color:var(--ink-35);font-size:var(--t-xs);letter-spacing:.06em;text-transform:uppercase;font-weight:500}.ccalc__chip{border:1px solid var(--rule);background:var(--paper);min-height:44px;color:var(--ink-70);font:inherit;font-size:var(--t-sm);cursor:pointer;transition:background-color .16s var(--ease), color .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease);border-radius:999px;justify-content:center;align-items:center;padding:9px 16px;line-height:1.2;display:inline-flex}@media (hover:hover){.ccalc__chip:hover{background:color-mix(in oklab, var(--em-vivid) 7%, var(--paper));border-color:#00963973;transform:translateY(-1px)}}.ccalc__chip.is-active{background:var(--em);color:var(--paper-text);border-color:#0000}.ccalc__chip--goal{text-align:left;gap:2px;padding:10px 16px;display:grid}.ccalc__chip--goal>i{font-style:normal;font-size:var(--t-xs);color:var(--ink-35);display:block}.ccalc__chip--goal.is-active>i{color:var(--gold-light)}.ccalc__field{gap:10px;display:grid}.ccalc__lab{color:var(--ink-70);font-size:var(--t-sm);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ccalc__lab>b{color:var(--ink);font-size:var(--t-h4);font-variant-numeric:tabular-nums;font-weight:600}.ccalc__hint{color:var(--ink-35);font-size:var(--t-xs)}.ccalc__out{isolation:isolate;border-radius:var(--r-lg);background:var(--grad-em);color:var(--paper-text);box-shadow:var(--shadow-lift);align-content:start;gap:clamp(14px,1.5vw,20px);padding:clamp(24px,2.6vw,36px);display:grid;position:relative;overflow:hidden}.ccalc__out:before{content:"";z-index:-1;filter:blur(60px);pointer-events:none;background:radial-gradient(circle,#e6c56542,#0000 68%);width:380px;height:380px;position:absolute;top:-160px;right:-120px}.ccalc__cap{color:var(--gold-light);font-size:var(--t-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:500}.ccalc__big{font-family:var(--font-serif);letter-spacing:-.015em;color:var(--gold-light);font-variant-numeric:tabular-nums;font-size:clamp(34px,4.4vw,54px);font-weight:700;line-height:1.04}.ccalc__bars{gap:12px;display:grid}.ccalc__bar{grid-template-columns:88px 1fr auto;align-items:center;gap:12px;display:grid}.ccalc__barlab{color:var(--paper-70);font-size:var(--t-sm)}.ccalc__track{background:#ffffff24;border-radius:999px;height:10px;overflow:hidden}.ccalc__fill{border-radius:inherit;height:100%;transition:width .42s var(--ease-out);display:block}.ccalc__fill--paid{background:#ffffff57}.ccalc__fill--got{background:linear-gradient(90deg, var(--gold), var(--gold-light))}.ccalc__barval{font-size:var(--t-sm);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:600}.ccalc__ratio{color:var(--paper-70);font-size:var(--t-sm)}.ccalc__ratio>b{color:var(--gold-light);font-weight:600}.ccalc__metrics{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;padding-top:4px;display:grid}.ccalc__metric{border-radius:var(--r-sm);background:#ffffff0f;border:1px solid #ffffff29;gap:4px;padding:14px 16px;display:grid}.ccalc__metric>span{color:var(--paper-70);font-size:var(--t-xs)}.ccalc__metric>b{font-size:var(--t-h4);font-variant-numeric:tabular-nums;font-weight:600}.ccalc__empty{border-radius:var(--r-sm);background:#ffffff12;border:1px solid #fff3;gap:8px;padding:18px;display:grid}.ccalc__empty>b{font-size:var(--t-h4);font-weight:600}.ccalc__empty>p{color:var(--paper-70);font-size:var(--t-sm)}.ccalc__acts{flex-wrap:wrap;gap:10px;padding-top:4px;display:flex}.ccalc__acts .btn--ghost{color:var(--paper-text);background:0 0;border:1px solid #ffffff6b}@media (hover:hover){.ccalc__acts .btn--ghost:hover{background:#ffffff1a}}.ccalc__note{color:var(--paper-45);font-size:var(--t-xs);line-height:1.5}@media (max-width:900px){.ccalc{grid-template-columns:1fr}.ccalc__bar{grid-template-columns:76px 1fr auto}}@media (max-width:480px){.ccalc__bar{grid-template-columns:1fr auto}.ccalc__bar .ccalc__track{order:3;grid-column:1/-1}}@media (prefers-reduced-motion:reduce){:root:not(.motion-force) .ccalc__fill,:root:not(.motion-force) .ccalc__track,:root:not(.motion-force) .ccalc__val{transition:none}}@media (max-width:900px){.ccalc__out:before{filter:blur(24px)}}.ccalc__out>*{min-width:0}.ccalc__acts .btn{white-space:normal}.ccalc__sum{color:var(--ink);font-size:var(--t-h4);align-items:baseline;gap:4px;font-weight:600;display:inline-flex}.ccalc__num{border:0;border-bottom:1px dashed var(--ink-35);width:7.5ch;color:inherit;font:inherit;font-variant-numeric:tabular-nums;text-align:right;background:0 0;border-radius:0;padding:0 2px}.ccalc__num:focus{border-bottom:2px solid var(--em,#0a5c3c);outline:none}
.play{isolation:isolate;background:var(--grad-em);color:var(--paper-text);position:relative;overflow:hidden}.play:before{content:"";z-index:-1;filter:blur(80px);pointer-events:none;background:radial-gradient(circle,#e6c56538,#0000 68%);width:620px;height:620px;position:absolute;top:-240px;right:-160px}.play .section__head h2{color:var(--paper-text)}.play .section__head .eyebrow{color:var(--gold-light)}.play .section__head .lede{color:var(--paper-70)}.play__panel{border-radius:var(--r-lg);background:#ffffff0f;border:1px solid #ffffff29;gap:clamp(22px,2.4vw,32px);max-width:880px;margin-inline:auto;padding:clamp(22px,2.6vw,34px);display:grid}.play__control{gap:10px;display:grid}.play__lab{color:var(--paper-70);font-size:var(--t-sm);justify-content:space-between;align-items:baseline;gap:12px;display:flex}.play__lab>b{color:var(--paper-text);font-size:var(--t-h4);font-variant-numeric:tabular-nums;font-weight:600}.play .play__range{background:0 0}.play .play__range::-webkit-slider-runnable-track{background:linear-gradient(90deg, var(--gold) 0 var(--p,0%), #ffffff2e var(--p,0%) 100%);border-radius:999px;height:6px}.play .play__range::-moz-range-track{background:linear-gradient(90deg, var(--gold) 0 var(--p,0%), #ffffff2e var(--p,0%) 100%);border-radius:999px;height:6px}.play .play__range::-webkit-slider-thumb{background:var(--gold-light);box-shadow:0 0 0 4px #e6c56533}.play .play__range::-moz-range-thumb{background:var(--gold-light);box-shadow:0 0 0 4px #e6c56533}.play__cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,20px);margin:0;padding:0;list-style:none;display:grid}.play__col{border-radius:var(--r-sm);text-align:center;background:#0000001a;border:1px solid #ffffff24;grid-template-rows:auto 1fr auto auto;gap:10px;padding:16px 14px;display:grid}.play__col.is-best{background:#e6c56514;border-color:#e6c56580}.play__coltop{gap:2px;display:grid}.play__coltop>b{font-size:var(--t-h4);font-weight:600}.play__coltop>span{color:var(--paper-70);font-size:var(--t-xs)}.play__barwrap{justify-content:center;align-items:flex-end;min-height:150px;display:flex}.play__bar{width:56px;transition:height .52s var(--ease-out);background:linear-gradient(#ffffff80,#ffffff38);border-radius:6px 6px 0 0}.play__col.is-best .play__bar{background:linear-gradient(180deg, var(--gold-light), var(--gold))}.play__colsum{font-size:var(--t-h4);font-variant-numeric:tabular-nums;font-weight:700}.play__col.is-best .play__colsum{color:var(--gold-light)}.play__colpaid{color:var(--paper-45);font-size:var(--t-xs)}.play__gap{border-radius:var(--r-sm);color:var(--paper-70);font-size:var(--t-sm);text-align:center;background:#ffffff14;padding:14px 18px}.play__gap>b{color:var(--gold-light);font-size:var(--t-h4);font-variant-numeric:tabular-nums;font-weight:700}.play__acts{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;display:flex}.play__note{color:var(--paper-45);font-size:var(--t-xs);flex:260px;line-height:1.5}@media (max-width:560px){.play__cols{gap:8px}.play__col{padding:12px 8px}.play__bar{width:38px}.play__barwrap{min-height:110px}.play__colsum{font-size:var(--t-sm)}}@media (prefers-reduced-motion:reduce){.play__bar{transition:none}}@media (max-width:900px){.play:before{filter:blur(30px)}}