.hidden{display:none!important}
.header-join{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 16px;border:1px solid rgba(87,177,255,.55);border-radius:999px;background:linear-gradient(135deg,#1687ff,#64bdff);color:#04101c;text-decoration:none;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 0 28px rgba(22,135,255,.2)}
.header-join span{opacity:.72}.header-account{display:inline-flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font-size:12px}.header-account>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(87,177,255,.5);border-radius:50%;background:rgba(22,135,255,.15);color:#8bcbff;font-weight:800}.hero-join-button{background:linear-gradient(135deg,#1687ff,#64bdff)!important;color:#04101c!important;border-color:transparent!important}
.header-signout{border:0;background:transparent;color:rgba(255,255,255,.64);font:inherit;font-size:11px;cursor:pointer}.mobile-signout{min-height:48px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;text-align:left;padding:0 14px;font:inherit}
.member-benefits{position:relative;isolation:isolate;width:min(1320px,calc(100% - 48px));margin:clamp(70px,9vw,130px) auto;padding:clamp(30px,5vw,70px);overflow:hidden;border:1px solid rgba(94,183,255,.18);border-radius:34px;background:radial-gradient(circle at 82% 0,rgba(22,135,255,.16),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:0 30px 100px rgba(0,0,0,.3)}
.member-benefits-heading{max-width:780px}.member-benefits-heading h2{margin:12px 0 18px;font:500 clamp(2.4rem,5vw,5.2rem)/.98 Manrope,sans-serif;letter-spacing:-.06em}.member-benefits-heading h2 span{color:#69bfff}.member-benefits-heading>p:last-child{max-width:650px;color:rgba(255,255,255,.62);font-size:clamp(1rem,1.4vw,1.18rem);line-height:1.65}.member-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:42px}.member-benefits-grid article{min-height:245px;padding:25px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(5,11,17,.58);backdrop-filter:blur(15px)}.member-benefits-grid article>span{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:rgba(22,135,255,.13);color:#79c5ff;font-size:21px}.member-benefits-grid h3{margin:36px 0 10px;font:600 1.08rem Manrope,sans-serif}.member-benefits-grid p{color:rgba(255,255,255,.57);font-size:.86rem;line-height:1.6}.member-benefits-grid small{display:block;margin-top:15px;color:#68bdff;font-size:.59rem;font-weight:800;letter-spacing:.13em}.member-benefits-actions{display:flex;align-items:center;gap:26px;margin-top:36px}.member-benefits-actions .text-link{color:#fff}
@media(max-width:1000px){.header-join span{display:none}.member-benefits-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.site-header .header-join,.site-header .header-account{display:none!important}.mobile-menu [data-member-join],.mobile-menu [data-member-account]{color:#69bfff}.member-benefits{width:calc(100% - 28px);padding:34px 20px;border-radius:26px}.member-benefits-grid{grid-template-columns:1fr}.member-benefits-grid article{min-height:0}.member-benefits-actions{align-items:stretch;flex-direction:column;gap:18px}.member-benefits-actions .primary-button{justify-content:center;text-align:center}}
@media(prefers-reduced-motion:reduce){.member-benefits *{animation:none!important;transition:none!important}}
.member-benefits-grid .benefit-icon{font-size:0}.benefit-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.inline-arrow{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.member-home{width:min(1320px,calc(100% - 48px));margin:clamp(54px,7vw,100px) auto}.member-welcome{display:flex;align-items:end;justify-content:space-between;gap:32px;padding:clamp(26px,5vw,58px);border:1px solid rgba(96,187,255,.2);border-radius:30px;background:radial-gradient(circle at 75% 0,rgba(22,135,255,.2),transparent 42%),rgba(255,255,255,.025)}.member-welcome h2{margin:10px 0;font:500 clamp(2.3rem,5vw,5rem)/1 Manrope,sans-serif;letter-spacing:-.06em}.member-welcome>div>p:last-child,.personalized-heading>p{color:rgba(255,255,255,.58)}.member-welcome-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}.member-welcome-actions a,.personalized-empty-card>a,.personalized-empty>a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 16px;border:1px solid rgba(255,255,255,.16);border-radius:999px;color:#fff;text-decoration:none;font-size:.75rem;font-weight:700}.member-welcome-actions a:first-child{border-color:#55b6ff;background:#55b6ff;color:#06121d}.personalized-block{margin-top:52px}.personalized-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}.personalized-heading h3{margin-top:7px;font:500 clamp(2rem,4vw,3.7rem) Manrope,sans-serif;letter-spacing:-.05em}.personalized-heading>a{color:#78c7ff;text-decoration:none}.personalized-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.personalized-card{position:relative;display:block;min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:rgba(255,255,255,.025);color:#fff;text-decoration:none;transition:transform .25s ease,border-color .25s ease}.personalized-card:hover{transform:translateY(-3px);border-color:rgba(90,186,255,.42)}.personalized-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#10151b}.personalized-badges{position:absolute;z-index:2;top:10px;left:10px;right:10px;display:flex;gap:6px;flex-wrap:wrap}.personalized-badges small{padding:6px 8px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(5,8,12,.72);color:#e7ff96;font-size:.58rem;font-weight:900;letter-spacing:.09em}.personalized-card>span{display:block;margin:18px 18px 7px;color:#6ec1ff;font-size:.61rem;font-weight:800;letter-spacing:.14em}.personalized-card h4{margin:0 18px 7px;font:600 1.08rem Manrope,sans-serif}.personalized-card p{margin:0 18px 20px;color:rgba(255,255,255,.55);font-size:.78rem}.member-home-split{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:52px}.personalized-empty-card{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:18px;min-height:185px;padding:26px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:rgba(255,255,255,.022)}.personalized-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:rgba(22,135,255,.12);color:#78c7ff}.personalized-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round}.personalized-empty-card h3{margin-bottom:7px;font:600 1.15rem Manrope,sans-serif}.personalized-empty-card p,.personalized-empty p{color:rgba(255,255,255,.55);font-size:.84rem;line-height:1.55}.personalized-empty-card>a{grid-column:2;justify-self:start}.personalized-empty{grid-column:1/-1;padding:34px;border:1px dashed rgba(255,255,255,.15);border-radius:20px}.personalized-empty h4{margin-bottom:8px;font-size:1.15rem}.personalized-empty a{margin-top:18px}.personalized-loading{grid-column:1/-1;height:160px;border-radius:20px;background:linear-gradient(100deg,rgba(255,255,255,.025),rgba(255,255,255,.07),rgba(255,255,255,.025));background-size:200% 100%;animation:member-loading 1.4s linear infinite}.member-benefits-compact{margin-top:70px}@keyframes member-loading{to{background-position:-200% 0}}
.home-live-activity,.home-release-banner{width:min(1320px,calc(100% - 48px));margin:clamp(20px,4vw,38px) auto 0}.home-live-strip{position:relative;overflow:hidden;border:1px solid rgba(217,255,87,.22);border-radius:999px;background:linear-gradient(90deg,rgba(217,255,87,.13),rgba(255,255,255,.035));box-shadow:0 20px 70px rgba(0,0,0,.28)}.home-live-strip:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);transform:translateX(-100%);animation:home-live-sheen 5.2s ease-in-out infinite}.home-live-item{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:58px;padding:0 22px;color:#fff;text-decoration:none}.home-live-item span,.home-live-item small{font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.home-live-item span{color:#e7ff96}.home-live-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 clamp(.98rem,2vw,1.22rem) Manrope,sans-serif}.home-live-item small{color:rgba(255,255,255,.56)}.home-release-banner a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;min-height:86px;padding:20px 24px;border:1px solid rgba(101,186,255,.24);border-radius:24px;background:radial-gradient(circle at 10% 0,rgba(101,186,255,.22),transparent 42%),rgba(255,255,255,.035);color:#fff;text-decoration:none}.home-release-banner span{color:#78c7ff;font-size:.68rem;font-weight:900;letter-spacing:.16em}.home-release-banner strong{font:700 clamp(1.15rem,3vw,1.8rem) Manrope,sans-serif;letter-spacing:-.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.home-release-banner em{font-style:normal;color:#d9ff57;font-weight:800;white-space:nowrap}@keyframes home-live-sheen{0%,35%{transform:translateX(-100%);opacity:0}50%{opacity:1}75%,100%{transform:translateX(100%);opacity:0}}
@media(max-width:900px){.home-live-activity,.home-release-banner,.member-home{width:calc(100% - 28px)}.home-live-item,.home-release-banner a{grid-template-columns:1fr;align-items:start;gap:6px;padding:16px 18px;border-radius:22px}.home-live-strip{border-radius:22px}.home-live-item strong,.home-release-banner strong{white-space:normal}.member-welcome{align-items:stretch;flex-direction:column}.member-welcome-actions{justify-content:flex-start}.personalized-rail{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.personalized-card{flex:0 0 min(82vw,330px);scroll-snap-align:start}.member-home-split{grid-template-columns:1fr}.personalized-heading{align-items:flex-start;flex-direction:column}.personalized-heading>p{font-size:.88rem}.member-welcome-actions a{flex:1}.personalized-empty-card{grid-template-columns:auto 1fr}}
@media(max-width:520px){.member-welcome{padding:26px 20px;border-radius:23px}.member-welcome-actions{display:grid;grid-template-columns:1fr}.personalized-empty-card{grid-template-columns:1fr}.personalized-empty-card>a{grid-column:1}.personalized-icon{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.home-live-strip:before,.personalized-loading{animation:none}.personalized-card{transition:none}}

.piano-tv-home-actions{display:flex;align-items:center;gap:14px}.piano-tv-home-actions>a{color:#78c7ff;text-decoration:none}.piano-tv-home-controls{display:flex;gap:8px}.piano-tv-home-controls button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:rgba(255,255,255,.06);color:#fff;font:700 1.4rem/1 Manrope,sans-serif;cursor:pointer;-webkit-appearance:none;appearance:none;transition:transform .22s ease,border-color .22s ease,background .22s ease}.piano-tv-home-controls button:hover{transform:translateY(-1px);border-color:rgba(120,199,255,.45);background:rgba(120,199,255,.14)}#newPianoTvGrid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 56px)/5);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;cursor:grab;touch-action:pan-x;padding-bottom:4px;will-change:scroll-position}#newPianoTvGrid::-webkit-scrollbar{display:none}#newPianoTvGrid.is-dragging{cursor:grabbing;scroll-behavior:auto}#newPianoTvGrid .personalized-card{scroll-snap-align:start;transform:translateZ(0)}@media(max-width:900px){#newPianoTvGrid{display:grid;grid-auto-columns:min(82vw,330px);gap:12px;padding-right:14px;-webkit-overflow-scrolling:touch}.piano-tv-home-actions{width:100%;justify-content:space-between}.piano-tv-home-controls{display:none}}@media(prefers-reduced-motion:reduce){.piano-tv-home-controls button{transition:none}#newPianoTvGrid{scroll-behavior:auto}}
