:root{--dot-pink:#ff3ea5;--dot-pink-soft:#ffd9ec;--dot-pink-deep:#e31c79;--dot-black:#111;--dot-white:#fff;--dot-cream:#fff6fa;--gray:#888;--gray-light:#ffffff8c;--border:#11111114;--red:#e74c3c;--glass-bg:#ffffff8c;--glass-bg-heavy:#ffffffb8;--glass-border:#fff9;--glass-shadow:0 8px 32px #e31c791a, 0 2px 8px #1111110d;--spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100dvh;color:var(--dot-black);font-family:Inter,-apple-system,sans-serif;overflow-x:hidden}body{background-color:#0000;background-image:radial-gradient(38vmax 38vmax at 88% -8%,#ffc9e4 0%,#0000 70%),radial-gradient(34vmax 34vmax at -6% 108%,#ffe4f1 0%,#0000 70%),radial-gradient(22vmax 22vmax at 60% 40%,#ffd9ec 0%,#0000 75%),linear-gradient(160deg,#fff6fa 0%,#ffedf6 45%,#ffe0ef 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}h1,h2,.display{letter-spacing:-.01em;font-family:Archivo Black,sans-serif;font-weight:400}button,input,textarea{font-family:inherit}.app{background:var(--glass-bg);-webkit-backdrop-filter:blur(28px)saturate(1.6);backdrop-filter:blur(28px)saturate(1.6);border-inline:1px solid var(--glass-border);width:100%;max-width:420px;min-height:100dvh;box-shadow:var(--glass-shadow);flex-direction:column;margin:0 auto;display:flex;position:relative;overflow-x:hidden}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#ff3ea5f0,#e31c79f0);flex-direction:column;flex-shrink:0;align-items:center;gap:6px;padding:40px 24px 22px;display:flex}.header h1{color:var(--dot-white);font-size:19px}.header p{color:#ffffffd9;font-size:13px;font-weight:600}.body{flex-direction:column;flex:1;gap:14px;padding:20px;display:flex;overflow-y:auto}.label{color:var(--gray);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:11px;font-weight:700}.section-title{color:var(--dot-pink-deep);text-transform:uppercase;letter-spacing:.6px;margin:4px 0 8px;font-size:12px;font-weight:800}input[type=tel],input[type=text]{border:1.5px solid var(--border);background:var(--gray-light);border-radius:14px;outline:none;width:100%;padding:14px 16px;font-size:15px;transition:border-color .15s,background .15s}input[type=tel]{text-align:center;letter-spacing:3px;font-size:22px;font-weight:700}input:focus{border-color:var(--dot-pink);background:var(--dot-white)}.btn{cursor:pointer;width:100%;transition:transform .15s var(--spring), opacity .1s;touch-action:manipulation;border:none;border-radius:16px;padding:16px;font-size:16px;font-weight:800}.btn:active{transform:scale(.97)}.btn-primary{background:var(--dot-pink);color:#fff;box-shadow:0 8px 22px #ff3ea552}.btn-primary:disabled{opacity:.5}.btn-secondary{color:var(--dot-pink-deep);border:1.5px solid var(--dot-pink-soft);background:#fff;padding:14px}.btn-danger{color:var(--red);border:1.5px solid var(--red);background:#fff;padding:12px;font-size:14px}.btn-sm{border-radius:12px;width:auto;padding:9px 16px;font-size:13px}.chip{border:1.5px solid var(--border);color:var(--dot-black);cursor:pointer;background:var(--gray-light);transition:all .15s var(--spring);border-radius:99px;align-items:center;gap:5px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.chip.selected{border-color:var(--dot-pink);background:var(--dot-pink-soft);color:var(--dot-pink-deep)}.chip .price{color:var(--dot-pink-deep);font-size:11px;font-weight:800}.chip.selected .price{color:var(--dot-pink-deep)}.chip-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.tabs{gap:8px;padding:0 0 4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{color:var(--gray);cursor:pointer;background:var(--gray-light);border:1.5px solid var(--border);white-space:nowrap;transition:all .15s var(--spring);border-radius:99px;flex-shrink:0;padding:9px 16px;font-size:12.5px;font-weight:800}.tab.active{background:var(--dot-pink);color:#fff;border-color:var(--dot-pink)}.bev-tab{background:var(--gray-light);color:var(--gray);border:1.5px solid var(--border);cursor:pointer;white-space:nowrap;border-radius:99px;flex-shrink:0;padding:8px 16px;font-size:13px;font-weight:700}.bev-tab.active{background:var(--dot-pink);color:#fff;border-color:var(--dot-pink)}.wiz-sec{border-bottom:1px solid var(--border);padding:4px 0 14px}.wiz-sec-tit{text-align:left;width:100%;color:var(--dot-black);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 0;font-size:13px;font-weight:800;display:flex}.wiz-sec-tit .check{color:var(--dot-pink);font-weight:900}.card{background:var(--glass-bg-heavy);-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);border:1px solid var(--glass-border);border-radius:16px;padding:14px 16px}.card-pink{background:var(--dot-pink-soft);border:1px solid #e31c792e;border-radius:16px;padding:14px 16px}.card-title{color:var(--dot-pink-deep);margin-bottom:8px;font-size:14px;font-weight:800}.total-row{border-top:2px solid var(--border);justify-content:space-between;align-items:center;margin-top:4px;padding:14px 0;display:flex}.total-row span{font-size:15px;font-weight:700}.total-row strong{color:var(--dot-pink);font-size:22px;font-weight:900}.banner{background:var(--dot-pink-soft);border:1px solid #e31c792e;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.banner span{color:var(--dot-pink-deep);font-size:13px;font-weight:700}.success-circle{background:radial-gradient(circle at 32% 28%, #fff 0%, var(--dot-pink-soft) 70%, #ffb7dc 100%);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;font-size:38px;display:flex;box-shadow:0 12px 30px #e31c792e}.spinner{border:3px solid var(--dot-pink-soft);border-top-color:var(--dot-pink);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.error-msg{color:var(--red);text-align:center;padding:8px;font-size:13px;font-weight:700}.hint{color:var(--gray);text-align:center;font-size:12px;font-weight:600}.warning{color:#b8860b;background:#fff8e1;border:1px solid #ffe082;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700}.sticky-footer{-webkit-backdrop-filter:blur(20px)saturate(1.5);backdrop-filter:blur(20px)saturate(1.5);border-top:1px solid var(--glass-border);background:#ffffff73;flex-direction:column;flex-shrink:0;gap:8px;padding:12px 20px 20px;display:flex;position:sticky;bottom:0}.sum-row{color:#555;justify-content:space-between;padding:3px 0;font-size:13px;display:flex}.sum-row.bold{color:var(--dot-black);font-size:14px;font-weight:800}.printer-wrap{flex-direction:column;align-items:center;width:100%;display:flex}.printer{width:200px;position:relative}.printer-body{z-index:3;background:linear-gradient(#2a2a2a,#141414);border-radius:14px 14px 6px 6px;height:58px;position:relative;box-shadow:0 10px 22px #11111147,inset 0 1px #ffffff14}.printer-body:before{content:"";background:#000;border-radius:6px;width:136px;height:9px;position:absolute;top:13px;left:50%;transform:translate(-50%);box-shadow:inset 0 2px 4px #0009}.printer-led{background:#4cd964;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite printer-blink;position:absolute;top:27px;right:18px;box-shadow:0 0 6px #4cd964}@keyframes printer-blink{0%,to{opacity:1}50%{opacity:.35}}.printer-slot{z-index:2;width:172px;max-height:0;margin:0 auto;transition:max-height 2s steps(18,end);position:relative;overflow:hidden}.printer-slot.printing{max-height:620px}.receipt-ln{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(9px)}.receipt-ln.show{opacity:1;transform:translateY(0)}.receipt-paper{color:#1c1c1c;clip-path:polygon(0 0,100% 0,100% 100%,94% 96%,88% 100%,82% 96%,76% 100%,70% 96%,64% 100%,58% 96%,52% 100%,46% 96%,40% 100%,34% 96%,28% 100%,22% 96%,16% 100%,10% 96%,4% 100%,0 96%);background:#fdfbf3;padding:18px 15px 24px;font-family:IBM Plex Mono,Inter,monospace;font-size:.72rem;line-height:1.55;position:relative;box-shadow:0 16px 26px #11111129}.r-title{text-align:center;text-transform:uppercase;letter-spacing:.04em;margin:8px 0 6px;font-family:Archivo Black,sans-serif;font-size:.76rem;font-weight:400}.r-meta{text-align:center;color:#666;font-size:.68rem}.r-dash{border:none;border-top:1px dashed #00000059;margin:9px 0}.r-item{margin-bottom:8px}.r-item-top{justify-content:space-between;font-weight:600;display:flex}.r-item-detail{color:#666;padding-left:10px;font-size:.66rem}.r-row{justify-content:space-between;display:flex}.r-total{margin-top:4px;font-family:Archivo Black,sans-serif;font-size:.92rem;font-weight:400}.r-footer{text-align:center;color:#666;margin-top:12px;font-size:.68rem}.receipt-actions{opacity:0;flex-direction:column;align-items:center;gap:8px;margin-top:20px;transition:opacity .5s,transform .5s;display:flex;transform:translateY(6px)}.receipt-actions.show{opacity:1;transform:translateY(0)}.receipt-overlay{z-index:20;background:#111111b8;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.receipt-overlay img{object-fit:contain;border-radius:8px;flex-shrink:0;max-width:240px;max-height:60vh;box-shadow:0 20px 40px #0006}.receipt-overlay p{color:#fff;text-align:center;max-width:260px;font-size:.85rem}.receipt-overlay p.receipt-overlay-note{color:#ffffffb3;margin-top:-6px;font-size:.78rem}