:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-card: #1a1a1a;--bg-elevated: #222222;--bg-glass: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #a0a0a0;--text-muted: #666666;--accent: #ff6b35;--accent-light: #ff8c5a;--accent-dark: #e55a25;--accent-glow: rgba(255, 107, 53, .3);--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--border: rgba(255, 255, 255, .08);--border-light: rgba(255, 255, 255, .12);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-accent: 0 4px 20px var(--accent-glow);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100dvh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;gap:var(--space-lg)}.loading-spinner{width:48px;height:48px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-secondary);font-size:.9rem}.error-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-xl);text-align:center;gap:var(--space-md)}.error-screen .error-icon{font-size:3rem}.error-screen h2{font-size:1.3rem;font-weight:700}.error-screen p{color:var(--text-secondary);font-size:.9rem;max-width:300px}.menu-header{position:sticky;top:0;z-index:100;background:#0a0a0ad9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);padding:var(--space-md) var(--space-lg)}.menu-header__content{display:flex;align-items:center;gap:var(--space-md)}.menu-header__logo{width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;overflow:hidden}.menu-header__logo img{width:100%;height:100%;object-fit:cover}.menu-header__info{flex:1;min-width:0}.menu-header__name{font-size:1.1rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-header__timer{display:flex;align-items:center;gap:var(--space-xs);font-size:.75rem;color:var(--text-secondary)}.menu-header__timer-dot{width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.category-tabs{position:sticky;top:77px;z-index:90;background:#0a0a0ae6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:var(--space-sm) 0}.category-tabs__list{display:flex;gap:var(--space-sm);overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding:0 var(--space-md)}.category-tabs__list::-webkit-scrollbar{display:none}.category-tab{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-full);font-size:.85rem;font-weight:500;white-space:nowrap;transition:all var(--transition-fast);background:var(--bg-glass);color:var(--text-secondary);border:1px solid transparent}.category-tab:active{transform:scale(.95)}.category-tab--active{background:var(--accent);color:#fff;font-weight:600;box-shadow:var(--shadow-accent);border-color:transparent}.products-section{padding:var(--space-md);flex:1;padding-bottom:120px}.category-title{font-size:1.2rem;font-weight:700;margin-bottom:var(--space-md);padding-left:var(--space-xs)}.products-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md);margin-bottom:var(--space-xl)}.product-card{background:var(--bg-card);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);transition:all var(--transition-normal);position:relative}.product-card:active{transform:scale(.97)}.product-card__image{width:100%;aspect-ratio:1;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:2.5rem;position:relative;overflow:hidden}.product-card__image img{width:100%;height:100%;object-fit:cover}.product-card__badge{position:absolute;top:var(--space-sm);right:var(--space-sm);background:var(--danger);color:#fff;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.product-card__info{padding:var(--space-sm) var(--space-md) var(--space-md)}.product-card__name{font-size:.85rem;font-weight:600;margin-bottom:var(--space-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__price{font-size:1rem;font-weight:800;color:var(--accent)}.product-card__description{font-size:.75rem;color:var(--text-secondary);line-height:1.4;margin-bottom:var(--space-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__price span{font-size:.75rem;font-weight:400;color:var(--text-muted)}.product-card__add-btn{position:absolute;bottom:var(--space-md);right:var(--space-md);width:32px;height:32px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;box-shadow:var(--shadow-accent);transition:all var(--transition-fast)}.product-card__add-btn:active{transform:scale(.85)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:flex-end;animation:fadeIn var(--transition-fast)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.product-detail{background:var(--bg-secondary);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-height:85dvh;overflow-y:auto;animation:slideUp var(--transition-slow)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.product-detail__image{width:100%;aspect-ratio:16/10;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:4rem;position:relative}.product-detail__image img{width:100%;height:100%;object-fit:cover}.product-detail__close{position:absolute;top:var(--space-md);right:var(--space-md);width:36px;height:36px;border-radius:50%;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.product-detail__body{padding:var(--space-lg)}.product-detail__name{font-size:1.4rem;font-weight:800;margin-bottom:var(--space-xs)}.product-detail__description{color:var(--text-secondary);font-size:.9rem;margin-bottom:var(--space-lg);line-height:1.6}.product-detail__price{font-size:1.5rem;font-weight:800;color:var(--accent);margin-bottom:var(--space-lg)}.product-detail__quantity{display:flex;align-items:center;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-lg)}.quantity-btn{width:44px;height:44px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700;transition:all var(--transition-fast)}.quantity-btn:active{transform:scale(.9);background:var(--accent)}.quantity-value{font-size:1.5rem;font-weight:800;min-width:40px;text-align:center}.add-to-cart-btn{width:100%;padding:var(--space-md) var(--space-lg);background:var(--accent);color:#fff;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);box-shadow:var(--shadow-accent);transition:all var(--transition-fast)}.add-to-cart-btn:active{transform:scale(.97);background:var(--accent-dark)}.cart-bar{position:fixed;bottom:0;left:0;right:0;z-index:150;padding:var(--space-md) var(--space-lg);padding-bottom:calc(var(--space-md) + var(--safe-bottom));background:#0a0a0ae6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);animation:slideUp var(--transition-normal)}.cart-bar__button{width:100%;padding:var(--space-md);background:var(--accent);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-accent);transition:all var(--transition-fast)}.cart-bar__button:active{transform:scale(.98)}.cart-bar__left{display:flex;align-items:center;gap:var(--space-sm)}.cart-bar__count{width:28px;height:28px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:#fff}.cart-bar__text{font-size:.95rem;font-weight:600;color:#fff}.cart-bar__total{font-size:1.05rem;font-weight:800;color:#fff}.cart-page{min-height:100dvh;display:flex;flex-direction:column}.cart-scroll{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.cart-page__header{padding:var(--space-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--space-md)}.cart-page__back{width:40px;height:40px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.cart-page__title{font-size:1.3rem;font-weight:800}.cart-items{padding:var(--space-md) var(--space-lg)}.cart-extras{padding:0 var(--space-lg)}.cart-item{display:flex;gap:var(--space-md);padding:var(--space-md) 0;border-bottom:1px solid var(--border);align-items:center}.cart-item__image{width:64px;height:64px;border-radius:var(--radius-md);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;overflow:hidden}.cart-item__image img{width:100%;height:100%;object-fit:cover}.cart-item__info{flex:1;min-width:0}.cart-item__name{font-size:.9rem;font-weight:600;margin-bottom:var(--space-xs)}.cart-item__price{font-size:.85rem;color:var(--accent);font-weight:700}.cart-item__description{font-size:.75rem;color:var(--text-muted);line-height:1.3;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.cart-item__controls{display:flex;align-items:center;gap:var(--space-sm)}.cart-item__qty-btn{width:32px;height:32px;border-radius:50%;background:var(--bg-elevated);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700}.cart-item__qty-btn--remove{border-color:var(--danger);color:var(--danger)}.cart-item__qty{font-weight:700;min-width:20px;text-align:center}.cart-summary{background:var(--bg-card);border-top:1px solid var(--border);padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + var(--safe-bottom))}.cart-summary__row{display:flex;justify-content:space-between;margin-bottom:var(--space-sm);color:var(--text-secondary);font-size:.9rem}.cart-summary__row--total{color:var(--text-primary);font-size:1.15rem;font-weight:800;margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--border);margin-bottom:var(--space-md)}.confirm-order-btn{width:100%;padding:var(--space-md);background:var(--success);color:#fff;border-radius:var(--radius-lg);font-size:1rem;font-weight:700;display:flex;align-items:center;justify-content:center;gap:var(--space-sm);transition:all var(--transition-fast)}.confirm-order-btn:active{transform:scale(.97)}.confirm-order-btn:disabled{opacity:.5;cursor:not-allowed}.cart-notes{margin-top:var(--space-lg);margin-bottom:var(--space-md)}.cart-notes__label{display:block;font-size:.85rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--text-secondary)}.cart-notes__input{width:100%;padding:var(--space-md);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:inherit;font-size:.9rem;resize:none;outline:none;transition:border-color var(--transition-fast)}.cart-notes__input:focus{border-color:var(--accent)}.cart-notes__input::placeholder{color:var(--text-muted)}.cart-item-wrapper{border-bottom:1px solid var(--border)}.cart-item-wrapper .cart-item{border-bottom:none}.cart-item__note-toggle{font-size:.75rem;color:var(--accent-light);margin-top:4px;padding:2px 0;opacity:.9;transition:opacity var(--transition-fast)}.cart-item__note-toggle:active{opacity:.6}.cart-item__note-input-wrapper{padding:0 var(--space-md) var(--space-md) 80px}.cart-item__note-input{width:100%;padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-primary);font-family:inherit;font-size:.8rem;outline:none;transition:border-color var(--transition-fast)}.cart-item__note-input:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.cart-item__note-input::placeholder{color:var(--text-muted)}.tip-section{margin-top:var(--space-md);margin-bottom:var(--space-lg)}.tip-section__label{display:block;font-size:.85rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--text-secondary)}.tip-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-sm)}.tip-preset{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:var(--space-sm) var(--space-xs);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.tip-preset:active{transform:scale(.95)}.tip-preset--active{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:var(--shadow-accent)}.tip-preset__label{font-size:.85rem;font-weight:700}.tip-preset__amount{font-size:.7rem;opacity:.8}.tip-custom{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-sm);background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md)}.tip-custom__prefix{font-size:.9rem;font-weight:700;color:var(--accent)}.tip-custom__input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem;font-weight:600;font-family:inherit;outline:none;-moz-appearance:textfield}.tip-custom__input::-webkit-outer-spin-button,.tip-custom__input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tip-custom__input::placeholder{color:var(--text-muted)}.success-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100dvh;padding:var(--space-xl);text-align:center;gap:var(--space-lg)}.success-screen__icon{width:80px;height:80px;border-radius:50%;background:#22c55e26;display:flex;align-items:center;justify-content:center;font-size:2.5rem;animation:popIn .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes popIn{0%{transform:scale(0)}to{transform:scale(1)}}.success-screen h2{font-size:1.5rem;font-weight:800}.success-screen p{color:var(--text-secondary);font-size:.95rem;max-width:320px;line-height:1.6}.success-screen__order-number{background:var(--bg-card);border:1px solid var(--border);padding:var(--space-md) var(--space-xl);border-radius:var(--radius-lg);font-size:.9rem;color:var(--text-secondary)}.success-screen__order-number strong{color:var(--accent);font-size:1.1rem}.empty-cart{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-xl);text-align:center;gap:var(--space-md);flex:1}.empty-cart__icon{font-size:3rem;opacity:.5}.empty-cart p{color:var(--text-secondary);font-size:.9rem}.empty-cart__back-btn{padding:var(--space-sm) var(--space-lg);background:var(--accent);color:#fff;border-radius:var(--radius-full);font-size:.9rem;font-weight:600;margin-top:var(--space-sm)}.toast{position:fixed;top:var(--space-lg);left:50%;transform:translate(-50%);z-index:300;background:var(--bg-elevated);border:1px solid var(--border-light);padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-full);font-size:.85rem;font-weight:500;box-shadow:var(--shadow-lg);animation:toastIn .3s ease,toastOut .3s ease 1.7s forwards;display:flex;align-items:center;gap:var(--space-sm)}@keyframes toastIn{0%{transform:translate(-50%) translateY(-20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toastOut{0%{transform:translate(-50%) translateY(0);opacity:1}to{transform:translate(-50%) translateY(-20px);opacity:0}}.search-toggle{width:40px;height:40px;border-radius:50%;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;transition:all var(--transition-fast);border:1px solid var(--border)}.search-toggle:active{transform:scale(.9);background:var(--accent)}.search-bar{margin-top:var(--space-sm);position:relative;display:flex;align-items:center}.search-bar__input{width:100%;padding:var(--space-sm) var(--space-md);padding-right:40px;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-full);color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;transition:border-color var(--transition-fast)}.search-bar__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.search-bar__input::placeholder{color:var(--text-muted)}.search-bar__clear{position:absolute;right:8px;width:28px;height:28px;border-radius:50%;background:var(--bg-card);display:flex;align-items:center;justify-content:center;font-size:.8rem;color:var(--text-secondary)}.product-card__emoji{font-size:2.5rem;opacity:.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(min-width:768px){.products-grid{grid-template-columns:repeat(3,1fr)}.menu-header{padding:var(--space-md) var(--space-xl)}.products-section{padding:var(--space-lg) var(--space-xl)}.cart-page{max-width:700px;margin:0 auto}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(4,1fr)}.products-section{padding:var(--space-lg) var(--space-xl);max-width:1100px;margin:0 auto}.menu-header__content{max-width:1100px;margin:0 auto}.category-tabs__list{max-width:1100px;margin:0 auto;padding-left:var(--space-xl);padding-right:var(--space-xl)}.modal-overlay{align-items:center;justify-content:center;padding:var(--space-xl)}.product-detail{max-width:500px;border-radius:var(--radius-xl);max-height:80dvh}.product-detail__close{top:var(--space-md);right:var(--space-md)}.cart-bar{max-width:1100px;left:50%;transform:translate(-50%);border-radius:var(--radius-lg) var(--radius-lg) 0 0}.cart-page{max-width:1000px;margin:0 auto}.cart-page__header{padding:var(--space-lg) var(--space-xl)}.cart-scroll{display:flex;gap:var(--space-xl);padding:0 var(--space-xl)}.cart-scroll .cart-left{flex:1;min-width:0}.cart-scroll .cart-summary{min-width:320px;max-width:380px;align-self:flex-start;position:sticky;top:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--border);margin-top:var(--space-md)}}@media(min-width:1280px){.products-grid{grid-template-columns:repeat(5,1fr)}.products-section,.menu-header__content,.category-tabs__list,.cart-bar{max-width:1400px}}