:root{--bg: #fbfbfa;--surface: #ffffff;--surface-2: #f4f4f2;--border: #e4e4e1;--border-strong: #d4d4d0;--text: #17181a;--text-dim: #6c6f75;--text-faint: #9a9da3;--accent: #2f8a68;--accent-soft: #e8f3ee;--warn: #b4762a;--warn-soft: #fbf1e3;--danger: #b4483f;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 2px rgba(23, 24, 26, .04), 0 10px 24px -14px rgba(23, 24, 26, .18);--ease: cubic-bezier(.16, 1, .3, 1);--sans: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", "Cascadia Mono", monospace}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0e0f11;--surface: #16181b;--surface-2: #1d2024;--border: #26292e;--border-strong: #343840;--text: #ecedef;--text-dim: #9aa0a8;--text-faint: #6b7178;--accent: #58b78f;--accent-soft: #15291f;--warn: #d9a05b;--warn-soft: #2a2114;--danger: #e0756a;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 28px -16px rgba(0, 0, 0, .7)}}:root[data-theme=dark]{--bg: #0e0f11;--surface: #16181b;--surface-2: #1d2024;--border: #26292e;--border-strong: #343840;--text: #ecedef;--text-dim: #9aa0a8;--text-faint: #6b7178;--accent: #58b78f;--accent-soft: #15291f;--warn: #d9a05b;--warn-soft: #2a2114;--danger: #e0756a;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 28px -16px rgba(0, 0, 0, .7)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2{margin:0;letter-spacing:-.02em;font-weight:600}h1{font-size:1.3rem}h2{font-size:1rem}.shell{width:100%;max-width:1180px;margin-inline:auto;padding-inline:16px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--text-dim);font-size:.8rem}.topbar{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:58px}.brand{display:flex;align-items:center;gap:9px;min-width:0}.brand-mark{width:20px;height:20px;flex:none;fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round}.brand-name{font-weight:600;letter-spacing:-.015em}.status{display:inline-flex;align-items:center;gap:8px;padding:5px 11px 5px 9px;border:1px solid var(--border);border-radius:999px;background:var(--surface);font-size:.78rem;color:var(--text-dim);white-space:nowrap}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--text-faint);flex:none}.status[data-state=live]{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 32%,var(--border))}.status[data-state=live] .status-dot{background:var(--accent);animation:breathe 2.4s var(--ease) infinite}.status[data-state=error]{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 34%,var(--border))}.status[data-state=error] .status-dot{background:var(--danger)}@keyframes breathe{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.layout{display:grid;grid-template-columns:1fr;gap:32px;padding-block:28px 40px;align-items:start}@media(min-width:900px){.layout{grid-template-columns:1.9fr 1fr;gap:44px}.panel-feed{position:sticky;top:86px}}.panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:12px;margin-bottom:18px;border-bottom:1px solid var(--border)}.counts{margin:0;display:inline-flex;align-items:baseline;gap:6px;font-size:.8rem;color:var(--text-dim)}.counts .num{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:.9rem;color:var(--text)}.counts .sep{width:1px;height:11px;background:var(--border-strong);margin-inline:4px;transform:translateY(1px)}.items .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.card{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);animation:rise .5s var(--ease) backwards;animation-delay:calc(var(--i, 0) * 45ms);transition:transform .25s var(--ease),border-color .25s var(--ease)}.card:hover{transform:translateY(-2px);border-color:var(--border-strong)}.card.is-new{animation:pop .6s var(--ease);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes pop{0%{transform:scale(.97)}55%{transform:scale(1.015)}to{transform:scale(1)}}.card-media{position:relative;aspect-ratio:4 / 3;background:var(--surface-2);display:grid;place-items:center;overflow:hidden}.card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:10px;background:var(--surface-2)}.monogram{font-size:1.9rem;font-weight:600;color:var(--text-faint);letter-spacing:-.03em}.qty{position:absolute;right:8px;bottom:8px;padding:2px 8px;border-radius:999px;background:var(--accent);color:#fff;font-family:var(--mono);font-size:.74rem;font-weight:500;font-variant-numeric:tabular-nums}:root[data-theme=dark] .qty,:root:not([data-theme=light]) .qty{color:#0e0f11}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .qty{color:#fff}}.card-body{padding:10px 12px 12px;display:flex;flex-direction:column;gap:3px;min-width:0}.card-name{font-size:.86rem;font-weight:500;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.card-meta{font-family:var(--mono);font-size:.69rem;color:var(--text-faint)}.feed{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}.feed li.row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 2px;border-bottom:1px solid var(--border);animation:slide .45s var(--ease) backwards;animation-delay:calc(var(--i, 0) * 35ms)}@keyframes slide{0%{opacity:0;transform:translate(-6px)}}.delta{font-family:var(--mono);font-size:.74rem;font-weight:500;padding:2px 7px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);min-width:34px;text-align:center}.delta.neg{background:var(--warn-soft);color:var(--warn)}.feed-name{font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-time{font-family:var(--mono);font-size:.72rem;color:var(--text-faint);white-space:nowrap}.empty{border:1px dashed var(--border-strong);border-radius:var(--radius);padding:30px 24px;text-align:left}.empty h3{margin:0 0 6px;font-size:.95rem;font-weight:600}.empty p{margin:0 0 14px;color:var(--text-dim);font-size:.85rem;max-width:52ch}.empty pre{margin:0;padding:11px 13px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:var(--mono);font-size:.73rem;line-height:1.6;overflow-x:auto;color:var(--text-dim)}.error{border:1px solid color-mix(in srgb,var(--danger) 34%,var(--border));border-radius:var(--radius);padding:16px 18px;background:color-mix(in srgb,var(--danger) 7%,var(--surface))}.error h3{margin:0 0 5px;font-size:.9rem;color:var(--danger)}.error p{margin:0;font-size:.82rem;color:var(--text-dim)}.error code{font-family:var(--mono);font-size:.78rem}.skeleton-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.skeleton{height:168px;border-radius:var(--radius);background:linear-gradient(100deg,var(--surface-2) 30%,color-mix(in srgb,var(--surface-2) 55%,var(--surface)) 50%,var(--surface-2) 70%);background-size:220% 100%;animation:shimmer 1.5s linear infinite;animation-delay:calc(var(--i, 0) * .11s)}.feed-skeleton{height:17px;margin:13px 0;border-radius:5px;background:var(--surface-2);animation:shimmer 1.5s linear infinite;animation-delay:calc(var(--i, 0) * .11s)}@keyframes shimmer{to{background-position:-220% 0}}.foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:18px 30px;border-top:1px solid var(--border)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}