:root{--dcc-card:#1a1a1a;--dcc-card2:#262626;--dcc-text:#EAEAEA;--dcc-muted:#B9B9B9;--dcc-stroke:#3a3a3a;--dcc-accent:#F2EDE8;--radius:0.75rem}.dcc-wrap{max-width:54rem;margin:0 auto;color:var(--dcc-text);padding:0 .75rem}.dcc-head.dcc-grid{display:grid;grid-template-columns:1fr 1fr;margin:0 0 .5rem}.dcc-head-col{font-weight:700;color:var(--dcc-text);opacity:.9}.dcc-right{text-align:right}.dcc-list{display:grid;gap:.75rem}.dcc-row{display:flex;align-items:center;gap:1rem;background:var(--dcc-card);border-radius:var(--radius);padding:.9rem 1.1rem}.dcc-label{flex:1;font-size:1.05rem;color:var(--dcc-text);font-weight:500}.ctrl{display:flex;align-items:center;border-radius:.6rem;overflow:hidden;background:#0e0e0e;border:1px solid var(--dcc-stroke)}.ctrl__button{width:3.4rem;height:2.75rem;display:flex;align-items:center;justify-content:center;color:#B99855;background:#49545e;cursor:pointer;border:none;font-size:1.25rem;line-height:1;transition:background .2s ease,transform .05s ease}.ctrl__button:hover{background:#262626}.ctrl__button:active{transform:scale(.98)}.ctrl__button--decrement{border-right:1px solid var(--dcc-stroke)}.ctrl__button--increment{border-left:1px solid var(--dcc-stroke)}.ctrl__button--decrement[disabled]{opacity:.4;cursor:not-allowed;pointer-events:none}.ctrl__counter{position:relative;width:6.5rem;height:2.75rem;color:#EAEAEA;text-align:center;overflow:hidden}.ctrl__counter-input{width:100%;height:100%;margin:0;padding:0;border:none;outline:none;background:#fff0;color:#EAEAEA;font-size:1.0625rem;line-height:2.75rem;text-align:center;opacity:0;pointer-events:none}.ctrl__counter-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.0625rem}.ctrl__counter-num.is-increment-hide{opacity:0;transform:translateY(-.75rem);transition:.12s ease}.ctrl__counter-num.is-increment-visible{opacity:1;transform:translateY(0);transition:.12s ease}.ctrl__counter-num.is-decrement-hide{opacity:0;transform:translateY(.75rem);transition:.12s ease}.ctrl__counter-num.is-decrement-visible{opacity:1;transform:translateY(0);transition:.12s ease}.dcc-total-card{background:var(--dcc-card2);border-radius:var(--radius);padding:1.5rem 1.25rem;margin-top:.75rem;text-align:center;color:var(--dcc-text)}.dcc-subttl{color:var(--dcc-muted);margin:0 0 .6rem}.dcc-total{font-size:4rem;font-weight:700;line-height:1.05;margin:.35rem 0 1rem;letter-spacing:.02em}.dcc-cta{width:100%;border-radius:2rem;padding:1rem 2rem;border:1px solid var(--dcc-accent);color:var(--dcc-accent);background:#fff0;font-size:1.125rem;font-weight:500;letter-spacing:.04em;cursor:pointer}.dcc-cta:hover{background:var(--dcc-accent);color:#111}.dcc-note{font-size:.825rem;color:var(--dcc-muted);margin-top:1rem}@media (max-width:48rem){.dcc-total{font-size:3.5rem}}@media (max-width:30rem){.dcc-total{font-size:3rem}.ctrl__counter{width:4.5rem}.ctrl__button{width:2rem}}#dccCalc:disabled{opacity:.5;cursor:not-allowed}#dccCalc.enabled{opacity:1;cursor:pointer}