@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@700;900&display=swap";:root{--page-bg:#000;--bg:#0b0b0f;--surface:#15151c;--surface2:#1d1d26;--surface3:#262631;--text:#f6f6f8;--text-dim:#f6f6f89e;--text-mute:#f6f6f87a;--border:#ffffff14;--border-strong:#ffffff24;--accent:oklch(86% .19 128);--accent-dim:oklch(86% .19 128/.18);--accent-on:#0a1407;--accent-glow:oklch(86% .19 128/.35);--warn:oklch(82% .17 78);--warn-dim:oklch(82% .17 78/.16);--danger:oklch(72% .21 27);--danger-dim:oklch(72% .21 27/.16);--mp:#00b1ea;--mp-dim:#00b1ea26;--radius-lg:20px;--radius:16px;--radius-sm:10px;--radius-xs:6px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--shadow-card:0 1px 2px #0000000f, 0 0 0 1px var(--border);--shadow-float:0 -10px 24px -10px #00000073}[data-theme=light]{--page-bg:#d0d0dc;--bg:#f2f2f7;--surface:#fff;--surface2:#f5f5fa;--surface3:#eaeaf0;--text:#0b0b0f;--text-dim:#0b0b0fa6;--text-mute:#0b0b0f80;--border:#00000014;--border-strong:#00000026;--accent:oklch(48% .2 128);--accent-dim:oklch(48% .2 128/.12);--accent-on:#fff;--accent-glow:oklch(48% .2 128/.3);--warn:oklch(54% .17 78);--warn-dim:oklch(54% .17 78/.14);--danger:oklch(52% .21 27);--danger-dim:oklch(52% .21 27/.14);--mp:#0080b0;--mp-dim:#0080b024;--shadow-card:0 1px 2px #0000000d, 0 0 0 1px var(--border);--shadow-float:0 -10px 24px -10px #0000002e}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--page-bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;transition:background .25s}#root{background:var(--page-bg);justify-content:center;align-items:flex-start;min-height:100dvh;transition:background .25s;display:flex}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:0}.brand-mark{letter-spacing:-.035em;background:linear-gradient(135deg, var(--accent) 0%, var(--accent) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-family:Outfit,system-ui,sans-serif;font-size:44px;font-weight:900;line-height:1}.status-bar{letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:4px 12px;font-size:11px;font-weight:700;display:flex}.status-bar.up{color:oklch(78% .16 128);background:oklch(26% .05 128)}.status-bar.retrying{color:oklch(82% .17 78);background:oklch(28% .08 70)}.status-bar.down{color:oklch(72% .21 27);background:oklch(22% .06 27)}[data-theme=light] .status-bar.up{color:oklch(38% .18 128);background:oklch(92% .05 128)}[data-theme=light] .status-bar.retrying{color:oklch(44% .17 78);background:oklch(94% .06 70)}[data-theme=light] .status-bar.down{color:oklch(42% .21 27);background:oklch(95% .05 27)}.status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.status-bar.up .status-dot{background:oklch(78% .16 128)}.status-bar.retrying .status-dot{background:oklch(82% .17 78)}.status-bar.down .status-dot{background:oklch(72% .21 27)}.phone{background:var(--bg);flex-direction:column;width:100%;max-width:480px;height:100dvh;transition:background .25s;display:flex;position:relative;overflow:hidden}.nav-bar{border-bottom:1px solid var(--border);flex:none;align-items:center;gap:12px;padding:10px 20px 8px;display:flex}.nav-bar .back-btn{width:32px;height:32px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:20px;display:flex}.nav-bar .back-btn:hover{background:var(--accent-dim)}.nav-bar h1{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:17px;font-weight:600;overflow:hidden}.nav-bar .nav-action{color:var(--accent);font-size:14px;font-weight:600}.screen-body{-webkit-overflow-scrolling:touch;flex:1;overflow-y:auto}.btn-primary{background:var(--accent);width:100%;color:var(--accent-on);border-radius:var(--radius-sm);text-align:center;letter-spacing:.01em;padding:16px;font-size:16px;font-weight:700;transition:opacity .15s,transform 80ms ease-out}.btn-primary:hover{opacity:.92}.btn-primary:active{opacity:.85;transform:scale(.985)}.btn-primary:disabled{opacity:.35;cursor:not-allowed;transform:none}.btn-secondary{background:var(--surface2);border:1px solid var(--border-strong);width:100%;color:var(--text);border-radius:var(--radius-sm);text-align:center;padding:15px;font-size:15px;font-weight:600;transition:background .15s,transform 80ms ease-out}.btn-secondary:hover{background:var(--surface3)}.btn-secondary:active{transform:scale(.985)}.tap-press{transition:transform 80ms ease-out}.tap-press:active{transform:scale(.985)}.badge-warn{background:var(--warn-dim);color:var(--warn);border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-danger{background:var(--danger-dim);color:var(--danger);border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.section-title{color:var(--text-mute);text-transform:uppercase;letter-spacing:.08em;padding:16px 20px 8px;font-size:11px;font-weight:600}.divider{background:var(--border);height:1px;margin:0 20px}.pill-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;padding:12px 20px;display:flex;overflow-x:auto}.pill-tabs::-webkit-scrollbar{display:none}.pill-tab{color:var(--text-dim);background:var(--surface2);border:1px solid var(--border);white-space:nowrap;border-radius:99px;flex:none;padding:7px 14px;font-size:13px;font-weight:600;transition:all .15s}.pill-tab.active{background:var(--accent-dim);color:var(--accent);border-color:var(--accent)}.cart-bar{background:var(--accent);color:var(--accent-on);border-radius:var(--radius-sm);cursor:pointer;box-shadow:0 12px 28px -8px var(--accent-glow), 0 8px 32px #00000080;flex-shrink:0;justify-content:space-between;align-items:center;margin:0 20px 20px;padding:14px 18px;transition:opacity .15s,transform .1s ease-out;display:flex}.cart-bar:hover{opacity:.92}.cart-bar:active{transform:translateY(1px)}.cart-bar .cart-info{flex-direction:column;gap:1px;display:flex}.cart-bar .cart-label{opacity:.75;font-size:13px;font-weight:600}.cart-bar .cart-total{font-size:17px;font-weight:700}.cart-bar .cart-cta{align-items:center;gap:6px;font-size:15px;font-weight:700;display:flex}.product-card{border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:14px 20px;transition:background .12s,transform .14s ease-out,box-shadow .14s;display:flex}.product-card:hover{background:var(--surface);transform:translateY(-1px);box-shadow:0 6px 18px -10px #00000059}.product-card.out-of-stock{opacity:.45}.product-card.out-of-stock:hover{box-shadow:none;transform:none}.product-emoji{background:var(--surface2);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:28px;display:flex}.product-info{flex:1;min-width:0}.product-name{font-size:15px;font-weight:600}.product-sub{color:var(--text-dim);margin-top:2px;font-size:12px}.product-price{color:var(--text);margin-top:4px;font-size:15px;font-weight:700}.product-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:6px;display:flex}.stepper{background:var(--surface2);border:1px solid var(--border-strong);border-radius:99px;align-items:center;gap:0;display:flex;overflow:hidden}.stepper button{width:32px;height:32px;color:var(--text-dim);justify-content:center;align-items:center;font-size:18px;font-weight:600;transition:background .12s,color .12s;display:flex}.stepper button:hover{background:var(--surface3);color:var(--text)}.stepper button.active{color:var(--accent)}.stepper .qty{text-align:center;width:28px;color:var(--text);font-size:14px;font-weight:700}.order-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.order-row .row-left{align-items:center;gap:12px;min-width:0;display:flex}.order-row .row-emoji{background:var(--surface2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;display:flex}.order-row .row-info{min-width:0}.order-row .row-name{font-size:14px;font-weight:600}.order-row .row-sub{color:var(--text-dim);font-size:12px}.order-row .row-price{flex-shrink:0;font-size:15px;font-weight:700}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:48px 32px;display:flex}.empty-state .empty-icon{font-size:48px}.empty-state h3{font-size:18px;font-weight:600}.empty-state p{color:var(--text-dim);font-size:14px;line-height:1.5}.status-steps{flex-direction:column;gap:0;padding:8px 20px;display:flex}.status-step{align-items:flex-start;gap:14px;padding:16px 0;display:flex}.step-indicator{flex-direction:column;flex-shrink:0;align-items:center;gap:0;display:flex}.step-dot{background:var(--surface3);width:24px;height:24px;color:var(--text-mute);border:2px solid var(--border-strong);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:700;transition:all .3s;display:flex}.step-dot.done{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}.step-dot.active{background:var(--surface3);color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-dim)}.step-line{background:var(--border-strong);width:2px;height:32px;margin:2px 0}.step-line.done{background:var(--accent)}.step-content{padding-top:2px}.step-title{font-size:15px;font-weight:600}.step-title.active{color:var(--accent)}.step-title.done{color:var(--text-dim)}.step-sub{color:var(--text-mute);margin-top:2px;font-size:13px}.qr-wrap{border-radius:var(--radius);background:#fff;padding:20px;display:inline-flex}@keyframes fb-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fb-spin{to{transform:rotate(360deg)}}@keyframes fb-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fb-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes fb-pulse-soft{0%,to{opacity:1}50%{opacity:.72}}@keyframes fb-screen-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.animate-pulse{animation:1.5s ease-in-out infinite fb-pulse}.animate-pulse-soft{animation:1.2s ease-in-out infinite fb-pulse-soft}.animate-spin{animation:.8s linear infinite fb-spin}.animate-slide-up{animation:.35s ease-out fb-slide-up}.screen-fade{animation:.18s ease-out fb-screen-in}@keyframes fb-scan{0%{opacity:0;transform:translateY(-100px)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(100px)}}.info-card{background:var(--surface2);border-radius:var(--radius-sm);box-shadow:var(--shadow-card);padding:14px 16px}.low-stock{color:var(--warn);font-size:11px;font-weight:600}.theme-btn{width:22px;height:18px;color:var(--text-mute);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;transition:color .15s,background .15s;display:flex}.theme-btn:hover{color:var(--text);background:var(--surface3)}