:root{--tg-bg:#fff;--tg-text:#000;--tg-hint:#999;--tg-link:#2481cc;--tg-button:#2481cc;--tg-button-text:#fff;--tg-secondary-bg:#f1f1f1;--radius:14px}:root[data-theme=dark]{--tg-bg:#17212b;--tg-text:#f5f5f5;--tg-hint:#7d8b99;--tg-secondary-bg:#232e3c}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--tg-bg);color:var(--tg-text);-webkit-tap-highlight-color:transparent;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:var(--tg-link);text-decoration:none}.container{max-width:640px;margin:0 auto;padding:12px 14px 90px}.h1{margin:6px 0 12px;font-size:22px;font-weight:700}.h2{margin:18px 0 10px;font-size:17px;font-weight:600}.hint{color:var(--tg-hint);font-size:14px}.grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tile{background:var(--tg-secondary-bg);border-radius:var(--radius);text-align:left;cursor:pointer;color:var(--tg-text);border:none;align-items:center;gap:10px;min-height:56px;padding:16px 14px;font-size:15px;font-weight:600;transition:transform 80ms;display:flex}.tile:active{transform:scale(.97)}.tile .emoji{font-size:22px}.tile.wide{grid-column:1/-1}.product{background:var(--tg-secondary-bg);border-radius:var(--radius);gap:12px;margin-bottom:10px;padding:12px;display:flex}.product .info{flex:1;min-width:0}.product .name{font-size:15px;font-weight:600}.product .variant{color:var(--tg-hint);margin-top:2px;font-size:13px}.product .price{margin-top:6px;font-size:16px;font-weight:700}.product img{object-fit:contain;background:#fff;border-radius:8px;width:64px;height:64px}.btn{background:var(--tg-button);color:var(--tg-button-text);cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 16px;font-size:15px;font-weight:600}.btn:active{opacity:.85}.btn.sm{width:auto;padding:8px 14px;font-size:14px}.btn.ghost{background:var(--tg-secondary-bg);color:var(--tg-text)}.qty{align-items:center;gap:12px;display:flex}.qty button{background:var(--tg-secondary-bg);width:32px;height:32px;color:var(--tg-text);cursor:pointer;border:none;border-radius:8px;font-size:18px}.searchbar{background:var(--tg-secondary-bg);width:100%;color:var(--tg-text);border:none;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:15px}.field{border:1px solid var(--tg-secondary-bg);background:var(--tg-bg);width:100%;color:var(--tg-text);border-radius:10px;margin-bottom:10px;padding:12px 14px;font-size:15px}.cartbar{background:var(--tg-bg);border-top:1px solid var(--tg-secondary-bg);align-items:center;gap:12px;padding:12px 14px;display:flex;position:fixed;bottom:0;left:0;right:0}.cartbar .total{font-size:16px;font-weight:700}.center{text-align:center;color:var(--tg-hint);padding:40px 0}.spinner{border:3px solid var(--tg-secondary-bg);border-top-color:var(--tg-button);border-radius:50%;width:28px;height:28px;margin:30px auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}