#app-wrapper,#splash-screen,body,html{background-color:var(--bg-dark)}#modal,#splash-screen{display:flex;position:fixed}:root{--gold:#c5a059;--gold-bright:#e3c485;--bg-dark:#050505;--card-bg:#0F0F0F;--ease-fluid:cubic-bezier(0.16, 1, 0.3, 1);--ease-spring:cubic-bezier(0.175, 0.885, 0.32, 1.275);--sab:max(20px, env(safe-area-inset-bottom));--sat:max(16px, env(safe-area-inset-top))}body{max-width:100vw;overflow-x:hidden;color:#e5e5e5;font-family:Inter,sans-serif;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}.menu-card,.quick-add-btn,a,button,input[type=checkbox]{touch-action:manipulation}.serif{font-family:'Cormorant Garamond',serif}.gold-text{color:var(--gold)}.bg-card{background-color:var(--card-bg)}::-webkit-scrollbar{width:0;height:0;background:0 0}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.btn-glow,body.locked{overflow:hidden}:focus-visible{outline:2px solid var(--gold);outline-offset:4px;border-radius:4px}.active-scale{transition:transform .2s cubic-bezier(.16, 1, .3, 1)}.active-scale:active{transform:scale(.96)}.out-of-stock{filter:grayscale(1);opacity:.6;pointer-events:none}.page-fade{animation:.4s ease-out fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,100%{transform:translateX(0)}25%,75%{transform:translateX(-5px)}50%{transform:translateX(5px)}}.animate-shake{animation:.4s ease-in-out shake}#splash-screen{inset:0;z-index:999999;flex-direction:column;align-items:center;justify-content:center;transition:opacity .5s,transform .5s}#splash-screen.hidden-splash{opacity:0;pointer-events:none;transform:scale(1.05)}.splash-logo-anim{animation:1.5s cubic-bezier(.16,1,.3,1) forwards splashPop}@keyframes splashPop{0%{opacity:0;transform:translateY(20px) scale(.9);filter:blur(8px)}100%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}#app-wrapper{min-height:100vh;transition:all .5s var(--ease-fluid);transform-origin:center left;position:relative;z-index:10;padding-bottom:calc(130px + var(--sab));overscroll-behavior-y:none;box-sizing:border-box}.texture-overlay{display:none}#sticky-nav{position:sticky;top:0;z-index:30;background:#050505;transition:background .4s}.scroll-snap-x{scroll-snap-type:x mandatory;scroll-padding-left:2rem}.cat-sep{width:1px;height:14px;background:rgba(255,255,255,.1);margin:auto 2px;flex-shrink:0}.category-pill{scroll-snap-align:center;padding:7px 18px;border-radius:8px;font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.5);transition:.3s;white-space:nowrap;border:1px solid transparent;background:0 0}.category-pill.active{color:#000;background:linear-gradient(135deg,var(--gold-bright),var(--gold));border-color:var(--gold);box-shadow:0 4px 15px rgba(197,160,89,.25);font-weight:600}.menu-card{opacity:0;transform:translateY(20px);transition:opacity .4s,transform .4s,background .3s}.menu-card.reveal{opacity:1;transform:translateY(0)}#modal{background:#0c0c0c;box-shadow:0 -20px 40px rgba(0,0,0,.9);transition:transform .45s cubic-bezier(.16, 1, .3, 1);will-change:transform;z-index:100;border-top:1px solid rgba(255,255,255,.05);flex-direction:column}@media (max-width:768px){body.drawer-open #app-wrapper{transform:scale(.92) translateY(calc(var(--sat) + 10px));border-radius:32px;opacity:.3;pointer-events:none;will-change:transform,opacity}#sticky-nav{border-bottom:1px solid rgba(255,255,255,.02);padding-top:8px;padding-bottom:8px}#modal{top:auto;bottom:0;left:0;right:0;height:92dvh;transform:translateY(100%);border-top-left-radius:36px;border-top-right-radius:36px}@supports not (height:92dvh){#modal{height:92vh}}body.drawer-open #modal{transform:translateY(0)}}.menu-grid{display:grid;grid-template-columns:1fr;gap:0;width:100%;transition:all .5s var(--ease-fluid);align-items:start}@media (min-width:768px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.texture-overlay{display:block;position:fixed;inset:0;pointer-events:none;z-index:9999;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.02) 0,transparent 100%)}#sticky-nav{background:rgba(5,5,5,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.05);padding-top:12px;padding-bottom:12px}}@media (min-width:1024px){.menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}}@media (min-width:769px){body.drawer-open #app-wrapper{padding-right:660px;opacity:1}body.drawer-open .menu-grid{grid-template-columns:1fr;gap:16px;max-width:600px;margin-left:0}#modal{top:0;bottom:0;right:0;width:660px;transform:translateX(100%);border-top:none;border-left:1px solid rgba(255,255,255,.1);border-top-left-radius:40px;border-bottom-left-radius:40px;background:rgba(12,12,12,.98);backdrop-filter:blur(30px) saturate(1.2);-webkit-backdrop-filter:blur(30px) saturate(1.2)}body.drawer-open #modal{transform:translateX(0);box-shadow:-30px 0 80px rgba(0,0,0,.9)}.img-breathe{transition:transform .8s cubic-bezier(.16, 1, .3, 1);will-change:transform}.menu-card:hover .img-breathe{transform:scale(1.08)}.bottom-action-bar{background:linear-gradient(to top,#0c0c0c 60%,rgba(12,12,12,0))}}.bottom-action-bar{padding-bottom:calc(var(--sab) + 16px);padding-top:20px;border-top:1px solid rgba(255,255,255,.02)}.drag-area{touch-action:pan-y}.handle-pulse{animation:3s ease-in-out infinite handlePulse}@keyframes handlePulse{0%,100%{opacity:.3;width:40px}50%{opacity:.8;width:48px}}.glass-panel{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.extra-checkbox{appearance:none;width:22px;height:22px;border:1px solid rgba(255,255,255,.2);border-radius:6px;background:rgba(0,0,0,.3);transition:all .2s var(--ease-spring);position:relative;cursor:pointer}.extra-checkbox:checked{background:var(--gold);border-color:var(--gold);transform:scale(1.1)}.extra-checkbox:checked::after{content:'';position:absolute;top:40%;left:50%;width:5px;height:10px;border:solid #000;border-width:0 2px 2px 0;transform:translate(-50%,-50%) rotate(45deg)}.modifier-option{user-select:none;transition:.25s cubic-bezier(.16, 1, .3, 1)}.modifier-option.selected{background:var(--gold)!important;color:#050505!important;border-color:var(--gold)!important;box-shadow:0 4px 15px rgba(197,160,89,.3)!important;font-weight:700!important;transform:translateY(-2px)}#cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);z-index:35;opacity:0;pointer-events:none;transition:opacity .3s}#cart-overlay.visible{opacity:1;pointer-events:auto}#order-summary-bar{transform:translateY(150%) translateX(-50%);transition:transform .4s var(--ease-spring);bottom:calc(var(--sab) + 16px);z-index:40}#order-summary-bar.visible{transform:translateY(0) translateX(-50%)}body.drawer-open #order-summary-bar{opacity:0;pointer-events:none;transform:translateY(150%) translateX(-50%)}.cart-expand-content{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .3s;will-change:max-height,opacity}.cart-expand-content.expanded{max-height:60vh;opacity:1;overflow-y:auto}.btn-glow{position:relative;z-index:1}.btn-glow::before{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.4),transparent);transform:skewX(-20deg);animation:3s infinite shimmer;z-index:-1}@keyframes shimmer{0%,50%{left:-100%}100%{left:200%}}.modal-container{max-height:90vh;display:flex;flex-direction:column}.modal-scroll-area{overflow-y:auto;flex-grow:1;overscroll-behavior-y:none}.modal-scroll-area::-webkit-scrollbar{width:4px}.modal-scroll-area::-webkit-scrollbar-thumb{background:var(--gold);border-radius:10px}.tab-btn.active{background:rgba(197,160,89,.15)!important;color:var(--gold)!important;border-right:3px solid var(--gold)}.tab-btn.active svg{color:var(--gold);opacity:1}.kitchen-card{animation:.3s ease-out slideIn}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.staff-panel-card{background-color:#121212;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:16px 16px;border:1px solid rgba(255,255,255,.05);border-radius:1.5rem;padding:2rem;margin-bottom:3rem;box-shadow:0 10px 30px rgba(0,0,0,.5)}@media (max-width:768px){.staff-panel-card{padding:1.5rem}}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:rgba(255,255,255,.1);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:var(--gold)}input:checked+.toggle-slider:before{transform:translateX(20px);background-color:#000}