:root{--bg: #14131A;--surface: #211F2A;--surface-2: #2C2937;--line: #3A3646;--burgundy: #8E2433;--burgundy-hi: #A52A3C;--gold: #E3B23C;--gold-dim: #B9912F;--parch: #F4ECD8;--text: #F4ECD8;--muted: #B9B2A6;--cash: #3FA66A;--mbway: #2E9FB8;--danger: #C8553D;--radius: 14px;--serif: Georgia, "Iowan Old Style", "Times New Roman", serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{background:radial-gradient(1200px 600px at 50% -10%,#241f2b 0%,var(--bg) 60%) fixed;color:var(--text);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2,h3,.brand{font-family:var(--serif);letter-spacing:.5px}button{font-family:inherit;cursor:pointer;border:none;color:inherit}a{color:var(--gold)}input,select{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;width:100%}input:focus,select:focus{outline:2px solid var(--gold);outline-offset:1px}.app{max-width:760px;margin:0 auto;min-height:100%;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-top));padding-top:max(10px,env(safe-area-inset-top));background:linear-gradient(180deg,var(--burgundy) 0%,#6f1c28 100%);border-bottom:2px solid var(--gold-dim)}.topbar .logo{width:34px;height:34px}.topbar .brand{font-size:22px;color:var(--parch);margin:0;flex:1}.topbar .who{font-size:12px;color:#f0d9b8;text-align:right;line-height:1.2}.iconbtn{background:#0000002e;border-radius:10px;width:38px;height:38px;display:grid;place-items:center;font-size:18px;color:var(--parch)}.netdot{width:9px;height:9px;border-radius:50%;background:var(--cash)}.netdot.off{background:var(--danger)}.content{flex:1;padding:12px 12px calc(12px + env(safe-area-inset-bottom))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media(min-width:520px){.grid{grid-template-columns:repeat(3,1fr)}}.tile{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:14px 10px;min-height:74px;display:flex;flex-direction:column;justify-content:center;text-align:center;transition:transform .06s ease,border-color .1s}.tile:active{transform:scale(.97);border-color:var(--gold)}.tile .name{font-weight:600;line-height:1.15}.tile .sub{font-size:12px;color:var(--muted);margin-top:4px}.btn{border-radius:12px;padding:14px 16px;font-weight:700;font-size:16px;background:var(--surface-2);border:1px solid var(--line);width:100%}.btn.gold{background:var(--gold);color:#2a2110}.btn.burgundy{background:var(--burgundy);color:var(--parch)}.btn.ghost{background:transparent}.btn.danger{background:var(--danger);color:#fff}.btn:disabled{opacity:.5}.cart-bar{position:sticky;bottom:0;z-index:20;margin-top:10px;background:linear-gradient(0deg,var(--surface) 70%,transparent);padding:10px 0 env(safe-area-inset-bottom)}.total{font-family:var(--serif);font-size:30px;color:var(--gold)}.row{display:flex;align-items:center;gap:10px}.spread{justify-content:space-between}.muted{color:var(--muted)}.stepper{display:flex;align-items:center;gap:8px}.stepper button{width:34px;height:34px;border-radius:9px;background:var(--surface-2);border:1px solid var(--line);font-size:20px;font-weight:700}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:40;display:grid;align-items:end}.sheet{background:var(--surface);border-top-left-radius:20px;border-top-right-radius:20px;border-top:2px solid var(--gold-dim);padding:16px 16px calc(16px + env(safe-area-inset-bottom));max-width:760px;margin:0 auto;width:100%}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);z-index:60;background:var(--cash);color:#06210f;padding:10px 16px;border-radius:999px;font-weight:700}.pill{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);color:var(--muted)}.tag-sulf{color:var(--gold-dim);font-size:11px}.tabbar.svelte-12qhfyh{position:sticky;bottom:0;display:flex;background:var(--surface);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom)}.tabbar.svelte-12qhfyh a:where(.svelte-12qhfyh){flex:1;text-align:center;padding:12px 4px;color:var(--muted);text-decoration:none;font-size:13px;font-weight:600}.tabbar.svelte-12qhfyh a.active:where(.svelte-12qhfyh){color:var(--gold);box-shadow:inset 0 2px 0 var(--gold)}