*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%}:root{--t-h1: 28px;--t-h2: 22px;--t-body: 15px;--t-small: 13px;--t-caption: 12px;--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 24px;--s-6: 32px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-pill: 999px;--ease-out: cubic-bezier(.2, .7, .2, 1);--t-fast: .15s;--t-base: .22s;--t-slow: .4s}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Noto Sans,Helvetica Neue,Arial,sans-serif;font-size:var(--t-body);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;background:#0f0f1a;color:#fff}button{font-family:inherit}button:focus{outline:none}button:focus-visible,[role=menuitem]:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:2px;border-radius:var(--r-sm)}[data-scrollable]{-webkit-overflow-scrolling:touch}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes tabletSkeletonShine{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);border:none;cursor:pointer;font-family:inherit;font-weight:600;transition:background var(--t-fast) var(--ease-out),transform var(--t-fast) var(--ease-out),opacity var(--t-fast);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.95)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent, #f59e0b);color:#000;border-radius:var(--r-md);padding:var(--s-4) var(--s-5);font-size:var(--t-body)}.btn-secondary{background:transparent;color:#ffffffb3;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font-size:var(--t-small)}.btn-danger{background:#ef4444;color:#fff;border-radius:var(--r-md);padding:var(--s-3) var(--s-4);font-size:var(--t-small)}.btn-icon{width:44px;height:44px;border-radius:var(--r-sm);background:transparent;border:1px solid rgba(255,255,255,.08);color:#fff9}.btn-icon:active{background:#ffffff0f}.btn-add{width:44px;height:44px;border-radius:50%;background:var(--accent, #f59e0b);color:#000}.btn-add:active{transform:scale(.9)}.qty-wrapper{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.qty-btn{width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff}.qty-btn-accent{width:36px;height:36px;border-radius:50%;border:none;background:var(--accent, #f59e0b);color:#000}.qty-btn-lg{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:transparent;color:#fff}.qty-btn-lg-accent{width:44px;height:44px;border-radius:50%;border:none;background:var(--accent, #f59e0b);color:#000}.cat-tab{padding:var(--s-3) var(--s-5);border-radius:var(--r-pill);border:none;font-size:14px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--t-fast) var(--ease-out);background:#ffffff0f;color:#fff9}.cat-tab-active{font-weight:700;color:#000}.product-card{border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08);transition:transform var(--t-fast) var(--ease-out)}.product-card:active{transform:scale(.98)}.featured-badge{position:absolute;top:var(--s-2);left:var(--s-2);padding:3px 8px;border-radius:var(--r-pill);font-size:11px;font-weight:700;color:#000;display:flex;align-items:center;gap:3px;box-shadow:0 2px 8px #0000004d;pointer-events:none}.status-pill{display:inline-flex;align-items:center;gap:var(--s-1);padding:2px 8px;border-radius:var(--r-pill);font-size:11px;font-weight:600}