:root{--accent:#a855f7;--accent-blue:#6366f1;--accent-cyan:#06b6d4;--accent-green:#10b981;--accent-red:#ef4444;--accent-gold:#f59e0b;--bg:#000000;--surface:#0a0a0a;--surface-high:#141414;--surface-elev:#1e1e1e;--border:#1e293b;--text-secondary:#94a3b8;--text-tertiary:rgba(255,255,255,0.4);--sp-xxs:2px;--sp-xs:4px;--sp-sm:8px;--sp-md:12px;--sp-lg:16px;--sp-xl:24px;--sp-xxl:32px;--sp-xxxl:48px;--r-xs:4px;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--r-xxl:28px;--r-pill:999px;--font-rounded:ui-rounded,"SF Pro Rounded","Nunito",system-ui,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif;--shell-sidebar-w:264px}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{background:var(--bg);background-image:linear-gradient(180deg,rgba(168,85,247,.16),#000 60%);background-attachment:fixed;color:#fff;font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100dvh}a{color:inherit;text-decoration:none}img{display:block}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.hero-title{font:700 30px/1.15 var(--font-rounded)}.hero-subtitle{font:400 15px/1.4 var(--font-body);color:rgba(255,255,255,.92)}.section-title{font:600 19px/1.2 var(--font-rounded)}.card-title{font:500 15px/1.3 var(--font-rounded);color:rgba(255,255,255,.95)}.card-subtitle{font:400 13px/1.3 var(--font-body)}.card-subtitle,.see-all{color:var(--text-secondary)}.see-all{font:500 13px/1 var(--font-body)}.glass{background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5);border:.5px solid rgba(255,255,255,.12)}.shell-main{padding-bottom:108px;max-width:720px;margin:0 auto}.tabbar{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(env(safe-area-inset-bottom, 0px) + 14px);display:flex;gap:4px;padding:6px;border-radius:var(--r-pill);background:rgba(20,20,20,.55);-webkit-backdrop-filter:blur(28px) saturate(1.6);backdrop-filter:blur(28px) saturate(1.6);border:.5px solid rgba(255,255,255,.14);box-shadow:0 8px 32px rgba(0,0,0,.55);z-index:50}.tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 14px;border-radius:var(--r-pill);font:500 10px/1 var(--font-body);color:var(--text-secondary);transition:background .2s,color .2s}.tabbar a.active{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-blue))}.tabbar a svg{width:20px;height:20px}.sidebar{display:none}.hero{position:relative;height:420px;overflow:hidden;border-radius:0 0 var(--r-xxl) var(--r-xxl);margin-bottom:var(--sp-xxl)}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .5s ease}.hero-slide.on{opacity:1}.hero-backdrop,.hero-mosaic{position:absolute;inset:0}.hero-mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;filter:blur(18px);transform:scale(1.25)}.hero-mosaic img{width:100%;height:100%;object-fit:cover}.hero-mosaic:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.18)}.hero-photo{width:100%;height:100%;object-fit:cover}.hero-wash{position:absolute;inset:0;mix-blend-mode:overlay}.hero-legibility{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.78))}.hero-text{position:absolute;left:0;right:72px;bottom:44px;padding:0 var(--sp-xl);display:flex;flex-direction:column;gap:8px;align-items:flex-start}.hero-text .hero-title{text-shadow:0 2px 8px rgba(0,0,0,.35)}.hero-cta{margin-top:4px;font:700 15px/1 var(--font-rounded);color:#000;background:#fff;padding:10px 18px}.hero-cta,.hero-dots{border-radius:var(--r-pill)}.hero-dots{position:absolute;right:var(--sp-lg);bottom:var(--sp-lg);display:flex;gap:5px;align-items:center;padding:7px 10px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:.5px solid rgba(255,255,255,.14)}.hero-dots i{width:5px;height:5px;border-radius:99px;background:rgba(255,255,255,.4);transition:all .3s}.hero-dots i.on{width:16px;background:#fff}.sections{gap:var(--sp-xxl)}.section,.sections{display:flex;flex-direction:column}.section{gap:var(--sp-md)}.section-head{display:flex;align-items:center;gap:10px;padding:0 var(--sp-lg)}.section-head .spacer{flex:1 1}.rail{display:flex;gap:var(--sp-md);overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--sp-lg) 4px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail>*{scroll-snap-align:start;flex-shrink:0}.media-card{width:140px;display:flex;flex-direction:column;gap:8px}.media-card .art{width:140px;height:140px;object-fit:cover;border-radius:var(--r-md);background:var(--surface-high)}.media-card .art.round{border-radius:50%}.wide-card{width:200px;display:flex;flex-direction:column;gap:8px}.wide-card .art{width:200px;height:112px;object-fit:cover;border-radius:var(--r-sm);background:var(--surface-high)}.line-clamp{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radio-card{width:160px;display:flex;flex-direction:column;gap:8px}.radio-card .art-wrap{position:relative;width:160px;height:100px;border-radius:var(--r-md);overflow:hidden;border:.5px solid rgba(255,255,255,.15);background:linear-gradient(135deg,var(--accent),var(--accent-cyan))}.radio-card .art-wrap img{width:100%;height:100%;object-fit:cover}.radio-card .play{position:absolute;right:6px;bottom:6px;width:28px;height:28px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;font-size:11px}.post-card{width:260px;padding:var(--sp-md);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:8px}.post-card p{font:400 14px/1.45 var(--font-body);color:rgba(255,255,255,.92);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-card img{width:100%;height:120px;object-fit:cover;border-radius:var(--r-sm)}.post-meta{display:flex;gap:14px;font:400 12px/1 var(--font-body);color:var(--text-tertiary)}.feature-page{padding:28px var(--sp-lg) 0;gap:var(--sp-lg)}.feature-hero,.feature-page{display:flex;flex-direction:column}.feature-hero{padding:var(--sp-xl);border-radius:var(--r-xl);gap:var(--sp-sm)}.feature-hero .icon{width:56px;height:56px;border-radius:var(--r-lg);display:grid;place-items:center;font-size:26px;background:linear-gradient(135deg,var(--accent),var(--accent-blue));margin-bottom:var(--sp-sm)}.badge-row{display:flex;gap:8px;flex-wrap:wrap}.pill-badge{font:500 12px/1 var(--font-body);color:var(--text-secondary);padding:7px 12px;border-radius:var(--r-pill)}.launcher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:var(--sp-md);gap:var(--sp-md);padding:0 var(--sp-lg)}.launcher-tile{padding:var(--sp-lg);border-radius:var(--r-lg);display:flex;flex-direction:column;gap:10px;align-items:flex-start;transition:transform .15s ease}.launcher-tile:hover{transform:scale(1.03)}.launcher-tile .icon{width:40px;height:40px;border-radius:var(--r-md);display:grid;place-items:center;font-size:18px}@media (min-width:768px){.shell-main{max-width:960px}.hero{border-radius:var(--r-xxl);margin:var(--sp-lg) var(--sp-lg) var(--sp-xxl);height:460px}.media-card,.media-card .art{width:160px}.media-card .art{height:160px}}@media (min-width:1024px){.tabbar{display:none}.sidebar{display:flex;flex-direction:column;gap:4px;position:fixed;top:0;left:0;bottom:0;width:var(--shell-sidebar-w);padding:var(--sp-xl) var(--sp-md);overflow-y:auto;background:rgba(10,10,10,.6);-webkit-backdrop-filter:blur(28px) saturate(1.5);backdrop-filter:blur(28px) saturate(1.5);border-right:.5px solid rgba(255,255,255,.08);z-index:40}.sidebar .brand{font:800 22px/1 var(--font-rounded);background:linear-gradient(135deg,var(--accent),var(--accent-blue));-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 var(--sp-md) var(--sp-lg)}.sidebar .group-label{font:600 11px/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);padding:var(--sp-lg) var(--sp-md) 6px}.sidebar a{display:flex;align-items:center;gap:10px;padding:9px var(--sp-md);border-radius:var(--r-md);font:500 14px/1 var(--font-body);color:var(--text-secondary);transition:background .15s,color .15s}.sidebar a:hover{background:rgba(255,255,255,.06);color:#fff}.sidebar a.active{color:#fff;background:linear-gradient(135deg,rgba(168,85,247,.35),rgba(99,102,241,.35))}.shell-main{margin-left:var(--shell-sidebar-w);max-width:none;padding:0 var(--sp-xxl) var(--sp-xxxl)}.shell-inner{max-width:1200px;margin:0 auto}.hero{height:480px}.hero-text .hero-title{font-size:40px}.feature-page{padding-top:var(--sp-xxl)}}.playerbar{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom, 0px) + 84px);display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--r-lg);background:rgba(20,20,20,.72);-webkit-backdrop-filter:blur(28px) saturate(1.6);backdrop-filter:blur(28px) saturate(1.6);border:.5px solid rgba(255,255,255,.14);box-shadow:0 8px 32px rgba(0,0,0,.55);z-index:45;overflow:hidden}.pb-progress{position:absolute;top:0;left:0;right:0;height:2px;background:rgba(255,255,255,.1)}.pb-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-blue));transition:width .3s linear}.pb-art{width:40px;height:40px;border-radius:var(--r-sm);object-fit:cover;background:var(--surface-high);flex-shrink:0}.pb-meta{flex:1 1;min-width:0}.pb-btn{font-size:15px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#fff;background:rgba(255,255,255,.08);flex-shrink:0}.pb-close{font-size:12px;color:var(--text-secondary);background:none}@media (min-width:1024px){.playerbar{left:calc(var(--shell-sidebar-w) + 24px);right:24px;bottom:20px}}.card-play{position:absolute;right:8px;bottom:8px;width:30px;height:30px;border-radius:50%;background:rgba(0,0,0,.55);color:#fff;display:grid;place-items:center;font-size:11px}.search-input{width:100%;max-width:560px;padding:13px 16px;border-radius:var(--r-lg);font:400 15px/1 var(--font-body);color:#fff;outline:none}.search-input::placeholder{color:var(--text-tertiary)}.chip-row{display:flex;gap:8px;flex-wrap:wrap}.chip{font:500 13px/1 var(--font-rounded);color:var(--text-secondary);padding:8px 14px;border-radius:var(--r-pill)}.chip.on{color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-blue));border-color:transparent}.video-grid{display:grid;grid-gap:var(--sp-lg);gap:var(--sp-lg);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.video-grid .wide-card,.video-grid .wide-card .art{width:100%}.video-grid .wide-card .art{aspect-ratio:16/9;height:auto}.video-frame{width:100%;aspect-ratio:16/9;border-radius:var(--r-lg);overflow:hidden;background:#000;border:.5px solid rgba(255,255,255,.1)}.video-frame iframe,.video-frame video{width:100%;height:100%;border:0;display:block}.auth-form{display:flex;flex-direction:column;gap:10px;width:100%;margin-top:6px}.auth-form .hero-cta{border:0;text-align:center}.feed-card{border-radius:var(--r-lg);padding:var(--sp-lg);display:flex;flex-direction:column;gap:10px}.feed-head{display:flex;gap:10px;align-items:center}.feed-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--surface-elev);flex-shrink:0}.feed-avatar.sm{width:32px;height:32px}.feed-body{font:400 15px/1.5 var(--font-body);color:rgba(255,255,255,.92);white-space:pre-wrap}.feed-media{width:100%;max-height:420px;object-fit:cover;border-radius:var(--r-md)}.feed-actions{display:flex;gap:18px;font:500 14px/1 var(--font-body);color:var(--text-secondary)}.feed-actions a{color:inherit}.comment-row{display:flex;gap:10px;align-items:flex-start}.row-card{display:flex;gap:12px;align-items:center;border-radius:var(--r-lg);padding:var(--sp-md)}.rank{width:24px;text-align:center;font:700 14px/1 var(--font-rounded);color:var(--text-secondary)}.ep-num{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:rgba(255,255,255,.08);font:600 12px/1 var(--font-rounded);color:var(--text-secondary)}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--sp-md);gap:var(--sp-md)}@media (min-width:768px){.stat-grid{grid-template-columns:repeat(4,1fr)}}.stat{border-radius:var(--r-lg);padding:var(--sp-md) var(--sp-lg)}.thread{height:calc(100dvh - 40px);display:flex;flex-direction:column;gap:10px;padding-bottom:120px}.thread-head{display:flex;gap:12px;align-items:center}.thread-body{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:6px;padding:4px 0}.bubble{max-width:78%;padding:9px 13px;border-radius:16px 16px 16px 5px;background:var(--surface-elev);font:400 14px/1.4 var(--font-body);align-self:flex-start}.bubble.me{align-self:flex-end;border-radius:16px 16px 5px 16px;background:linear-gradient(135deg,var(--accent),var(--accent-blue))}.thread-compose{display:flex;gap:8px}.shop-grid{display:grid;grid-gap:var(--sp-md);gap:var(--sp-md);grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.shop-card{border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column}.shop-card img{object-fit:cover}.shop-card img,.shop-ph{width:100%;aspect-ratio:4/3}.shop-ph{background:var(--surface-elev)}.item-hero{display:flex;gap:var(--sp-xl);align-items:flex-start;flex-wrap:wrap}.item-hero img{width:220px;border-radius:var(--r-lg);object-fit:cover}html{scroll-behavior:smooth}::selection{background:rgba(168,85,247,.4)}.launcher-tile,.media-card,.radio-card,.row-card,.shop-card,.wide-card{transition:transform .15s ease,background .15s ease,border-color .15s ease}.shop-card:hover,a.row-card:hover,button.row-card:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2)}.media-card:hover .art,.wide-card:hover .art{filter:brightness(1.1)}.media-card .art,.wide-card .art{transition:filter .15s ease}.see-all{transition:color .15s ease}.see-all:hover{color:#fff}.chip{transition:background .15s ease,color .15s ease}.chip:hover:not(.on){color:#fff}.hero-cta{transition:transform .12s ease,opacity .12s ease}.hero-cta:hover{transform:scale(1.03)}.hero-cta:active{transform:scale(.98)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.search-input:focus-visible{outline:none;border-color:rgba(168,85,247,.6)}.pb-btn:hover{background:rgba(255,255,255,.16)}.tabbar a:active{transform:scale(.94)}.tabbar a{transition:background .2s,color .2s,transform .1s}.artist-hero{position:relative;border-radius:var(--r-xl);overflow:hidden;background:linear-gradient(135deg,rgba(168,85,247,.35),rgba(99,102,241,.3));background-size:cover;background-position:50%;min-height:180px;display:flex;align-items:flex-end}.artist-hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.72))}.artist-hero-body{position:relative;display:flex;gap:var(--sp-lg);align-items:center;padding:var(--sp-xl);width:100%;flex-wrap:wrap}.artist-avatar{width:84px;height:84px;border-radius:50%;object-fit:cover;background:var(--surface-elev);border:2px solid rgba(255,255,255,.25);flex-shrink:0}