:root{--brand:#111827;--bg:#f5f5f4;--card:#fff;--text:#1c1917;--muted:#78716c;--line:#e7e5e4}@media (prefers-color-scheme:dark){:root{--bg:#0c0a09;--card:#1c1917;--text:#fafaf9;--muted:#a8a29e;--line:#292524}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:480px;min-height:100vh;margin:0 auto;padding-bottom:24px}.hero{background:var(--brand);color:#fff;background-position:50%;background-size:cover;border-radius:0 0 24px 24px;padding:56px 20px 28px;position:relative}.hero.compact{border-radius:0 0 20px 20px;padding:20px}.hero-inner{align-items:center;gap:14px;display:flex}.logo{background:#ffffff2e;border:2px solid #ffffff59;border-radius:18px;flex:none;place-items:center;width:64px;height:64px;font-size:22px;font-weight:700;display:grid;overflow:hidden}.compact .logo{border-radius:12px;width:44px;height:44px;font-size:16px}.logo img{object-fit:contain;width:100%;height:100%}.logo.has-img{background:#fff;border:0;width:76px;height:76px;padding:6px;box-shadow:0 4px 14px #0000002e}.compact .logo.has-img{width:48px;height:48px;padding:4px}.hero h1{letter-spacing:-.01em;margin:0;font-size:24px;line-height:1.2}.compact h1{font-size:19px}.tagline{opacity:.85;margin:4px 0 0;font-size:14px}.table-badge{background:#fff3;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;position:absolute;top:14px;right:16px}.compact .table-badge{margin-top:12px;display:inline-block;position:static}.tiles{flex-direction:column;gap:10px;padding:20px 16px 0;display:flex}.tile{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.tile-head{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:16px;display:flex}a.tile.tile-head{background:var(--card)}.tile-icon{width:40px;height:40px;color:var(--brand);background:color-mix(in srgb, var(--brand) 12%, transparent);border-radius:12px;flex:none;place-items:center;display:grid}@media (prefers-color-scheme:dark){.tile-icon{color:#fff;background:color-mix(in srgb, var(--brand) 55%, transparent)}}.tile-label{flex:1;font-size:16px;font-weight:600}.tile-chev{color:var(--muted);transition:transform .2s;display:flex}.tile.open .tile-chev{transform:rotate(90deg)}a.tile.primary{background:var(--brand);color:#fff;border-color:#0000}a.tile.primary .tile-icon{color:#fff;background:#ffffff2e}a.tile.primary .tile-chev{color:#fffc}.tile:active{transform:scale(.99)}.tile-body{border-top:1px solid var(--line);padding:0 16px 14px}.copy-row{border-bottom:1px dashed var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.copy-label{color:var(--muted);font-size:12px}.copy-value{word-break:break-all;margin-top:2px;font-size:15px;font-weight:600}.copy-btn{border:1px solid var(--line);background:var(--bg);color:var(--text);font:inherit;cursor:pointer;border-radius:10px;flex:none;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.hint{color:var(--muted);margin:12px 0 0;font-size:13px}.hint.pad{padding:0 20px}.back{color:var(--muted);align-items:center;gap:4px;padding:12px 16px;font-size:14px;display:inline-flex}.cat-nav{z-index:5;background:var(--bg);scrollbar-width:none;gap:8px;padding:12px 16px;display:flex;position:sticky;top:0;overflow-x:auto}.cat-nav::-webkit-scrollbar{display:none}.cat-nav a{background:var(--card);border:1px solid var(--line);border-radius:999px;flex:none;padding:8px 14px;font-size:14px;font-weight:600}.cat{padding:8px 16px 0;scroll-margin-top:60px}.cat h2{margin:16px 4px 10px;font-size:18px}.cat ul{background:var(--card);border:1px solid var(--line);border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.item{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.item:last-child{border-bottom:0}.item-img{object-fit:cover;border-radius:12px;flex:none;width:64px;height:64px}.item-text{flex:1;min-width:0}.item-name{font-weight:600}.item-desc{color:var(--muted);margin-top:3px;font-size:13px}.item-price{white-space:nowrap;font-weight:700}.item-price.two{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.item-price small{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-right:2px;font-size:11px;font-weight:600}@media (max-width:359px){.item:has(.item-price.two){flex-wrap:wrap}.item:has(.item-price.two) .item-side{flex-flow:wrap;flex-basis:100%;justify-content:space-between;align-items:center;min-width:0;margin-top:-4px}.item-price.two{flex-direction:row;justify-content:flex-start;gap:12px}.add-wrap.sizes{flex-flow:wrap}}.item-sold{color:#dc2626;margin-top:4px;font-size:12px;font-weight:600}.soldout .item-name,.soldout .item-price{opacity:.45;text-decoration:line-through}.foot{text-align:center;color:var(--muted);padding:28px 16px 8px;font-size:12px}.home{padding:64px 24px}.home h1{margin:0 0 8px}.home p{color:var(--muted);line-height:1.5}.demo-links{flex-direction:column;gap:10px;margin-top:24px;display:flex}.demo-links a{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-weight:600}.loc-intro{color:var(--muted);margin:14px 20px 0;font-size:14px}.loc-count{background:var(--bg);min-width:20px;height:20px;color:var(--muted);border-radius:999px;place-items:center;margin-left:4px;padding:0 6px;font-size:12px;display:inline-grid}.loc-list{background:var(--card);border:1px solid var(--line);border-radius:16px;margin:0;padding:0;list-style:none;overflow:hidden}.loc{border-bottom:1px solid var(--line);padding:14px 16px}.loc:last-child{border-bottom:0}.loc-name{font-weight:700}.loc-addr{color:var(--muted);margin-top:3px;font-size:14px;line-height:1.4}.loc-phone{color:var(--muted);margin-top:4px;font-size:13px}.loc-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.loc-btn{border:1px solid var(--line);background:var(--bg);border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.loc-btn.primary{background:var(--brand);color:#fff;border-color:#0000}.item-side{flex-direction:column;flex:none;align-items:flex-end;gap:8px;display:flex}.add-wrap{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.add-btn{font:inherit;border:1.5px solid var(--brand);color:var(--brand);cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:7px 16px;font-size:14px;font-weight:700}@media (prefers-color-scheme:dark){.add-btn{color:var(--text);border-color:var(--muted)}}.stepper{background:var(--brand);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:2px;display:inline-flex}.stepper button{font:inherit;width:34px;height:34px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;font-size:18px;font-weight:700}.stepper b{text-align:center;min-width:18px;font-size:14px}.stepper small{opacity:.85;font-size:11px;font-weight:600}.order-paused{color:#92400e;background:#fef3c7;border-radius:12px;margin:12px 16px 0;padding:12px 14px;font-size:14px}.shell.has-cart{padding-bottom:96px}.cart-bar-wrap{z-index:20;padding:12px 16px calc(12px + env(safe-area-inset-bottom));pointer-events:none;position:fixed;bottom:0;left:0;right:0}.cart-bar{pointer-events:auto;background:var(--brand);color:#fff;width:100%;max-width:448px;font:inherit;cursor:pointer;border:0;border-radius:16px;align-items:center;gap:12px;margin:0 auto;padding:14px 18px;font-size:16px;font-weight:700;display:flex;box-shadow:0 8px 24px #00000040}.cart-bar>span:nth-child(2){text-align:left;flex:1}.cart-bar.ghost{background:var(--card);color:var(--text);border:1px solid var(--line);justify-content:space-between}.cart-count{background:#ffffff38;border-radius:999px;place-items:center;min-width:26px;height:26px;padding:0 6px;font-size:14px;display:inline-grid}.sheet-back{z-index:30;background:#00000073;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--bg);width:100%;max-width:480px;max-height:92vh;padding:16px 16px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;overflow-y:auto}.sheet-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.sheet-head h2{margin:0;font-size:20px}.sheet-x{font:inherit;border:1px solid var(--line);background:var(--card);width:36px;height:36px;color:var(--text);cursor:pointer;border-radius:999px;font-size:16px}.cart-list{background:var(--card);border:1px solid var(--line);border-radius:16px;margin:0 0 12px;padding:0;list-style:none;overflow:hidden}.cart-list li{border-bottom:1px solid var(--line);padding:12px 14px}.cart-list li:last-child{border-bottom:0}.cart-row{align-items:center;gap:12px;display:flex}.cart-name{flex:1;min-width:0;font-weight:600}.cart-name small{color:var(--muted);font-weight:600}.cart-price{color:var(--muted);margin-top:2px;font-size:13px;font-weight:600}.cart-note,.sheet-form input,.sheet-form select,.sheet-form textarea{width:100%;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:9px 11px;font-size:16px}.cart-note{margin-top:8px;padding:7px 10px;font-size:14px}.sheet-form{background:var(--card);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:10px;padding:14px;display:flex}.sheet-form label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.sheet-form textarea{resize:vertical}.sheet-table{font-size:15px}.sheet-total{justify-content:space-between;align-items:baseline;margin:14px 4px 4px;font-size:16px;display:flex}.sheet-total b{font-size:20px}.sheet-hint{color:var(--muted);margin:0 4px 10px;font-size:13px}.sheet-err{color:#991b1b;background:#fee2e2;border-radius:10px;margin:0 0 10px;padding:10px 12px;font-size:14px}.place-btn{width:100%;font:inherit;background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:14px;padding:15px;font-size:17px;font-weight:700}.place-btn:disabled{opacity:.6}.os{flex-direction:column;gap:12px;padding:16px;display:flex}.os-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px}.os-top{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.os-top h2{margin:0;font-size:20px}.os-meta{color:var(--muted);margin-top:4px;font-size:14px}.os-steps{grid-template-columns:repeat(4,1fr);gap:6px;margin:16px 0 4px;padding:0;list-style:none;display:grid}.os-steps li{text-align:center;color:var(--muted);font-size:12px;font-weight:600}.os-steps li:before{content:"";background:var(--line);border-radius:999px;height:6px;margin-bottom:8px;display:block}.os-steps li.done{color:var(--text)}.os-steps li.done:before{background:var(--brand)}@media (prefers-color-scheme:dark){.os-steps li.done:before{background:#22c55e}}.os-now{margin:12px 0 0;font-size:17px;font-weight:700}.os-now.bad{color:#dc2626}.os-items{margin:0;padding:0;list-style:none}.os-items li{border-bottom:1px dashed var(--line);justify-content:space-between;gap:12px;padding:8px 0;font-size:15px;display:flex}.os-items li:last-child{border-bottom:0}.os-items small{color:var(--muted);font-size:13px;display:block}.os-total{justify-content:space-between;margin-top:10px;font-size:17px;font-weight:700;display:flex}.os-actions{gap:10px;display:flex}.os-actions a{text-align:center;background:var(--brand);color:#fff;border-radius:14px;flex:1;padding:13px;font-weight:700}.os-actions a.sec{background:var(--card);color:var(--text);border:1px solid var(--line)}