:root{--bg: #07090f;--surface: #0c111b;--surface-2: #121a27;--text: #f5f7fb;--muted: #b8c0cc;--brand: #a78bfa;--accent: #22c55e;--border: #1a2333;--radius: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--header-h: 120px;--img-size: 120px;--price-color: #ffffff;--c-hot: #f59e0b;--c-food: #ef4444;--c-cold: #06b6d4}@media (prefers-color-scheme: light){:root{--bg: #f6f7fb;--surface: #ffffff;--surface-2: #f3f4f7;--text: #0f172a;--muted: #475569;--brand: #7c3aed;--accent: #16a34a;--border: #e5e7eb;--price-color: #111111}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:linear-gradient(180deg,var(--bg),var(--surface));overflow-x:hidden}#app{padding-bottom:64px}.kg-header{position:relative;background:var(--surface);-webkit-backdrop-filter:saturate(1.05) blur(6px);backdrop-filter:saturate(1.05) blur(6px);border-bottom:1px solid var(--border);padding:var(--space-4) var(--space-4) var(--space-3)}.kg-header .brand{display:flex;gap:var(--space-3);align-items:center}.kg-header .logomark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;font-weight:700;letter-spacing:.5px;background:radial-gradient(100% 100% at 10% 10%,#a78bfa,#7c3aed 60%,#581c87)}.kg-header .titles{display:grid}.kg-header .brand-title{margin:0;font-size:18px}.kg-header .brand-subtitle{margin:0;color:var(--muted);font-size:12px}.kg-header .search-wrap{margin-top:var(--space-3)}.search-input{width:100%;border-radius:10px;border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:12px 14px}.search-input::placeholder{color:#6b7280}.tabs{position:sticky;top:0;z-index:15;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-1);padding:var(--space-2) var(--space-2);border-bottom:1px solid var(--border);background:var(--surface);backdrop-filter:saturate(1.1) blur(8px);-webkit-backdrop-filter:saturate(1.1) blur(8px)}.tabs .tab{-webkit-tap-highlight-color:transparent;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:6px 8px;white-space:nowrap;text-align:center;font-size:12px;line-height:1.2;min-height:32px;overflow:hidden;text-overflow:ellipsis}.tabs .tab.is-active{outline:2px solid #7c3aed55;background:var(--surface);text-transform:uppercase}.tabs .tab[data-slug=all]{background:linear-gradient(90deg,#7c3aed44,#22c55e44)}.tabs .tab[data-slug=hot]{background:linear-gradient(90deg,#f59e0b44,#fde68a44)}.tabs .tab[data-slug=food]{background:linear-gradient(90deg,#ef444444,#f9731644)}.tabs .tab[data-slug=cold]{background:linear-gradient(90deg,#06b6d444,#60a5fa44)}.tabs .tab.is-active[data-slug=hot]{outline-color:#f59e0b77}.tabs .tab.is-active[data-slug=food]{outline-color:#ef444477}.tabs .tab.is-active[data-slug=cold]{outline-color:#06b6d477}.menu-grid{display:grid;gap:var(--space-3);grid-template-columns:1fr;padding:var(--space-4)}@media (min-width: 680px){.menu-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.menu-grid{grid-template-columns:1fr 1fr 1fr;max-width:1100px;margin:0 auto}}.card{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);box-shadow:0 1px #ffffff05 inset,0 10px 30px #00000040;display:grid;grid-template-columns:1fr var(--img-size);grid-auto-rows:min-content;column-gap:var(--space-4);row-gap:var(--space-2)}.item-img{width:var(--img-size);height:var(--img-size);object-fit:cover;border-radius:12px;border:1px solid var(--border);grid-column:2;grid-row:1 / span 3;align-self:start;justify-self:end}.card.cat-hot{box-shadow:0 0 0 1px #f59e0b33 inset,0 10px 30px #f59e0b22}.card.cat-food{box-shadow:0 0 0 1px #ef444433 inset,0 10px 30px #ef444422}.card.cat-cold{box-shadow:0 0 0 1px #06b6d433 inset,0 10px 30px #06b6d422}.card.cat-hot:before,.card.cat-food:before,.card.cat-cold:before{content:"";display:block;height:3px;border-radius:999px;margin:-4px 0 var(--space-3)}.card.cat-hot:before{background:linear-gradient(90deg,#f59e0b,#fde047)}.card.cat-food:before{background:linear-gradient(90deg,#ef4444,#f97316)}.card.cat-cold:before{background:linear-gradient(90deg,#06b6d4,#60a5fa)}.card-head{grid-column:1;display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.item-name{margin:0;font-size:16px;font-weight:600}.item-price{font-weight:800;color:var(--price-color);letter-spacing:.2px;font-size:18px}.item-meta{grid-column:1;margin-top:6px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.item-desc{margin:0;color:var(--muted);font-size:13px}.badge{font-size:12px;background:#1e293b;color:#93c5fd;padding:2px 8px;border-radius:999px;border:1px solid #334155}.empty{color:var(--muted);text-align:center;padding:40px 0}@media (min-width: 680px){.item-price{font-size:20px}}@media (max-width: 420px){:root{--img-size: 96px}.tabs .tab{font-size:17px;padding:4px 6px;min-height:28px;text-transform:uppercase}}