.platform-nav{position:relative;z-index:3;width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px max(24px,calc((100% - 1120px)/2));border-bottom:1px solid #ffffff0d;color:#eeeef8}
.platform-brand{font:700 17px 'Space Mono',monospace;letter-spacing:3px;text-decoration:none;color:#eeeef8}
.platform-links,.platform-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.platform-links a,.platform-actions a{color:#c7c5df;text-decoration:none;font-size:13px;padding:10px 14px;border-radius:9px}
a.platform-primary,.platform-primary{background:#7c6fff;color:#fff!important;border:1px solid #978cff}
a.platform-premium{color:#d2c5ff;background:#a483ff16;border:1px solid #a483ff45}
#lobby{height:100dvh;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}
.lobby-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 420px;gap:70px;align-items:center;width:min(1120px,100%);padding:55px 24px;margin:auto}
.lobby-story{max-width:560px}.platform-kicker{font:11px 'Space Mono',monospace;letter-spacing:2px;color:#baacff;margin-bottom:18px}
.lobby-story h1{font-size:clamp(38px,5vw,64px);line-height:1.07;letter-spacing:-2.5px;font-weight:600;margin-bottom:24px}.lobby-story h1 em{font-style:normal;color:#b0a3ff}
.platform-copy{font-size:15px;line-height:1.8;color:#a7a5bf;max-width:480px}.room-steps{display:flex;gap:22px;margin:30px 0;font-size:12px;color:#c7c5df}.room-steps span b{display:block;color:#9988ff;font:12px 'Space Mono',monospace;margin-bottom:10px}
.premium-teaser{margin-top:34px;padding:22px;border:1px solid #9b83ff40;border-radius:16px;background:linear-gradient(120deg,#7c6fff16,#ff6b9d08)}.premium-teaser h2{font-size:18px;margin-bottom:9px}.premium-teaser p{font-size:13px;line-height:1.7;color:#aaa7c1}.premium-teaser a{display:inline-block;margin-top:16px;color:#c7baff;text-decoration:none;font-size:13px}
.lcard{width:100%;max-width:100%;padding:30px;border-radius:20px}.lcard .llogo{font-size:19px}.lcard .ltag{letter-spacing:1.7px;margin-bottom:24px;color:#aaa7c1}.fl,.fh,.tab-btn{color:#aaa7c1}.linput,.lbtn{border-radius:9px}.auth-bar{gap:10px;flex-wrap:wrap}.auth-links{flex-wrap:wrap}.auth-link,.gn-btn{font-size:11px}.auth-bar-left,.gn-text{color:#aaa7c1}.guest-nudge{border-radius:10px}.room-hint{font-size:12px;color:#aaa7c1;line-height:1.7;margin:14px 0 0}.tlogin-link{font-size:11px;color:#ddd5ff;padding:8px;border:1px solid #7c6fff55;border-radius:6px}.topbar #topbar-user{gap:6px}.room-account-link{font-size:11px;color:#c9bbff;text-decoration:none;padding:6px}
.platform-page{background:radial-gradient(ellipse at 30% 0,#7c6fff20,transparent 60%),#080812;color:#eeeef8;min-height:100vh;font-family:'Inter',sans-serif;margin:0}.platform-page *{box-sizing:border-box}.upgrade-wrap{max-width:1000px;margin:0 auto;padding:60px 24px}.upgrade-hero{text-align:center;max-width:660px;margin:0 auto 40px}.upgrade-hero h1{font-size:clamp(34px,5vw,54px);letter-spacing:-2px;margin:14px 0 20px}.upgrade-hero p{color:#b5b1c9;line-height:1.8}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.plan-card{border:1px solid #2a2941;border-radius:20px;padding:30px;background:#10101d}.plan-card.featured{border-color:#8e78eb;background:linear-gradient(145deg,#211936,#10101d)}.plan-card h2{font-size:26px;margin:0 0 10px}.plan-card p,.plan-card li{color:#bab6cd;font-size:14px;line-height:1.8}.plan-card ul{padding-left:20px;margin:24px 0}.plan-card .platform-actions{margin-top:24px}.upgrade-faq{margin-top:36px}.upgrade-faq details{padding:20px 0;border-bottom:1px solid #29263c}.upgrade-faq summary{cursor:pointer;font-size:15px}.upgrade-faq p{color:#aaa7c1;line-height:1.8;font-size:14px}.plan-status{font-size:12px;color:#c4b6ff;margin-top:20px;line-height:1.7}
.profile-page{--t3:#a09bb8;--t2:#bab5cf}.profile-page .wrap{padding-top:36px}.profile-page .panel,.profile-page .stat,.profile-page .empty{border-radius:14px}.profile-page .uhead{padding:24px;background:linear-gradient(120deg,#7c6fff20,transparent);border-radius:18px;border:1px solid #7c6fff30}.profile-page .uname{overflow-wrap:anywhere}.profile-page .usub{overflow-wrap:anywhere;line-height:1.6}.profile-page .tlink{color:#c2bbd6;font-size:11px}.profile-page .premium-teaser{margin:0 0 28px}.profile-page .platform-actions{margin:18px 0 28px}.profile-page .twocol>div{min-width:0}.profile-page .panel{overflow-x:auto}.profile-page .tbl{min-width:430px}.profile-page .twocol>div:first-child{overflow-x:auto}
.account-page{--text3:#aaa5c0}.account-page.card{border-radius:20px}.account-page .card{border-radius:20px}.account-page input,.account-page .btn{border-radius:9px}.account-page label{font-size:11px;letter-spacing:1px}.account-page .subtitle{margin-bottom:18px}.account-intro{color:#b5b0ca;font-size:14px;line-height:1.7;margin:0 0 24px}.account-page .footer,.account-page .guest-link{font-size:13px}.account-page .footer a{color:#baaaff}.account-page .account-premium{display:block;margin-top:22px;padding-top:18px;border-top:1px solid #2a2a4a;text-align:center;color:#c4b6ff;font-size:12px;text-decoration:none}
:where(.platform-nav,.platform-actions,.premium-teaser,.upgrade-wrap) a:focus-visible{outline:2px solid #c4b6ff;outline-offset:4px}
@media(max-width:800px){.lobby-layout{grid-template-columns:1fr;gap:26px;max-width:560px;padding-top:30px}.lobby-story h1{font-size:40px}.lobby-story .platform-copy{font-size:14px}.room-steps{margin:20px 0}.premium-teaser{margin-top:20px}.platform-nav{padding:16px;gap:8px}.platform-brand{font-size:14px}.platform-links{gap:4px}.platform-links a{padding:9px;font-size:12px}.plan-grid{grid-template-columns:1fr}.upgrade-wrap{padding-top:32px}.profile-page .topbar{flex-wrap:wrap}.profile-page .uname{font-size:17px}.profile-page .uhead{padding:18px}.profile-page .stats{grid-template-columns:repeat(2,1fr)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}
/* Consistent profile destinations, with account actions kept in the header. */
.profile-page .profile-nav{gap:8px;flex-wrap:wrap}
.profile-page .profile-nav a,.profile-page .profile-actions a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:12px 16px;border:1px solid #ffffff20;border-radius:10px;background:#ffffff05;color:#e3def4;font:500 13px/1.4 'Inter',sans-serif;letter-spacing:0;text-align:center;text-decoration:none;transition:background-color .15s,border-color .15s}
.profile-page .profile-nav a[href="/upgrade"]::before{content:none}
.profile-page .profile-nav a:hover,.profile-page .profile-actions a:hover{background:#7c6fff18;border-color:#9b88ff80}
.profile-page .profile-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:10px;margin:18px 0 28px}
.profile-page .profile-actions a{min-width:0;min-height:52px}
@media(max-width:700px){.profile-page .profile-nav{width:100%;margin-left:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.profile-page .profile-nav a{padding:10px 6px;font-size:12px}.profile-page .profile-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}}
.saved-room-shortcut{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:14px;margin-bottom:16px;border:1px solid #e8bf6940;border-radius:12px;background:#e8bf6908}
.saved-room-shortcut[hidden]{display:none}
.saved-room-shortcut>div{min-width:0}
.saved-room-shortcut span{display:block;margin-bottom:5px;color:#aaa6be;font:11px/1.4 'Inter',sans-serif}
.saved-room-shortcut strong{display:block;color:#eeeef8;font:500 14px/1.4 'Inter',sans-serif;overflow-wrap:anywhere}
.saved-room-shortcut button{flex-shrink:0;min-height:44px;padding:10px 12px;border:1px solid #e8bf69;border-radius:10px;background:#e8bf69;color:#241909;font:600 12px/1.4 'Inter',sans-serif;cursor:pointer}
.saved-room-shortcut button:disabled{opacity:.55;cursor:wait}
@media(max-width:380px){.saved-room-shortcut{align-items:stretch;flex-direction:column;gap:10px}.saved-room-shortcut button{width:100%}}
@media(prefers-reduced-motion:reduce){.profile-page .profile-nav a,.profile-page .profile-actions a{transition:none}}
@media(max-width:800px){.lobby-layout>.lcard{grid-row:1}.lobby-story{grid-row:2}.platform-nav{flex-shrink:0}}
.billing-plans{display:grid;gap:14px;margin-top:24px}.billing-plan{position:relative;padding:20px;border:1px solid #665386;border-radius:12px;background:#ffffff04}.billing-plan.annual{border-color:#b69cff;background:#a483ff10}.billing-plan strong{display:block;font-size:28px}.billing-plan strong span{font-size:14px;font-weight:400;color:#bcb3d1}.billing-plan p{font-size:12px;margin:8px 0 16px}.billing-saving{display:block;color:#d2baff;font:10px 'Space Mono',monospace;margin-bottom:12px;letter-spacing:1px}.billing-button{display:inline-block;border:1px solid #a28af5;border-radius:8px;padding:12px 16px;background:#8870ed;color:#fff;text-decoration:none;font:500 13px 'Inter',sans-serif;cursor:pointer}.billing-button.secondary{background:transparent;margin-top:16px}.billing-button:disabled{opacity:.45;cursor:not-allowed}.billing-button:focus-visible{outline:2px solid #d2baff;outline-offset:3px}#billing-status{color:#d2baff;font-size:13px;line-height:1.7;margin-top:18px}#billing-status:empty{display:none}
.recent-room{padding:16px;margin:18px 0;border:1px solid #8f7de766;border-radius:12px;background:#7c6fff12}.recent-room[hidden]{display:none}.recent-room strong{font-size:14px;color:#ddd5ff}.recent-room p{font-size:12px;line-height:1.6;color:#aaa5c3;margin:8px 0 14px}.recent-actions{display:flex;gap:10px;flex-wrap:wrap}.recent-actions button,#cancel-room-connect{border:1px solid #8872d9;border-radius:7px;background:#211934;color:#e2d9ff;padding:10px 12px;cursor:pointer;font:12px 'Inter',sans-serif}.recent-actions button+button{border-color:transparent;background:transparent;color:#aaa5c3}#cancel-room-connect{margin-top:8px}.lcard button:disabled{opacity:.55;cursor:wait}.lcard input[hidden]{display:none}.lcard [hidden]{display:none!important}#lobby-identity{margin-bottom:18px}#staged-playlist{padding:12px;border:1px solid #77639d;border-radius:10px}.lerr{line-height:1.6;min-height:0}.lerr:empty{margin:0}.recent-actions button:focus-visible,#cancel-room-connect:focus-visible{outline:2px solid #c4b6ff;outline-offset:3px}

/* Three membership choices, stacked on smaller screens. */
/* Keep cards in reading order; avoid a two-column layout with an orphan plan. */
.upgrade-wrap{max-width:1280px}
.upgrade-wrap .plan-grid{grid-template-columns:minmax(0,1fr);align-items:start}
.upgrade-wrap .plan-card{min-width:0;width:100%;overflow-wrap:break-word}
.upgrade-wrap .billing-plan{min-width:0}
.upgrade-wrap .billing-button{max-width:100%;white-space:normal;text-align:center}
@media(min-width:1100px){.upgrade-wrap .plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.upgrade-wrap .plan-card{padding:24px}}
@media(min-width:701px) and (max-width:1099px){.upgrade-wrap{max-width:760px}.upgrade-wrap .billing-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
.plan-card.plus{border-color:#44bfc2;background:linear-gradient(145deg,#102d32,#10101d)}.plus-price{font-size:30px}.plus-price span{font-size:14px;color:#bab6cd}