@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600&display=swap";:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:#0b0f1a;color:#f0f2f8;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit}.chat-feed{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.chat-feed__header{font-family:Space Grotesk,sans-serif;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:#8b7fd1;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.06)}.chat-feed__list{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.chat-row{padding:0 14px;display:flex;align-items:center;gap:6px;font-size:13.5px;color:#f0f2f8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-row__user{color:#ff8fa3;font-weight:600;flex-shrink:0}.chat-row__text{color:#f0f2f8d9;overflow:hidden;text-overflow:ellipsis}.chat-row--reaction{color:#f0f2f899;font-size:13px}.chat-row--purchase{background:#ffb84d14;color:#ffb84d}.chat-row--purchase .chat-row__product{font-weight:600;color:#ffb84d}.product-carousel{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin}.product-card{flex:0 0 auto;width:108px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;cursor:pointer;transition:border-color .15s ease,transform .15s ease;color:inherit;font-family:inherit}.product-card:hover{border-color:#ffb84d80;transform:translateY(-2px)}.product-card:focus-visible{outline:2px solid #ffb84d;outline-offset:2px}.product-card--active{border-color:#ffb84d}.product-card__swatch{width:100%;aspect-ratio:1;border-radius:8px;display:flex;align-items:center;justify-content:center}.product-card__name{font-size:12px;color:#f0f2f8;line-height:1.3;text-align:left}.product-card__price{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;color:#ffb84d}.reaction-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.reaction-bubble{position:absolute;bottom:8%;font-size:22px;animation:float-up 1.8s ease-out forwards}@keyframes float-up{0%{transform:translateY(0) scale(.6);opacity:0}15%{opacity:1;transform:translateY(-20px) scale(1)}to{transform:translateY(-220px) scale(1.1);opacity:0}}@media (prefers-reduced-motion: reduce){.reaction-bubble{animation:none;opacity:0}}.app{min-height:100vh;display:flex;gap:24px;padding:32px;max-width:1100px;margin:0 auto;align-items:flex-start}.app__stream-column{flex:1 1 620px;display:flex;flex-direction:column;gap:16px}.app__chat-column{flex:0 0 320px}.stream-frame{background:linear-gradient(180deg,#8b7fd114,#ff3b5c0d);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:16px}.stream-frame__video{position:relative;aspect-ratio:16 / 9;border-radius:12px;background:radial-gradient(circle at 30% 20%,rgba(139,127,209,.35),transparent 55%),radial-gradient(circle at 75% 75%,rgba(255,59,92,.25),transparent 50%),#12162a;overflow:hidden;margin-bottom:14px}.live-badge{position:absolute;top:14px;left:14px;display:flex;align-items:center;gap:6px;background:#ff3b5c;color:#fff;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:12px;letter-spacing:.06em;padding:5px 10px;border-radius:999px}.live-badge__dot{width:6px;height:6px;border-radius:50%;background:#fff;animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.viewer-count{position:absolute;top:14px;right:14px;background:#0b0f1a8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f0f2f8;font-size:12.5px;padding:5px 10px;border-radius:999px}.viewer-count__value{font-family:Space Grotesk,sans-serif;font-weight:700}.selected-product-toast{position:absolute;bottom:14px;left:14px;background:#0b0f1ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f0f2f8;font-size:12.5px;padding:8px 12px;border-radius:10px;border:1px solid rgba(255,184,77,.35)}.selected-product-toast strong{color:#ffb84d}.perf-panel{display:flex;align-items:center;gap:20px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px}.perf-panel__stat{display:flex;flex-direction:column;gap:2px}.perf-panel__label{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#f0f2f880}.perf-panel__value{font-family:Space Grotesk,sans-serif;font-weight:700;font-size:18px;color:#5fb3a3}.perf-panel__value--warn{color:#ff3b5c}.perf-panel__button{margin-left:auto;background:#ffb84d;color:#0b0f1a;border:none;border-radius:8px;padding:9px 14px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:12.5px;cursor:pointer;transition:transform .12s ease}.perf-panel__button:hover{transform:translateY(-1px)}.perf-panel__button:focus-visible{outline:2px solid #ffb84d;outline-offset:2px}@media (max-width: 820px){.app{flex-direction:column;padding:16px}.app__chat-column{flex:1 1 auto;width:100%}}