:root{--kb-color-primary: #e85d04;--kb-color-secondary: #1f2933;--kb-color-accent: #ffb703;--kb-color-background: #ffffff;--kb-color-text: #1f2933;--kb-radius: 18px;--kb-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--kb-category-width: 220px}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;overflow:hidden}body{background:var(--kb-color-background);color:var(--kb-color-text);font-family:var(--kb-font);user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.kb-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.kb-title{font-size:56px;font-weight:800;margin:0 0 24px;text-align:center}.kb-subtitle{font-size:28px;opacity:.75;text-align:center;margin:8px 40px}.kb-code{font-size:64px;font-weight:800;letter-spacing:6px;margin-top:32px}.kb-progress{width:720px;height:20px;border-radius:10px;background:#00000014;overflow:hidden;margin-top:40px}.kb-progress-bar{height:100%;width:100%;background:var(--kb-color-primary);transform-origin:left center;transition:transform .3s linear}.kb-cta{position:absolute;bottom:120px;left:50%;transform:translate(-50%);padding:28px 56px;border-radius:999px;font-size:40px;font-weight:800;background:var(--kb-color-primary);color:#fff}.kb-presentation{position:absolute;inset:0;background:#000}.kb-presentation img,.kb-presentation video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.kb-logo{max-width:480px;max-height:240px}.kb-browse{position:absolute;inset:0;display:flex}.kb-categories{width:var(--kb-category-width);background:var(--kb-color-secondary);color:#fff;overflow-y:auto;padding:16px 0;flex:none}.kb-category{display:flex;flex-direction:column;align-items:center;padding:14px 10px;font-size:20px;font-weight:700;text-align:center}.kb-category[aria-selected=true]{background:var(--kb-color-primary)}.kb-category img,.kb-category .kb-fallback{width:120px;height:120px;border-radius:12px;margin-bottom:8px}.kb-grid{flex:1;overflow-y:auto;padding:20px;display:grid;grid-template-columns:repeat(var(--kb-columns),var(--kb-tile-w));justify-content:space-evenly;align-content:start;gap:24px 12px;overscroll-behavior:contain}.kb-tile{width:var(--kb-tile-w);background:#fff;border-radius:var(--kb-radius);overflow:hidden;box-shadow:0 1px 3px #00000026;contain:content}.kb-tile-image{display:block;width:var(--kb-tile-w);height:var(--kb-tile-h)}.kb-tile-label{padding:10px 12px 4px;font-size:20px;font-weight:700;line-height:1.2;height:58px;overflow:hidden}.kb-tile-price{padding:0 12px 12px;font-size:22px;font-weight:800;color:var(--kb-color-primary)}.kb-fallback{display:flex;align-items:center;justify-content:center;font-size:64px;font-weight:800;color:#ffffffe6;background:linear-gradient(135deg,var(--kb-color-primary),var(--kb-color-accent))}.kb-back{position:absolute;left:16px;bottom:16px;z-index:2;padding:18px 28px;border-radius:999px;background:#fff;font-size:22px;font-weight:700;box-shadow:0 1px 4px #0000004d}.kb-diag{position:fixed;right:0;top:0;z-index:9;background:#000000bf;color:#0f0;font:16px/1.3 monospace;padding:8px 12px;white-space:pre;pointer-events:none}.kb-banner-offline{position:fixed;top:0;left:0;right:0;z-index:8;padding:8px;text-align:center;background:#b00020;color:#fff;font-size:18px}