:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#050507;color:#fff;overflow:hidden}button,a{color:inherit;font:inherit}.top{position:fixed;z-index:20;top:0;left:50%;translate:-50% 0;width:min(100%,520px);padding:max(20px,env(safe-area-inset-top)) 20px 30px;display:flex;justify-content:space-between;pointer-events:none;background:linear-gradient(#07070ae6,transparent)}.brand{font-size:15px;font-weight:900;letter-spacing:-.03em}.live{display:flex;align-items:center;gap:7px;color:#ff4d78;font-size:10px;font-weight:900;letter-spacing:.16em}.dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor;animation:blink 1.3s ease-in-out infinite}#feed{height:100svh;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;scrollbar-width:none}#feed::-webkit-scrollbar{display:none}.card{position:relative;width:min(100%,520px);height:100svh;margin:auto;scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate;overflow:hidden;background:#09080d}.backdrop{position:absolute;inset:-8%;z-index:-3;background:center/cover no-repeat;filter:blur(45px) saturate(1.25);opacity:.35;transform:scale(1.15)}.shade{position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 50% 38%,rgba(111,69,236,.3),transparent 35%),linear-gradient(180deg,#05050814,#07060b 78%)}.orb{position:absolute;z-index:-1;top:39%;left:50%;translate:-50% -50%;width:min(82vw,410px);aspect-ratio:1;border-radius:50%;background:linear-gradient(145deg,#8958ff36,#ff498f0a);box-shadow:0 0 100px #6539f529}.playing .orb{animation:breathe 2.2s ease-in-out infinite}.body{height:100%;padding:max(78px,calc(env(safe-area-inset-top) + 66px)) 22px max(28px,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:flex-end}.center{position:absolute;top:42%;left:50%;translate:-50% -50%;width:100%;text-align:center;pointer-events:none}.listen{position:relative;width:118px;height:118px;margin:auto;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:linear-gradient(145deg,#8e61ff,#5128bf) center/cover;box-shadow:0 22px 80px #461fac73;font-size:36px;font-weight:900;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.listen:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(167,131,255,.36);border-radius:inherit}.listen:focus-visible{outline:3px solid #fff;outline-offset:10px}.play-icon{position:absolute;right:-4px;bottom:3px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#17121f;box-shadow:0 5px 18px #0008;font-size:15px;padding-left:2px}.playing .listen:after{animation:ring 1.8s ease-out infinite}.sound{height:29px;margin:22px auto 0;display:flex;align-items:center;justify-content:center;gap:4px;opacity:.28}.sound i{width:3px;height:6px;border-radius:4px;background:#fff}.playing .sound{opacity:.9}.playing .sound i{animation:wave .7s ease-in-out infinite alternate}.sound i:nth-child(2),.sound i:nth-child(6){animation-delay:-.4s}.sound i:nth-child(3),.sound i:nth-child(5){animation-delay:-.2s}.sound i:nth-child(4){animation-delay:-.55s}.info{padding-right:80px}.host{color:#ffffffbd;font-size:14px;font-weight:750}.title{margin:7px 0 8px;font-size:clamp(23px,6.7vw,34px);line-height:1.06;letter-spacing:-.04em;text-wrap:balance;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.description{max-width:38ch;margin:0 0 11px;color:#ffffff9e;font-size:12px;line-height:1.35;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pills{display:flex;gap:6px;flex-wrap:wrap}.pill{padding:6px 9px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#fff1;color:#ffffffb8;font-size:9px;font-weight:800}.pill strong{color:#fff}.category{color:#d9caff;border-color:#a47eff47;background:#7046da29}.rail{position:absolute;z-index:3;right:18px;bottom:max(32px,calc(env(safe-area-inset-bottom) + 18px));display:flex;flex-direction:column;align-items:center;gap:15px}.join{width:68px;min-height:68px;border:0;border-radius:50%;display:grid;place-items:center;background:#fff;color:#09090b;text-decoration:none;font-size:9px;font-weight:950;letter-spacing:.04em;text-align:center;box-shadow:0 14px 45px #0000006b}.hint{display:flex;flex-direction:column;align-items:center;gap:4px;color:#ffffff75;font-size:8px;font-weight:850;letter-spacing:.12em}.hint svg{width:18px;animation:nudge 1.5s ease-in-out infinite}.status{margin-top:12px;color:#ffffff80;font-size:11px;font-weight:700}.empty{height:100svh;display:grid;place-items:center;text-align:center;padding:30px}.empty h1{margin:0 0 10px;font-size:35px}.empty p{color:#888}#player{position:fixed;width:1px;height:1px;left:0;bottom:0;opacity:.01;pointer-events:none}@keyframes blink{50%{opacity:.3}}@keyframes breathe{50%{scale:1.06;opacity:.78}}@keyframes ring{0%{scale:.93;opacity:1}to{scale:1.22;opacity:0}}@keyframes wave{to{height:25px}}@keyframes nudge{50%{transform:translateY(-5px)}}@media(min-width:700px){.card{border-inline:1px solid #1a1920}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}}.listen:after{animation:ring 1.8s ease-out infinite!important;border-color:#a783ff8c}.play-icon{display:none!important}