:root{--bg: var(--tg-theme-bg-color, #17212b);--text: var(--tg-theme-text-color, #f5f5f5);--hint: var(--tg-theme-hint-color, #7d8b99);--card: var(--tg-theme-secondary-bg-color, #232e3c);--accent: var(--tg-theme-link-color, #6ab3f3);--button: var(--tg-theme-button-color, #5288c1);--button-text: var(--tg-theme-button-text-color, #fff);--positive: #4bb34b;--negative: #e64646}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;font-size:15px;line-height:1.4}.app{padding:12px 12px 32px;max-width:720px;margin:0 auto}.topbar{display:flex;align-items:baseline;justify-content:flex-end;gap:8px;padding:2px 2px 10px}.topbar .tv-amount{font-size:20px;font-weight:650;letter-spacing:-.3px}.topbar .tv-meta{color:var(--hint);font-size:12px}.search-row{display:flex;align-items:center;gap:8px;background:var(--card);border-radius:10px;padding:9px 12px;margin-bottom:10px;color:var(--hint)}.search{flex:1;min-width:0;background:none;border:none;outline:none;color:var(--text);font-size:14px;font-family:inherit}.search::placeholder{color:var(--hint)}.toolbar{display:flex;align-items:center;gap:8px;margin-bottom:4px}.filters{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;flex:1;min-width:0}.filters::-webkit-scrollbar{display:none}.chip{flex:0 0 auto;background:var(--card);color:var(--text);border:1px solid transparent;border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer}.chip.active{background:var(--button);color:var(--button-text)}.cat-btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:5px;background:var(--card);color:var(--text);border:1px solid transparent;border-radius:999px;padding:6px 12px;font-size:13px;cursor:pointer}.cat-btn.active{border-color:var(--button);color:var(--button)}.cat-btn.reset{color:var(--negative)}.filter-options{display:flex;flex-wrap:wrap;gap:6px;background:var(--card);border-radius:10px;padding:10px;margin-bottom:10px}.view-toggle{display:flex;flex:0 0 auto;gap:2px;background:var(--card);border-radius:999px;padding:3px;margin-bottom:8px}.view-toggle button{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--hint);width:28px;height:28px;border-radius:999px;cursor:pointer}.view-toggle button.active{background:var(--button);color:var(--button-text)}.grid-cols-picker{display:flex;gap:6px;margin-bottom:10px}.grid-cols-picker button{background:var(--card);color:var(--hint);border:1px solid transparent;border-radius:999px;padding:5px 12px;font-size:12px;cursor:pointer}.grid-cols-picker button.active{border-color:var(--button);color:var(--button)}.item{display:flex;gap:12px;align-items:center;background:var(--card);border-radius:12px;padding:10px;margin-bottom:8px;cursor:pointer}.thumb{width:52px;height:72px;border-radius:6px;object-fit:cover;background:#7d8b992e;flex:0 0 auto}.thumb.placeholder{display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--hint)}.item .body{flex:1;min-width:0}.item .name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .sub{color:var(--hint);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item .right{text-align:right;flex:0 0 auto}.item .price{font-weight:600}.pl{font-size:12px}.pl.up{color:var(--positive)}.pl.down{color:var(--negative)}.grid{display:grid;gap:8px}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-5{grid-template-columns:repeat(5,1fr)}.grid-item{cursor:pointer}.grid-item .thumb{width:100%;height:auto;aspect-ratio:63 / 88}.grid-item .thumb.placeholder{aspect-ratio:63 / 88;font-size:16px}.grid-code{font-size:11px;margin-top:4px;color:var(--hint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-price{font-size:11px;font-weight:600;margin-top:1px}.badge{display:inline-block;font-size:11px;padding:1px 6px;border-radius:5px;background:#7d8b9938;color:var(--hint);margin-right:4px}.detail-image{width:100%;max-width:260px;border-radius:12px;display:block;margin:0 auto 16px}.rows{background:var(--card);border-radius:12px;padding:4px 14px}.row{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid rgba(125,139,153,.14)}.row:last-child{border-bottom:none}.row .k{color:var(--hint)}.back{background:none;border:none;color:var(--accent);font-size:15px;padding:8px 0;cursor:pointer}.danger{width:100%;margin-top:16px;padding:12px;background:none;border:1px solid var(--negative);color:var(--negative);border-radius:10px;font-size:15px;cursor:pointer}.state{text-align:center;color:var(--hint);padding:48px 16px}.state h3{color:var(--text);margin-bottom:6px}