:root{--bg: var(--tg-theme-bg-color, #ffffff);--text: var(--tg-theme-text-color, #1a1a1a);--hint: var(--tg-theme-hint-color, #8a8a8e);--link: var(--tg-theme-link-color, #2f80ed);--button: var(--tg-theme-button-color, #2f80ed);--button-text: var(--tg-theme-button-text-color, #ffffff);--secondary-bg: var(--tg-theme-secondary-bg-color, #f1f1f4);--tabbar-h: 60px;--header-h: 48px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-user-select:none;user-select:none}.protected-img{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;pointer-events:none}.app{display:flex;flex-direction:column;min-height:100%}.app__header{height:var(--header-h);display:flex;align-items:center;padding:0 16px;position:sticky;top:0;background:var(--bg);z-index:10}.app__brand{font-weight:700;letter-spacing:2px}.app__main{flex:1;padding:8px 12px calc(var(--tabbar-h) + 16px)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.card{display:flex;flex-direction:column;padding:0;border:none;border-radius:14px;overflow:hidden;background:var(--secondary-bg);color:inherit;text-align:left;cursor:pointer}.card__cover{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block}.card__body{padding:8px 10px 10px}.card__title{font-weight:600;font-size:14px}.card__desc{font-size:12px;color:var(--hint);margin-top:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__price{margin-top:6px;font-weight:600;font-size:13px}.detail{display:flex;flex-direction:column}.back{align-self:flex-start;background:none;border:none;color:var(--link);font-size:16px;padding:4px 0 10px;cursor:pointer}.detail__cover{width:100%;max-height:320px;object-fit:cover;border-radius:14px}.detail__title{margin:12px 0 4px;font-size:20px}.detail__desc{margin:0;color:var(--hint);font-size:14px}.section-label{margin:18px 0 8px;font-size:13px;font-weight:600;color:var(--hint);text-transform:uppercase;letter-spacing:.4px}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gallery__item{width:100%;aspect-ratio:3 / 4;object-fit:cover;border-radius:10px;background:var(--secondary-bg)}.buy{margin-top:20px;padding:14px;border:none;border-radius:12px;background:var(--button);color:var(--button-text);font-size:16px;font-weight:600;cursor:pointer}.buy:disabled{opacity:.6}.notice{margin:12px 0;padding:10px 12px;border-radius:10px;background:var(--secondary-bg);font-size:14px}.tabbar{position:fixed;left:0;right:0;bottom:0;height:var(--tabbar-h);display:flex;background:var(--bg);border-top:1px solid var(--secondary-bg);padding-bottom:env(safe-area-inset-bottom)}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:none;border:none;color:var(--hint);font-size:11px;cursor:pointer}.tabbar__item.is-active{color:var(--link)}.tabbar__icon{font-size:20px}.muted{color:var(--hint)}.center{text-align:center;margin-top:40px}