@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #0a0a0c;--bg-secondary: #131316;--bg-glass: rgba(255, 255, 255, .03);--bg-glass-hover: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #8a8a93;--accent-primary: #f08c38;--accent-secondary: #f5a623;--accent-gradient: linear-gradient(135deg, #e8622c 0%, #f5a623 100%);--border-glass: rgba(255, 255, 255, .08);--shadow-neon: 0 0 20px rgba(240, 140, 56, .2);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--transition: all .3s cubic-bezier(.25, .8, .25, 1);--font: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif}[data-theme=light]{--bg-primary: #f5f5f7;--bg-secondary: #ffffff;--bg-glass: rgba(0, 0, 0, .03);--bg-glass-hover: rgba(0, 0, 0, .07);--text-primary: #1a1a2e;--text-secondary: #555e6e;--accent-primary: #e8622c;--accent-secondary: #d4551f;--accent-gradient: linear-gradient(135deg, #e8622c 0%, #f08c38 100%);--border-glass: rgba(0, 0, 0, .12);--shadow-neon: 0 2px 12px rgba(0, 0, 0, .08);--success: #16a34a;--warning: #d97706;--danger: #dc2626}html,body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;overflow-x:clip}.screen{min-height:100vh;min-height:100dvh;max-width:480px;margin:0 auto;position:relative;padding-bottom:70px}.welcome-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px;text-align:center;background:var(--bg-primary)}.welcome-logo{width:80px;height:80px;border-radius:50%;background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:var(--shadow-neon)}.welcome-title{font-size:28px;font-weight:800;margin-bottom:6px;letter-spacing:-.5px}.welcome-sub{font-size:14px;color:var(--text-secondary);margin-bottom:32px}.welcome-input{width:100%;max-width:320px;padding:14px 18px;border-radius:100px;border:1px solid var(--border-glass);background:var(--bg-secondary);color:var(--text-primary);font-size:16px;font-weight:500;font-family:var(--font);text-align:center;margin-bottom:16px;outline:none;transition:var(--transition)}.welcome-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #f08c381a}.welcome-input::placeholder{color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:100px;border:none;font-size:15px;font-weight:700;font-family:var(--font);cursor:pointer;transition:var(--transition)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:var(--shadow-neon)}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5}.btn-outline{background:transparent;color:var(--accent-primary);border:1px solid var(--accent-primary)}.btn-full{width:100%;max-width:320px}.btn-danger{background:var(--danger);color:#fff}.btn-sm{padding:8px 14px;font-size:13px;border-radius:100px}.btn-secondary{background:var(--bg-glass);color:var(--text-primary);border:1px solid var(--border-glass)}.topbar{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-glass);background:#0a0a0cd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:60}[data-theme=light] .topbar{background:#f5f5f7d9}.topbar-title{font-size:16px;font-weight:700}.topbar-table{font-size:12px;color:var(--text-secondary)}.cat-tabs{display:flex;gap:10px;padding:14px 20px;overflow-x:auto;-webkit-overflow-scrolling:touch;border-bottom:1px solid var(--border-glass);scrollbar-width:none;position:sticky;top:52px;z-index:50;background:var(--bg-primary);max-width:100vw}.cat-tabs::-webkit-scrollbar{display:none}.cat-tabs:after{content:"";flex-shrink:0;width:20px}.cat-tab{flex-shrink:0;padding:8px 20px;border-radius:100px;border:1px solid var(--border-glass);background:var(--bg-secondary);color:var(--text-secondary);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;transition:var(--transition);white-space:nowrap}.cat-tab:hover{color:var(--accent-primary);border-color:var(--accent-primary)}.cat-tab.active{background:var(--accent-gradient);color:#fff;border-color:var(--accent-primary);font-weight:600}.menu-grid{display:flex;flex-direction:column;gap:12px;padding:16px 20px;flex:1}.menu-card{display:flex;background:var(--bg-secondary);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-glass);cursor:pointer;transition:var(--transition)}.menu-card:active{transform:scale(.98);border-color:var(--accent-primary)}.menu-card-img{width:120px;min-height:100px;object-fit:cover;background:var(--bg-glass);flex-shrink:0}.menu-card-body{padding:14px 16px;flex:1;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.menu-card-name{font-size:15px;font-weight:700;margin-bottom:4px;line-height:1.3}.menu-card-price{font-size:17px;font-weight:700;color:var(--accent-primary)}.menu-card-desc{font-size:12px;color:var(--text-secondary);margin-top:4px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.cart-bar{position:fixed;bottom:0;left:0;right:0;padding:14px 20px;background:var(--accent-gradient);color:#fff;display:flex;align-items:center;justify-content:space-between;cursor:pointer;z-index:50;font-weight:700;box-shadow:0 -4px 20px #0006}.cart-bar:active{opacity:.9}.cart-count{width:28px;height:28px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800}.bottom-bar{position:fixed;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;padding:10px 16px 14px;background:var(--bg-secondary);border-top:1px solid var(--border-glass);z-index:40;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}[data-theme=light] .bottom-bar{background:#ffffffeb}.bottom-bar-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--text-secondary);font-family:var(--font);font-size:11px;font-weight:500;cursor:pointer;padding:4px 8px;transition:var(--transition);border-radius:8px}.bottom-bar-btn:active{transform:scale(.93)}.bottom-bar-btn.alert{color:var(--accent-primary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.sheet-backdrop{position:fixed;inset:0;background:#0009;z-index:100}.sheet{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-radius:24px 24px 0 0;z-index:101;max-height:85vh;overflow-y:auto;animation:slideUp .25s ease-out}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-header{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-glass);position:sticky;top:0;background:var(--bg-secondary);z-index:2}.sheet-body{padding:16px 20px}.cart-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border-glass)}.cart-item-info{flex:1}.cart-item-name{font-size:14px;font-weight:600}.cart-item-mods{font-size:11px;color:var(--text-secondary)}.cart-item-price{font-size:14px;font-weight:700;color:var(--accent-primary);min-width:70px;text-align:right}.qty-controls{display:flex;align-items:center;gap:6px}.qty-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary);font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.qty-btn:active{background:var(--accent-primary);border-color:var(--accent-primary)}.summary-row{display:flex;justify-content:space-between;padding:6px 0;font-size:14px}.summary-total{font-size:18px;font-weight:800;border-top:2px solid var(--border-glass);padding-top:10px;margin-top:6px}.order-success{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center;padding:24px}.order-success-icon{width:80px;height:80px;border-radius:50%;background:var(--success);display:flex;align-items:center;justify-content:center;margin-bottom:20px;animation:popIn .3s ease-out}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.spinner{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.item-modal{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column}.item-modal-bg{flex:1;background:#0009}.item-modal-content{background:var(--bg-secondary);border-radius:24px 24px 0 0;max-height:85vh;overflow-y:auto;padding:20px;animation:slideUp .25s ease-out}.item-modal-name{font-size:22px;font-weight:800;margin-bottom:4px;letter-spacing:-.5px}.item-modal-desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px;line-height:1.5}.item-modal-price{font-size:24px;font-weight:800;color:var(--accent-primary);margin-bottom:20px}.mod-group{margin-bottom:20px}.mod-group-label{font-size:14px;font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px}.mod-group-label .required{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--danger);color:#fff;font-weight:700}.mod-option{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;margin-bottom:6px;border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--bg-glass);cursor:pointer;transition:var(--transition)}.mod-option.selected{border-color:var(--accent-primary);background:#f08c381a}.mod-option-name{font-size:14px;font-weight:500}.mod-option-price{font-size:13px;color:var(--text-secondary);font-weight:600}.tip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}.tip-btn{padding:12px 8px;border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary);font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);text-align:center}.tip-btn.active{border-color:var(--accent-primary);background:#f08c3826;color:var(--accent-primary)}.tip-btn:active{transform:scale(.95)}.payment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:8px}.payment-btn{padding:16px 12px;border-radius:var(--radius-md);border:2px solid var(--border-glass);background:var(--bg-glass);color:var(--text-primary);font-family:var(--font);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:8px}.payment-btn.active{border-color:var(--accent-primary);background:#f08c381a}.payment-btn:active{transform:scale(.96)}.waiter-toast{position:fixed;top:60px;left:50%;transform:translate(-50%);background:var(--accent-gradient);color:#fff;padding:12px 24px;border-radius:100px;font-family:var(--font);font-size:14px;font-weight:600;z-index:200;animation:fadeInDown .3s ease-out;box-shadow:0 4px 20px #0000004d}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}