:root{--bg: #0f0f10;--card: #17181b;--muted: #b6b8bd;--text: #e9e9ec;--accent: #ff6b00;--border: #2a2c31}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}.container{max-width:960px;margin:0 auto;padding:16px}.header{position:sticky;top:0;background:#0f0f10cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--border);z-index:10}.header-row{display:flex;align-items:center;justify-content:space-between;padding:12px 16px}.brand{font-weight:800;font-size:20px;letter-spacing:.5px}.brand-accent{color:var(--accent)}.cart-btn{background:var(--card);color:var(--text);border:1px solid var(--border);padding:8px 12px;border-radius:999px;display:inline-flex;align-items:center;gap:8px;position:relative}.cart-btn:hover{border-color:#34363c;background:#1b1c20}.cart-btn:active{transform:translateY(1px)}.cart-btn.bump{animation:cart-bump .3s ease-out}.cart-icon{width:18px;height:18px;display:block;filter:drop-shadow(0 0 0 rgba(0,0,0,0))}.cart-badge{position:absolute;top:-6px;right:-6px;background:var(--accent);color:#111;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:800;box-shadow:0 2px 8px #00000059}@keyframes cart-bump{0%{transform:scale(1)}30%{transform:scale(1.08)}60%{transform:scale(.98)}to{transform:scale(1)}}.controls{display:grid;grid-template-columns:1fr auto;gap:12px;margin:16px 0 24px}.input,.select{width:100%;background:var(--card);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 12px}.segmented{display:inline-flex;gap:6px;background:var(--card);border:1px solid var(--border);padding:6px;border-radius:10px;overflow:auto}.seg-button{background:transparent;color:var(--text);border:1px solid transparent;padding:8px 12px;border-radius:8px;white-space:nowrap;align-items:center;justify-content:center}.seg-button.active{background:#22252a;border-color:var(--border);box-shadow:inset 0 0 0 1px #00000030}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}.item-row{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:start}.item-media{overflow:hidden;border-radius:10px;border:1px solid var(--border);background:#111;aspect-ratio:1 / 1}.item-media img{width:100%;height:100%;object-fit:cover;display:block}.item-body{display:flex;flex-direction:column;gap:8px;min-height:140px}.item-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.item-title{font-weight:700;display:flex;align-items:center;gap:8px}.diet-icon{width:14px;height:14px;display:inline-block;vertical-align:middle}.item-name{display:-webkit-flex;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.item-price{color:var(--muted);font-weight:600}.item-desc{color:var(--muted);margin:8px 0 12px;min-height:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:smaller;font-weight:400}.chip{font-size:11px;padding:2px 6px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.chip-veg{color:#19c37d;border-color:#19c37d33}.chip-nonveg{color:#ff4d4f;border-color:#ff4d4f33}.chip-spice-1{color:#ffb703;border-color:#ffb70333}.chip-spice-2{color:#fb5607;border-color:#fb560733}.chip-spice-3{color:#e63946;border-color:#e6394633}.btn{background:var(--accent);color:#111;border:none;padding:10px 12px;border-radius:8px;font-weight:700}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.btn.primary{background:var(--accent);color:#111}.add-btn{transition:transform .15s ease,filter .2s ease;width:100%;margin-top:auto}.add-btn:active{transform:translateY(1px) scale(.98);filter:brightness(.95)}.item-actions{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;margin-top:auto}.item-actions .select{width:auto;min-width:120px}.item-actions .add-btn{width:auto;margin-top:0}.icon{background:var(--card);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 8px}.link{background:transparent;border:none;color:var(--muted);text-decoration:underline;cursor:pointer}.muted{color:var(--muted)}.drawer{position:fixed;right:0;top:0;height:100%;width:340px;max-width:100%;background:#121315;border-left:1px solid var(--border);transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column;z-index:20}.drawer.open{transform:translate(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:12px;border-bottom:1px solid var(--border)}.drawer-body{padding:12px;overflow:auto;flex:1}.drawer-foot{padding:12px;border-top:1px solid var(--border);display:grid;gap:8px}.cart-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.cart-line{display:grid;gap:6px;border:1px solid var(--border);border-radius:10px;padding:10px}.cart-line-main{display:flex;justify-content:space-between}.cart-line-actions{display:flex;gap:8px;align-items:center}.qty{min-width:20px;text-align:center}@media (max-width: 600px){.controls{grid-template-columns:1fr}.segmented{width:100%}.seg-button{flex:1 0 auto;align-items:center;justify-content:center}.item-row{grid-template-columns:84px 1fr}.item-body{min-height:120px}}.fly-ghost{pointer-events:none;border-radius:10px;box-shadow:0 6px 24px #00000059}.skeleton{position:relative;overflow:hidden;background:#1e2025;border-radius:8px}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:skeleton-shimmer 1.2s infinite}@keyframes skeleton-shimmer{to{transform:translate(100%)}}.skel-card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px}.skel-media{border-radius:10px;border:1px solid var(--border);aspect-ratio:1 / 1}.skel-line{height:12px}.skel-btn{height:38px;border-radius:8px}.app{min-height:100%}