.live-shell{max-width:1250px;margin:35px auto;padding:24px}.live-shell h1{font-size:clamp(32px,6vw,66px);letter-spacing:-2px}.live-shell h1 span{color:#ff5caf}.live-controls{display:flex;flex-wrap:wrap;gap:15px;align-items:center;background:#20182a;border:1px solid #51335f;padding:18px;border-radius:20px}.live-controls label{display:flex;align-items:center;gap:8px}.live-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.live-card,.live-event{display:block;position:relative;background:#20182a;color:inherit;border:1px solid #574164;border-radius:18px;padding:20px;margin:12px 0;text-decoration:none;overflow:hidden}.live-card:hover,.live-event:hover{border-color:#beff51}.live-card small{color:#c5b1d9}.live-card h3{font-size:23px}.live-event.vote-up{border-left:5px solid #65ef96}.live-event.vote-down{border-left:5px solid #ff5c78}.live-event.emoji{border-left:5px solid #d992ff}.live-event.reply{border-left:5px solid #ffe65a}.live-event img{width:48px;height:48px}.live-arrival{animation:live-pop .6s ease-out}.live-chart{width:45px;height:35px;stroke:currentColor;fill:none;stroke-width:3}.live-chart .chart-line{stroke-dasharray:80;stroke-dashoffset:80;animation:live-draw .6s forwards}.live-chart .chart-tip{opacity:0;animation:live-tip .01s .6s forwards}.vote-up .live-chart{color:#65ef96}.vote-down .live-chart{color:#ff5c78}@keyframes live-draw{to{stroke-dashoffset:0}}@keyframes live-tip{to{opacity:1}}@keyframes live-pop{from{transform:translateY(15px) scale(.95);background:#60416d}to{transform:none}}@media(max-width:700px){.live-columns{grid-template-columns:1fr}.live-shell{padding:15px}.live-controls select{max-width:190px}}@media(prefers-reduced-motion:reduce){.live-arrival,.live-chart path{animation:none!important}.live-chart .chart-line{stroke-dashoffset:0}.live-chart .chart-tip{opacity:1}}

body:not(.chaos) .live-arrival,body:not(.chaos) .live-chart path{animation:none}body:not(.chaos) .live-chart .chart-line{stroke-dashoffset:0}body:not(.chaos) .live-chart .chart-tip{opacity:1}

.live-quiet .live-chart path{animation:none}.live-quiet .live-chart .chart-line{stroke-dashoffset:0}.live-quiet .live-chart .chart-tip{opacity:1}

.live-controls select{background:#312340;color:#fff;border:1px solid #9266ae;border-radius:10px;padding:12px;font:inherit}.live-card:nth-child(3n+1){border-top:4px solid #a8ff60}.live-card:nth-child(3n+2){border-top:4px solid #ff64b4}.live-card:nth-child(3n){border-top:4px solid #78e7f0}.live-shell{font-family:system-ui,sans-serif}header>a.outline{width:auto;flex:none;padding:12px 20px}.live-card .cosmetic-avatar{width:36px;height:36px;margin-right:8px}