.community-page{--party-orange:#ff6437;--party-blue:#4169ff;--party-purple:#a66bff;--party-pink:#ff5d9e}
.top-actions button[onclick="openJoin()"]{display:inline-flex!important;align-items:center;justify-content:center;white-space:nowrap}.is-logged-in #headerJoinButton,.is-logged-in .top-actions button[onclick="openJoin()"]{display:none!important}
.header-auth-button{border-color:#555!important;background:#151515!important;color:#f2f2f2!important}.header-auth-button.is-logout{border-color:rgba(255,105,125,.45)!important;color:#ff8293!important}@media(max-width:720px){.top-actions #headerAuthButton{display:inline-flex!important;width:auto;height:32px;padding:7px 9px;font-size:10px}.top-actions #headerJoinButton{display:inline-flex!important}.is-logged-in .top-actions #headerJoinButton{display:none!important}}
.community-hero{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:22px;min-height:260px;padding:38px;margin-bottom:28px;border:1px solid rgba(255,255,255,.1);border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#19191f,#101012)}
.community-hero:after{content:'✦';position:absolute;right:2%;bottom:-44%;font-size:260px;color:rgba(255,255,255,.035);transform:rotate(-12deg)}.community-hero>*{position:relative;z-index:1}.community-hero h1{font-size:clamp(48px,8vw,104px);line-height:.86;letter-spacing:-.07em;margin:10px 0 18px}.community-hero p{max-width:620px;color:#b8b8c0}
.my-stars-hero{background:radial-gradient(circle at 85% 15%,rgba(65,105,255,.26),transparent 34%),linear-gradient(135deg,#19191f,#101012)}.block-party-hero{background:radial-gradient(circle at 82% 15%,rgba(255,100,55,.24),transparent 34%),linear-gradient(135deg,#1d1918,#101012)}
.live-chip{display:inline-flex;align-items:center;width:max-content;padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.07);font-size:11px;font-weight:900;letter-spacing:.14em}.live-chip.archived{color:#999}
.community-tabs{display:flex;gap:7px;margin-bottom:20px;padding:6px;border-radius:15px;background:#17171b;border:1px solid rgba(255,255,255,.08);overflow-x:auto}.community-tabs button{flex:none;padding:10px 15px;border-radius:10px;color:#999;background:transparent;font-weight:850}.community-tabs button.active{color:#fff;background:#2a2a31;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.my-stars-grid{min-height:220px}.external-star{position:relative}.external-star>a{color:inherit;text-decoration:none}.remove-favorite{margin-top:8px;color:#ff8e9e}
.block-room.has-room-image{background-image:linear-gradient(90deg,rgba(8,8,10,.9),rgba(8,8,10,.48)),var(--room-image);background-size:cover;background-position:center}.block-room.has-room-image:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.08))}.core-heads-shell.has-core-cover:before{display:none!important}.core-badge-media-editor{grid-template-columns:1fr!important}
#blockRoomContent.has-room-image .room-modal-head{position:relative;overflow:hidden;padding:28px;border-radius:18px;background-image:linear-gradient(90deg,rgba(8,8,10,.94),rgba(8,8,10,.52)),var(--active-room-image);background-size:cover;background-position:center}
.reply-open-button{border:1px solid rgba(201,255,57,.26)!important;background:rgba(201,255,57,.09)!important;color:#d9ff72!important}.block-reply-box{width:min(680px,100%);padding:0!important;overflow:hidden;border:1px solid rgba(201,255,57,.22)!important;background:#0c0d0e!important}.reply-panel-head{padding:28px 30px 20px;border-bottom:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 90% 0,rgba(201,255,57,.13),transparent 44%)}.reply-panel-head h2{margin:6px 0;font-size:30px;letter-spacing:-.04em}.reply-panel-head p{color:#8f9491}.block-reply-list{display:grid;gap:10px;max-height:48dvh;overflow-y:auto;padding:18px 22px}.reply-track-label{padding:12px 14px;border-left:3px solid #c9ff39;background:#151715}.reply-track-label span,.reply-track-label b{display:block}.reply-track-label span{color:#c9ff39;font-size:9px;font-weight:950;letter-spacing:.15em}.reply-track-label b{margin-top:3px}.block-reply{position:relative;padding:13px 14px 11px;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#151618}.block-reply>button{display:flex;align-items:center;gap:8px;color:#fff;background:none}.block-reply p{margin:10px 0 4px;line-height:1.55;color:#e2e2df}.block-reply time{display:block;color:#717672;font-size:10px}.reply-empty,.reply-loading{display:grid;gap:5px;padding:35px 18px;text-align:center;color:#858a86}.reply-empty b{color:#fff}.block-reply-form{padding:16px 20px 20px;border-top:1px solid rgba(255,255,255,.08);background:#111214}.block-reply-form textarea{width:100%;resize:none;padding:14px;border:1px solid #30332f;border-radius:13px;outline:none;background:#090a0a;color:#fff}.block-reply-form textarea:focus{border-color:#c9ff39;box-shadow:0 0 0 3px rgba(201,255,57,.08)}.block-reply-form>div{display:flex;align-items:center;justify-content:space-between;margin-top:9px}.block-reply-form span{color:#747a74;font-size:10px}@media(max-width:600px){.block-reply-box{height:min(82dvh,720px);display:flex;flex-direction:column}.block-reply-list{flex:1;max-height:none}.reply-panel-head{padding:23px 20px 16px}.block-reply-form{padding:12px 14px calc(14px + env(safe-area-inset-bottom))}}
.party-track.external-playable{position:relative;padding:8px;border:1px solid rgba(201,255,57,.12);border-radius:15px}.external-play-chip{position:absolute;right:9px;top:9px;padding:5px 7px;border-radius:999px;background:#c9ff39;color:#0a0b08;font-size:8px;font-weight:1000;letter-spacing:.08em}.external-player-box{width:min(760px,100%);background:#0b0c0c!important}.external-player-box h2{margin:6px 0 18px}.external-player-box iframe{display:block;width:100%;height:420px;border:0;border-radius:15px;background:#111}.external-player-box>a{display:inline-block;margin-top:14px;color:#c9ff39;font-size:12px;font-weight:900}@media(max-width:600px){.external-player-box iframe{height:58dvh;max-height:430px}.external-play-chip{position:static;grid-column:1/-1;width:max-content}}
.party-posts{display:grid!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 24px)/3);grid-template-columns:none!important;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#3e4239 transparent;padding-bottom:10px}.party-post{scroll-snap-align:start;min-width:0;padding:12px!important}.party-track{grid-template-columns:68px minmax(0,1fr)!important;gap:10px!important}.party-track .cover{width:68px!important;height:68px!important}.party-track strong{font-size:14px!important}.party-track p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:11px}.party-actions{margin-top:10px!important}.party-replies{display:none!important}.party-carousel-controls{display:flex;align-items:center;justify-content:space-between;margin:18px 0 2px;color:#858b82;font-size:9px;font-weight:950;letter-spacing:.14em}.party-carousel-controls div{display:flex;gap:7px}.party-carousel-controls button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #363a34;border-radius:50%;background:#151715;color:#dfff83;font-size:17px}.party-carousel-controls button:hover{border-color:#c9ff39;background:#c9ff39;color:#080908}@media(max-width:760px){.party-posts{grid-auto-columns:82%;scroll-padding-left:2px}.party-carousel-controls{margin-top:14px}.party-carousel-controls button{display:none}}
#globalAudioPlayer.external-source{border-color:rgba(201,255,57,.38);box-shadow:0 18px 55px rgba(0,0,0,.7),0 0 28px rgba(201,255,57,.08)}#globalAudioPlayer.external-source #playerSeek:disabled{opacity:.3}#globalAudioPlayer.external-source #playerVolume:disabled{opacity:.25;cursor:not-allowed}
.community-empty{grid-column:1/-1;display:grid;place-items:center;gap:7px;min-height:170px;padding:28px;text-align:center;border:1px dashed rgba(255,255,255,.14);border-radius:17px;color:#aaa}.community-empty b{color:#fff;font-size:18px}.community-empty small{max-width:460px}
.home-community-shelf{margin-top:36px}.community-horizontal{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;padding-bottom:7px}.community-horizontal::-webkit-scrollbar{display:none}.community-horizontal>.track{flex:0 0 min(210px,42vw);scroll-snap-align:start}
.block-room-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.block-room{position:relative;min-height:270px;padding:25px;text-align:left;color:#fff;border:1px solid rgba(255,255,255,.11);border-radius:21px;overflow:hidden;background:#19191e;transition:.22s}.block-room:hover{transform:translateY(-4px);box-shadow:0 22px 45px rgba(0,0,0,.3)}.block-room:after{content:'✦';position:absolute;right:-10px;bottom:-42px;font-size:140px;color:rgba(255,255,255,.055)}.block-room h2{font-size:30px;line-height:1;letter-spacing:-.05em;margin:18px 0 10px}.block-room p{color:#bebec6;line-height:1.55}.room-purple{background:radial-gradient(circle at 90% 90%,rgba(166,107,255,.28),transparent 48%),#18171d}.room-blue{background:radial-gradient(circle at 90% 90%,rgba(65,105,255,.28),transparent 48%),#17181d}.room-pink{background:radial-gradient(circle at 90% 90%,rgba(255,93,158,.24),transparent 48%),#1b171a}.room-number{position:absolute;right:18px;top:14px;font-weight:950;color:rgba(255,255,255,.18);font-size:34px}.room-period{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:21px;font-size:11px;color:#96969e}.room-period b{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff}
.community-modal{z-index:1450}.block-room-modal-box{width:min(940px,100%);max-height:94dvh;overflow-y:auto;padding:34px}.room-modal-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:10px 0 26px;border-bottom:1px solid rgba(255,255,255,.09)}.room-modal-head h1{font-size:clamp(38px,7vw,72px);letter-spacing:-.065em;margin:7px 0}.party-posts{display:grid;gap:12px;margin-top:18px}.party-post{padding:15px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:#17171b}.party-author{display:flex;align-items:center;gap:8px;color:#fff;background:none}.party-author em{padding:3px 6px;border-radius:999px;background:#fff;color:#111;font-size:9px;font-style:normal}.party-track{display:grid;grid-template-columns:92px 1fr;gap:14px;margin-top:12px;cursor:pointer}.party-track .cover{width:92px;height:92px;border-radius:12px;background:#27272d center/cover}.party-track strong,.party-track small{display:block}.party-track strong{font-size:18px}.party-track small{margin-top:3px;color:#999}.party-track p{margin-top:10px;color:#c8c8ce}.party-actions{display:flex;gap:6px;align-items:center;overflow-x:auto;margin-top:13px}.party-actions button,.party-actions span{flex:none;padding:7px 10px;border-radius:999px;background:#24242a;color:#ddd;font-size:11px}.party-replies{display:grid;gap:7px;margin-top:12px;padding:10px 12px;border-radius:12px;background:#111114}.party-replies p{font-size:12px;color:#bdbdc5}.party-replies b{margin-right:6px;color:#fff}.or-divider{text-align:center;color:#666;font-size:11px;font-weight:900}
.aux-shell{position:relative;margin-top:28px;padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:24px;overflow:hidden;background:radial-gradient(circle at 90% 10%,rgba(255,100,55,.2),transparent 34%),#151519}.aux-head{display:flex;justify-content:space-between;gap:24px}.aux-head h2{font-size:clamp(38px,6vw,74px);letter-spacing:-.065em;margin:7px 0}.aux-head strong{font-size:19px}.aux-head p{max-width:620px;margin-top:8px;color:#aaa}.aux-status{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.aux-status b{color:#ff8a62;font-size:12px;letter-spacing:.12em}.aux-status span{color:#888}.aux-timeline{display:grid;gap:8px;margin:25px 0}.aux-entry{display:grid;grid-template-columns:48px 66px 1fr auto;gap:13px;align-items:center;padding:11px;border-radius:15px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.07)}.aux-position{font-size:22px;font-weight:950;color:#56565e}.aux-entry .cover{width:66px;height:66px;border-radius:10px;background:#292930 center/cover}.aux-entry-copy b,.aux-entry-copy small,.aux-entry-copy em{display:block}.aux-entry-copy small{color:#92929b}.aux-entry-copy p{margin:5px 0;font-size:12px}.aux-entry-copy em{color:#6f6f78;font-size:10px}.aux-vote{padding:9px 11px;border-radius:12px;background:#fff;color:#111;font-size:10px;font-weight:900}.aux-vote b{font-size:17px}.aux-drop-button{background:linear-gradient(135deg,#ff6437,#ff3f50);color:#fff}
.public-favorites{margin-top:18px}.public-favorites .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.public-favorites .track{color:#fff;text-decoration:none}.public-favorites small{display:block;color:#999;margin-top:4px}
.profile-role-label{display:inline-flex;margin-left:9px;padding:4px 7px;border:1px solid rgba(255,255,255,.17);border-radius:999px;color:#aaa;font-size:9px;font-weight:950;letter-spacing:.14em;vertical-align:middle}.identity-official{display:inline-flex;align-items:center;width:auto;height:auto;margin-left:6px;padding:3px 6px;border:1px solid rgba(255,255,255,.28);border-radius:4px;background:#171717;color:transparent;font-size:0;line-height:1;vertical-align:2px;box-shadow:none}.identity-official:after{content:'OFFICIAL';color:#f2f2f2;font-size:8px;font-weight:950;letter-spacing:.1em}.identity-title{display:inline-flex;margin-left:5px;padding:3px 6px;border-radius:999px;background:linear-gradient(135deg,#ff6437,#ff3d54);color:#fff;font-size:8px;font-weight:950;letter-spacing:.08em;vertical-align:2px}.party-author b,.thread b{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px}
.identity-block-pick{display:inline-flex;margin-left:6px;padding:3px 6px;border:1px solid #a98aff;border-radius:4px;background:#211936;color:#d8caff;font-size:8px;font-weight:950;letter-spacing:.07em;vertical-align:2px}
#uploadModal{z-index:1600!important;padding-top:max(18px,env(safe-area-inset-top))!important}.modal.show#uploadModal{align-items:flex-start!important}#uploadModal .modal-box{position:relative;margin-top:0!important;padding-top:max(58px,calc(38px + env(safe-area-inset-top)))!important;max-height:none!important}.star-publishing{position:relative;pointer-events:none;opacity:.82}.star-publishing:before{content:'';width:16px;height:16px;margin-right:9px;border:2px solid rgba(0,0,0,.25);border-top-color:#111;border-radius:50%;animation:starPublishingSpin .72s linear infinite}@keyframes starPublishingSpin{to{transform:rotate(360deg)}}
nav .money-route{color:#fff!important;background:linear-gradient(135deg,#ff6437,#ff3d54)!important;box-shadow:0 0 22px rgba(255,83,55,.22)}
@media(max-width:820px){.block-room-grid{grid-template-columns:1fr}.community-hero{min-height:230px;padding:25px}.block-room{min-height:220px}.aux-head{display:grid}.aux-status{align-items:flex-start}.public-favorites .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){nav{overflow-x:auto;scrollbar-width:none;justify-content:flex-start}nav::-webkit-scrollbar{display:none}nav .nav{flex:none}.community-hero{align-items:flex-start;flex-direction:column}.community-hero h1{font-size:52px}.community-horizontal>.track{flex-basis:42%}.block-room-modal-box{border-radius:18px 18px 0 0;padding:25px 14px}.room-modal-head{align-items:flex-start;flex-direction:column}.party-track{grid-template-columns:76px 1fr}.party-track .cover{width:76px;height:76px}.aux-shell{padding:20px 13px}.aux-entry{grid-template-columns:33px 52px 1fr}.aux-entry .cover{width:52px;height:52px}.aux-vote{grid-column:3;justify-self:start}.top-settings-button{display:inline-flex!important}#uploadModal{padding:0!important}#uploadModal .modal-box{padding-top:max(64px,calc(42px + env(safe-area-inset-top)))!important}}
@media(prefers-reduced-motion:reduce){.star-publishing:before{animation:none}}