:root{--color-charcoal:#2b2b2b;--color-charcoal-deep:#1a1a1a;--color-purple:#6b2d8b;--color-purple-deep:#4a1d63;--color-purple-soft:#c9a0d9;--color-yellow:#f5d547;--color-yellow-hot:#ffc107;--color-cream:#fff8e7;--color-white:#fff;--color-muted:#a8a8a8;--color-danger:#e85d5d;--color-success:#3d9a6a;--color-surface:#353535;--color-border:#ffffff1f;--font-display:"Boogaloo", "Comic Sans MS", cursive;--font-body:"DM Sans", system-ui, sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--shadow-pop:3px 3px 0 #00000059;--header-h:56px;--cart-bar-h:72px;--safe-bottom:env(safe-area-inset-bottom,0px);--max-w:480px;--admin-max-w:960px}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-body);background:var(--color-charcoal-deep);color:var(--color-white);-webkit-font-smoothing:antialiased;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,.display{font-family:var(--font-display);letter-spacing:.02em;margin:0;font-weight:400}.display-shadow{text-shadow:2px 2px #00000073}.app-shell{min-height:100dvh;max-width:var(--max-w);background:var(--color-charcoal);box-shadow:0 0 0 1px var(--color-border);margin:0 auto;position:relative}.app-shell--admin{max-width:var(--admin-max-w);background:var(--color-charcoal-deep)}.btn{cursor:pointer;border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.06em;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-size:.85rem;font-weight:700;transition:transform .12s,opacity .12s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-yellow);color:var(--color-purple);box-shadow:var(--shadow-pop)}.btn--purple{background:var(--color-purple);color:var(--color-white);box-shadow:var(--shadow-pop)}.btn--ghost{color:var(--color-white);border:1px solid var(--color-border);background:0 0}.btn--danger{background:var(--color-danger);color:var(--color-white)}.btn--block{width:100%}.btn--sm{padding:.5rem .85rem;font-size:.75rem}.field{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.field label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);font-size:.75rem}.field input,.field select,.field textarea{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);outline:none;padding:.75rem .9rem}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--color-yellow)}.chip-row{scrollbar-width:none;top:var(--header-h);z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#2b2b2beb;gap:.5rem;padding:.75rem 1rem;display:flex;position:sticky;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.chip{border:1px solid var(--color-border);color:var(--color-white);cursor:pointer;background:0 0;border-radius:999px;flex:none;padding:.45rem .9rem;font-size:.8rem;font-weight:600}.chip--active{background:var(--color-yellow);color:var(--color-purple);border-color:var(--color-yellow)}.badge{text-transform:uppercase;letter-spacing:.05em;background:var(--color-purple);border-radius:999px;align-items:center;gap:.25rem;padding:.25rem .55rem;font-size:.7rem;font-weight:700;display:inline-flex}.badge--yellow{background:var(--color-yellow);color:var(--color-purple)}.badge--muted{background:var(--color-surface);color:var(--color-muted)}.page{padding:1rem 1rem calc(var(--cart-bar-h) + var(--safe-bottom) + 1rem)}.page--flush{padding-bottom:calc(var(--cart-bar-h) + var(--safe-bottom) + 1rem)}.section-title{color:var(--color-yellow);margin:1.25rem 0 .75rem;font-size:1.75rem}.muted{color:var(--color-muted);font-size:.9rem}.card-list{flex-direction:column;gap:.75rem;display:flex}.menu-card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);text-align:left;cursor:pointer;color:inherit;grid-template-columns:96px 1fr;gap:.85rem;width:100%;padding:0;display:grid;overflow:hidden}.menu-card img{object-fit:cover;width:96px;height:96px}.menu-card__body{flex-direction:column;gap:.2rem;padding:.65rem .75rem .65rem 0;display:flex}.menu-card__name{font-family:var(--font-display);font-size:1.2rem;line-height:1.1}.menu-card__desc{color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;display:-webkit-box;overflow:hidden}.menu-card__price{color:var(--color-yellow);margin-top:auto;font-size:.9rem;font-weight:700}.menu-card--unavailable{opacity:.45;pointer-events:none}.sticky-bar{width:100%;max-width:var(--max-w);padding:.75rem 1rem calc(.75rem + var(--safe-bottom));background:linear-gradient(180deg, transparent, var(--color-charcoal) 30%);z-index:40;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.header{z-index:30;height:var(--header-h);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background:#2b2b2bf2;justify-content:space-between;align-items:center;gap:.75rem;padding:0 1rem;display:flex;position:sticky;top:0}.header__brand{font-family:var(--font-display);color:var(--color-white);text-shadow:2px 2px #f5d54759;font-size:1.45rem;line-height:1}.header__sub{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted);text-shadow:none;margin-top:2px;font-size:.58rem;display:block}.header__actions{align-items:center;gap:.5rem;display:flex}.icon-btn{color:var(--color-white);cursor:pointer;background:0 0;border:none;padding:.35rem;font-size:.85rem;font-weight:600}.banner{border-radius:var(--radius-md);background:var(--color-purple);margin:0 1rem;padding:.75rem 1rem;font-size:.85rem}.banner--warn{color:var(--color-yellow);background:#5a3a12}.banner--closed{background:var(--color-danger);color:var(--color-white)}.toggle-group{grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:1rem;display:grid}.toggle-group button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;padding:.85rem;font-weight:700}.toggle-group button.active{background:var(--color-yellow);color:var(--color-purple);border-color:var(--color-yellow)}.qty{background:var(--color-surface);border-radius:999px;align-items:center;gap:.75rem;padding:.25rem;display:inline-flex}.qty button{background:var(--color-purple);color:#fff;cursor:pointer;border:none;border-radius:50%;width:36px;height:36px;font-size:1.1rem}.modifier-group{margin-bottom:1.25rem}.modifier-group h3{color:var(--color-purple-soft);margin-bottom:.5rem;font-size:1.15rem}.modifier-option{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:.65rem;margin-bottom:.4rem;padding:.7rem .85rem;display:flex}.modifier-option.selected{border-color:var(--color-yellow);background:#3d3520}.modifier-option input{accent-color:var(--color-yellow)}.hero-strip{background:radial-gradient(at 80% 20%,#6b2d8b8c,#0000 55%),linear-gradient(160deg,#2b2b2b 0%,#3a2a45 100%);padding:1.5rem 1rem 1rem}.hero-strip h1{color:var(--color-yellow);text-shadow:3px 3px #00000080;font-size:2.4rem;line-height:.95}.status-steps{flex-direction:column;gap:.75rem;margin:1.5rem 0;display:flex}.status-step{opacity:.4;grid-template-columns:28px 1fr;align-items:start;gap:.75rem;display:grid}.status-step.done,.status-step.current{opacity:1}.status-step__dot{background:var(--color-surface);border:2px solid var(--color-border);border-radius:50%;place-items:center;width:28px;height:28px;font-size:.7rem;font-weight:700;display:grid}.status-step.done .status-step__dot{background:var(--color-success);border-color:var(--color-success)}.status-step.current .status-step__dot{background:var(--color-yellow);border-color:var(--color-yellow);color:var(--color-purple);animation:1.4s infinite pulse}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.stk-modal{z-index:100;background:#000000b8;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.stk-modal__card{background:var(--color-charcoal);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:center;width:min(360px,100%);padding:1.5rem}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-yellow);border-radius:50%;width:40px;height:40px;margin:1rem auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.admin-tabs{border-bottom:1px solid var(--color-border);gap:.5rem;padding:1rem;display:flex}.admin-tabs button{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;flex:1;padding:.75rem;font-weight:700}.admin-tabs button.active{background:var(--color-yellow);color:var(--color-purple);border-color:var(--color-yellow)}.order-ticket{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:.85rem;padding:1rem}.order-ticket.new{border-color:var(--color-yellow);box-shadow:0 0 0 2px #f5d54740}.order-ticket__head{justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;display:flex}.order-ticket__items{margin:0 0 1rem;padding-left:1.1rem;font-size:.9rem}.empty{text-align:center;color:var(--color-muted);padding:3rem 1rem}@media (width>=720px){.app-shell--admin .admin-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}}.home-shell{padding-bottom:calc(88px + var(--safe-bottom))}.home-toggle-bar{padding:.75rem 1rem 0}.home-toggle{margin-bottom:.35rem}.home-toggle-hint{text-align:center;margin:0;font-size:.75rem}.home-hero{border-radius:var(--radius-lg);isolation:isolate;min-height:420px;margin:.85rem 1rem 0;position:relative;overflow:hidden}.home-hero__img{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.home-hero__card{z-index:1;color:var(--color-charcoal-deep);border-radius:var(--radius-md);background:#fff8e7f5;margin:42% .85rem 1rem;padding:1.15rem 1.1rem 1.25rem;animation:.55s both home-rise;position:relative}.home-hero__title{font-family:var(--font-display);color:var(--color-charcoal-deep);margin:0 0 .55rem;font-size:1.85rem;line-height:1.05}.home-hero__sub{color:#4a4a4a;margin:0 0 1rem;font-size:.92rem;line-height:1.4}.home-cta{color:var(--color-cream);box-shadow:none;background:#3c2415}.home-actions{padding:1rem}.group-btn{border-color:#ffffff38;animation:.7s both home-rise}.home-bottom-nav{width:100%;max-width:var(--max-w);padding:.65rem 1rem calc(.85rem + var(--safe-bottom));border-top:1px solid var(--color-border);z-index:35;background:#2b2b2bf5;justify-content:center;align-items:center;gap:1.5rem;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.home-bottom-nav__link{letter-spacing:.14em;text-transform:uppercase;color:var(--color-yellow);font-size:.78rem;font-weight:700}.scan-fab{right:1rem;bottom:calc(.85rem + var(--safe-bottom));background:var(--color-yellow);width:64px;height:64px;color:var(--color-purple);box-shadow:var(--shadow-pop);text-align:center;border-radius:50%;place-items:center;line-height:1.05;animation:2.2s infinite pulse;display:grid;position:absolute}.scan-fab__icon{font-size:1.1rem;font-weight:700}.scan-fab__label{letter-spacing:.06em;text-transform:uppercase;font-size:.58rem;font-weight:800}.hero-strip--compact h1{font-size:2rem}.swipe-wrap{position:relative}.swipe-hint{color:var(--color-yellow);pointer-events:none;z-index:0;font-size:.75rem;font-weight:700;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.menu-card__meta{flex-wrap:wrap;gap:.35rem;margin:.25rem 0;display:flex}.meta-chip{color:var(--color-muted);border:1px solid var(--color-border);border-radius:999px;padding:.15rem .45rem;font-size:.65rem}.price-was{color:var(--color-muted);margin-left:.4rem;font-size:.78rem;font-weight:500;text-decoration:line-through}.toast-pill{left:50%;bottom:calc(var(--cart-bar-h) + 1rem);background:var(--color-yellow);color:var(--color-purple);z-index:50;border-radius:999px;padding:.55rem 1rem;font-weight:700;animation:.25s both home-rise;position:fixed;transform:translate(-50%)}.review-quote{border-left:3px solid var(--color-yellow);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:#3d3520;margin:1rem 0;padding:.85rem 1rem;font-size:.92rem;font-style:italic}.review-quote footer{color:var(--color-muted);margin-top:.45rem;font-size:.75rem;font-style:normal}.info-grid{background:var(--color-surface);border-radius:var(--radius-md);gap:.65rem;margin:1rem 0 1.25rem;padding:.85rem;font-size:.88rem;display:grid}.info-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.15rem;font-size:.68rem}.pay-grid{gap:.5rem;margin-bottom:1rem;display:grid}.pay-grid button{border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-sm);cursor:pointer;text-align:left;padding:.85rem;font-weight:700}.pay-grid button.active{background:var(--color-yellow);color:var(--color-purple);border-color:var(--color-yellow)}.alert-checks{flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:.5rem;display:flex}.alert-checks label{align-items:center;gap:.4rem;font-size:.9rem;display:inline-flex}.loyalty-card{border-radius:var(--radius-lg);background:radial-gradient(ellipse at 90% 10%, #f5d54759, transparent 50%), linear-gradient(145deg, var(--color-purple), var(--color-purple-deep));margin-bottom:.5rem;padding:1.15rem}.loyalty-card__points{font-family:var(--font-display);color:var(--color-yellow);margin:.25rem 0 .35rem;font-size:2.6rem;line-height:1}.group-list,.fav-list{margin:0 0 1rem;padding:0;list-style:none}.group-list li,.fav-list li,.addr-row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem 0;display:flex}.scan-frame{border-radius:var(--radius-lg);background:linear-gradient(135deg, #6b2d8b59, transparent), repeating-linear-gradient(0deg, transparent, transparent 18px, #ffffff0a 18px, #ffffff0a 19px), var(--color-surface);border:1px solid var(--color-border);place-items:center;height:220px;margin:.5rem 0 1rem;display:grid}.scan-frame__reticle{border:2px solid var(--color-yellow);border-radius:12px;width:140px;height:140px;animation:1.8s infinite pulse;box-shadow:inset 0 0 0 1px #f5d54740}@keyframes home-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}