*,:before,:after{box-sizing:border-box}html,body{background:#0e0a07;margin:0}body{background-image:radial-gradient(80% 50% at 20% -10%,#6b3a1f2e,#0000),radial-gradient(60% 40% at 85% 15%,#3d1f0d47,#0000);background-repeat:no-repeat}#root{min-height:100vh}h1,h2,h3{font-family:Fraunces,Georgia,Times New Roman,serif}.stage{animation:.45s cubic-bezier(.22,.8,.3,1) both stageIn}@keyframes stageIn{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}.calc-layout{grid-template-columns:1fr;gap:44px;max-width:1140px;margin:0 auto;padding:56px 24px 80px;display:grid}@media (width>=980px){.calc-layout{grid-template-columns:.85fr 1.15fr;gap:80px}.calc-left{align-self:start;position:sticky;top:56px}}.receipt,.order-card,.paper-sheet{color:#2b1c10;background:#f4ecdc;position:relative;box-shadow:0 24px 60px #0009,0 4px 16px #0006}.paper-sheet{padding:44px 34px 48px}@media (width<=640px){.paper-sheet{padding:36px 22px 40px}}.receipt{width:100%;max-width:440px;margin:0 auto;padding:32px 26px 38px;font-family:Space Mono,Courier New,monospace;animation:.7s cubic-bezier(.2,.7,.3,1) both receiptDrop}.order-card{padding:34px 30px 38px}.receipt:before,.receipt:after,.order-card:before,.order-card:after,.paper-sheet:before,.paper-sheet:after{content:"";background-image:linear-gradient(45deg,#f4ecdc 25%,#0000 25%),linear-gradient(-45deg,#f4ecdc 25%,#0000 25%);background-repeat:repeat-x;background-size:14px 20px;height:10px;position:absolute;left:0;right:0}.receipt:before,.order-card:before,.paper-sheet:before{top:-9px;transform:rotate(180deg)}.receipt:after,.order-card:after,.paper-sheet:after{bottom:-9px}.order-card input[type=range]{background:#e0d3b8;border-color:#cdbc9c}.order-card .mono-label{color:#6b5640;letter-spacing:.18em;text-transform:uppercase;margin-bottom:12px;font-family:Space Mono,Courier New,monospace;font-size:11px;display:block}@keyframes receiptDrop{0%{opacity:0;transform:translateY(-26px)}to{opacity:1;transform:translateY(0)}}.r-item{opacity:0;animation:.35s ease-out forwards lineIn;animation-delay:calc(var(--i,0) * .11s + .35s)}@keyframes lineIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.r-row{letter-spacing:.02em;align-items:baseline;gap:8px;margin:7px 0;font-size:13px;display:flex}.r-row .r-leader{border-bottom:2px dotted #b9a98e;flex:1;transform:translateY(-3px)}.r-row .r-val{white-space:nowrap;font-weight:700}.r-rule{opacity:.55;border:none;border-top:1px dashed #2b1c10;margin:16px 0}.r-center{text-align:center}.r-store{letter-spacing:.18em;margin:10px 0 4px;font-size:17px;font-weight:700}.r-meta{letter-spacing:.08em;color:#6b5640;margin:2px 0;font-size:11px}.r-total-label{letter-spacing:.22em;margin:0 0 6px;font-size:12px}.r-total{font-variant-numeric:tabular-nums;margin:0;font-size:clamp(40px,10vw,56px);font-weight:700;line-height:1}.r-section-label{letter-spacing:.2em;color:#6b5640;margin:0 0 8px;font-size:11px}.r-future{border:2px solid #b8431f;margin:4px 0 0;padding:14px 16px;position:relative}.r-future .r-future-label{letter-spacing:.18em;color:#b8431f;margin:0 0 4px;font-size:11px;font-weight:700}.r-future .r-future-amount{color:#b8431f;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(24px,6vw,32px);font-weight:700;line-height:1.1}.r-stamp{color:#b8431f;letter-spacing:.14em;opacity:.92;background:#f4ecdc;border:2.5px solid #b8431f;border-radius:3px;padding:4px 9px;font-size:11px;font-weight:700;position:absolute;top:-14px;right:-8px;transform:rotate(-7deg)}.r-barcode{background:repeating-linear-gradient(90deg,#2b1c10 0 2px,#0000 2px 5px,#2b1c10 5px 6px,#0000 6px 10px,#2b1c10 10px 13px,#0000 13px 16px);width:72%;height:44px;margin:0 auto}input[type=range]{appearance:none;background:#2a1a0e;border:1px solid #3d2a1a;border-radius:999px;outline:none;height:6px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#e8a96b,#c07e3a);border:2px solid #0e0a07;border-radius:50%;width:22px;height:22px;transition:box-shadow .15s;box-shadow:0 0 0 1px #d4915a66,0 2px 10px #d4915a73}input[type=range]::-webkit-slider-thumb:hover{box-shadow:0 0 0 1px #d4915a,0 2px 16px #d4915ab3}input[type=range]::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#e8a96b,#c07e3a);border:2px solid #0e0a07;border-radius:50%;width:18px;height:18px;box-shadow:0 0 0 1px #d4915a66,0 2px 10px #d4915a73}input[type=range]::-moz-range-track{background:#2a1a0e;border-radius:999px;height:6px}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}a:focus-visible,button:focus-visible,input:focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid #d4915a}::selection{color:#1a0f0a;background:#d4915a}@media (prefers-reduced-motion:reduce){.stage,.receipt,.r-item{opacity:1;animation:none}}