: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:#f5f5f5;--border:#ebebeb;--red:#e74c3c;--glass-bg:#ffffffb8;--glass-border:#ffffffb3;--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{background:var(--dot-cream);width:100%;min-height:100dvh;color:var(--dot-black);justify-content:center;font-family:Inter,-apple-system,sans-serif;display:flex;overflow-x:hidden}h1,h2,.display{letter-spacing:-.01em;font-family:Archivo Black,sans-serif;font-weight:400}button,input,textarea{font-family:inherit}.app{background:var(--dot-white);flex-direction:column;width:100%;max-width:420px;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}.header{background:var(--dot-pink);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{border:1px solid var(--border);background:#fff;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{background:var(--dot-white);border-top:1px solid var(--border);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}
