:root{color-scheme:dark;--bg: #0e0b1e;--bg2: #1a1030;--surface: #191233;--surface2: #221947;--primary: #ff2e97;--primary2: #b829f7;--secondary: #22d3ee;--accent: #ffd166;--text: #f4f1ff;--muted: #9b93c4;--grad: linear-gradient(120deg, #ff2e97 0%, #b829f7 45%, #22d3ee 100%);--radius: 18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}html{scrollbar-gutter:stable}body{margin:0;background:radial-gradient(1200px 600px at 20% -10%,#3a1163 0%,transparent 60%),radial-gradient(900px 500px at 100% 10%,#0d3b47 0%,transparent 55%),var(--bg);background-repeat:no-repeat;background-attachment:fixed;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100dvh}a{color:var(--secondary);text-decoration:none}.wrap{width:100%;max-width:860px;margin:0 auto;padding:max(env(safe-area-inset-top),20px) 20px max(env(safe-area-inset-bottom),20px)}.wrap-wide{width:100%;max-width:1080px;margin:0 auto;padding:0 20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px}.brand .dot{width:34px;height:34px;border-radius:50%;background:var(--grad) center / cover no-repeat;background-image:url(/icon-192.png);box-shadow:0 0 24px #ff2e9799}.brand .name{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero{text-align:center;padding:42px 0 10px}.hero .logo{width:108px;height:108px;border-radius:50%;margin:0 auto 20px;background:var(--grad);display:grid;place-items:center;font-size:52px;box-shadow:0 0 60px #b829f78c}.hero h1{font-size:clamp(38px,12vw,64px);margin:6px 0;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--muted);font-size:18px;margin:0 0 8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:16px 20px;border:none;border-radius:40px;font-size:17px;font-weight:700;color:#fff;cursor:pointer;background:var(--grad);box-shadow:0 10px 30px #ff2e9759;transition:transform .12s ease,filter .12s ease}.btn:active{transform:scale(.98)}.btn:disabled{filter:grayscale(.5) brightness(.7);cursor:default}.btn.ghost{background:transparent;border:2px solid rgba(34,211,238,.6);color:var(--secondary);box-shadow:none}.btn.sm{width:auto;padding:10px 16px;font-size:14px}.stack{display:flex;flex-direction:column;gap:14px}.card{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:18px}.field{width:100%;padding:15px 16px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:var(--surface2);color:var(--text);font-size:16px;outline:none}.field:focus{border-color:var(--primary)}.code-field{text-align:center;letter-spacing:10px;font-size:26px;font-weight:800;text-transform:uppercase}.join-code-inline{letter-spacing:4px;font-weight:800;color:var(--text)}.join-choice{gap:6px;margin-top:8px}.join-choice .btn+.join-choice-note{margin:0 0 16px}.join-choice-note{font-size:13px;line-height:1.45}.label{font-size:12px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;font-weight:700}.muted{color:var(--muted)}.center{text-align:center}.row{display:flex;align-items:center;gap:12px}.spacer{flex:1}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.iconbtn{background:var(--surface2);border:1px solid rgba(255,255,255,.1);color:var(--text);width:42px;height:42px;border-radius:12px;font-size:18px;cursor:pointer}.codebadge{display:inline-flex;align-items:baseline;gap:8px;background:var(--surface2);border-radius:12px;padding:8px 14px}.codebadge b{font-size:22px;letter-spacing:4px;color:var(--secondary)}.nowcard{background:var(--grad);border-radius:var(--radius);padding:18px;box-shadow:0 12px 40px #b829f766}.nowcard .np-label{color:#ffffffd9;font-size:11px;letter-spacing:2px;font-weight:800}.nowcard .np-title{font-size:19px;font-weight:800;margin:6px 0 2px}.player-frame{position:relative;width:100%;background:#000;border-radius:14px;overflow:hidden;display:flex;align-items:stretch}.pf-main{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.pf-video{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;flex:none}.pf-video iframe,.pf-video>div{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important}.controls{display:flex;align-items:center;gap:8px;margin-top:12px;flex-wrap:wrap}.ctrl{background:var(--surface2);border:1px solid rgba(255,255,255,.1);color:var(--text);border-radius:12px;padding:11px 14px;font-size:15px;font-weight:600;cursor:pointer}.ctrl.primary{background:var(--grad);border:none}.attribution{font-size:12px;color:var(--muted);margin-top:8px}.qitem{display:flex;align-items:center;gap:8px 12px;padding:12px;border-radius:14px;background:var(--surface);border:1px solid rgba(255,255,255,.05)}.qitem .idx{width:26px;height:26px;border-radius:8px;background:var(--surface2);display:grid;place-items:center;font-size:13px;font-weight:700;color:var(--secondary);flex:none}.qitem .thumb{width:124px;height:70px;border-radius:8px;object-fit:cover;flex:none;background:#000}.qitem .meta{min-width:0;flex:1}.qitem .t{font-weight:700;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qitem .s{color:var(--muted);font-size:13px}.seg-tab{flex:1;border:0;cursor:pointer;padding:9px 0;border-radius:10px;font-weight:700;font-size:13px;color:#ffffff8c;background:none;outline:none}.seg-tab.active{color:#fff;background:var(--primary, #ff2e93)}.seg-tab:focus-visible{outline:2px solid var(--secondary, #4be1ec);outline-offset:2px}.add-song-modal{position:fixed;top:0;right:0;height:100dvh;width:min(480px,100vw);max-width:none;margin:0;border-radius:20px 0 0 20px;border-right:none;display:flex;flex-direction:column;padding-bottom:max(16px,env(safe-area-inset-bottom));animation:drawer-in .22s ease}@keyframes drawer-in{0%{transform:translate(32px);opacity:0}}@media (prefers-reduced-motion: reduce){.add-song-modal{animation:none}}@media (max-width: 520px){.add-song-modal{border-radius:0}}.add-song-modal>div:last-child{flex:1;min-height:0;display:flex;flex-direction:column}.add-song-modal .search-results{flex:1;min-height:0;max-height:none}.search-results{max-height:min(46vh,420px);overflow-y:auto;overscroll-behavior:contain;padding-right:2px;mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 28px),transparent);padding-bottom:28px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.22) transparent}.search-results::-webkit-scrollbar{width:8px}.search-results::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:4px}.search-results::-webkit-scrollbar-track{background:transparent}.result{position:relative}.result .add{border:none;border-radius:12px;width:40px;height:40px;font-size:20px;cursor:pointer;background:var(--grad);color:#fff;flex:none}.result.added .add{background:#1f9e5a}.result.added:after{content:"ADDED";position:absolute;top:-6px;left:8px;background:#1f9e5a;color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;padding:2px 6px;border-radius:6px}.section-title{display:flex;align-items:center;margin:22px 0 12px}.section-title h2{font-size:18px;margin:0}.qr-box{background:#fff;padding:14px;border-radius:16px;display:inline-block}.footer{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);color:var(--muted);font-size:14px;display:flex;gap:18px;flex-wrap:wrap;justify-content:center}.toast{--tc: var(--secondary);position:fixed;left:50%;top:calc(env(safe-area-inset-top) + 12px);transform:translate(-50%);width:min(460px,calc(100vw - 24px));display:flex;align-items:stretch;background:#191233f7;border:1px solid color-mix(in srgb,var(--tc) 35%,transparent);border-left:4px solid var(--tc);border-radius:18px;box-shadow:0 0 18px color-mix(in srgb,var(--tc) 22%,transparent),-4px 0 10px -4px var(--tc),0 10px 30px #00000080;z-index:50;overflow:hidden;animation:toast-in .26s cubic-bezier(.22,1,.36,1)}.toast-success{--tc: #22d39b}.toast-error{--tc: #ff4d6d}.toast-warning{--tc: #ffc542}.toast-info{--tc: var(--secondary)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-14px)}}.toast-mascot{width:68px;height:68px;align-self:flex-end;margin:4px 8px 0 6px;flex:none}.toast-text{flex:1;min-width:0;padding:12px 0;display:flex;flex-direction:column;justify-content:center}.toast-title{font-weight:800;font-size:16px;color:#fff}.toast-sub{font-size:13.5px;color:#b9a8f0;line-height:1.3}.toast-msg{font-size:14.5px;font-weight:700;color:#fff;line-height:1.3}.toast-x{flex:none;align-self:center;background:none;border:0;color:#b9a8f0;font-size:24px;line-height:1;padding:8px 14px;cursor:pointer}.legal h1{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.legal h2{margin-top:28px;font-size:20px}.legal p,.legal li{color:#d9d4f2;line-height:1.6}.spin{width:34px;height:34px;border:3px solid rgba(255,255,255,.2);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:24px auto}.mloader{display:flex;flex-direction:column;align-items:center;gap:14px;margin:34px auto;color:var(--muted);font-size:13px;font-weight:600}.mloader .bars{display:flex;align-items:flex-end;gap:4px;height:36px}.mloader .bars i{width:5px;border-radius:3px;background:linear-gradient(var(--primary),var(--secondary));animation:leq 1s ease-in-out infinite}.mloader .bars i:nth-child(2){animation-delay:.14s}.mloader .bars i:nth-child(3){animation-delay:.28s}.mloader .bars i:nth-child(4){animation-delay:.42s}.mloader .bars i:nth-child(5){animation-delay:.56s}@keyframes leq{0%,to{height:9px}50%{height:36px}}@keyframes spin{to{transform:rotate(360deg)}}.hero-anim{position:relative;width:200px;height:190px;margin:0 auto 8px}.hero-anim .logo{position:relative;z-index:2;margin-top:18px}.logo.pulse{animation:logoPulse 2.4s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1);box-shadow:0 0 40px #b829f780}50%{transform:scale(1.06);box-shadow:0 0 80px #ff2e97bf}}.hero-anim .note{position:absolute;font-size:26px;color:var(--secondary);opacity:0;z-index:1;animation:floatNote 4s ease-in-out infinite;text-shadow:0 0 12px currentColor}.hero-anim .n1{left:6%;color:var(--primary);animation-delay:0s}.hero-anim .n2{right:8%;color:var(--secondary);animation-delay:1s}.hero-anim .n3{left:18%;color:var(--accent);animation-delay:2s}.hero-anim .n4{right:20%;color:var(--primary2);animation-delay:3s}@keyframes floatNote{0%{transform:translateY(60px) rotate(-10deg);opacity:0}25%{opacity:1}70%{opacity:.9}to{transform:translateY(-70px) rotate(12deg);opacity:0}}.hero-anim .eq{position:absolute;bottom:0;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:5px;height:34px}.hero-anim .eq span{width:6px;height:100%;border-radius:4px;background:var(--grad);transform-origin:bottom;animation:eqBar 1s ease-in-out infinite}@keyframes eqBar{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion: reduce){.logo.pulse,.hero-anim .note,.hero-anim .eq span{animation:none}.hero-anim .note{opacity:.6}}.nav{position:sticky;top:0;z-index:20;background:#0e0b1eb3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.nav-inner{max-width:1080px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:16px}.nav .brand{font-size:20px}.nav-links{display:flex;gap:22px;margin-left:auto}.nav-links a{color:var(--muted);font-weight:600;font-size:15px}.nav-links a:hover{color:var(--text)}.nav .btn.sm{margin-left:8px}@media (max-width: 720px){.nav-links{display:none}.nav .btn.sm{margin-left:auto}}.wrap.hero{max-width:1080px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:24px;padding:40px 0 24px}@media (max-width: 820px){.hero-grid{grid-template-columns:1fr;text-align:center;padding:24px 0}.hero-copy .hero-cta{justify-content:center}.hero-anim{order:-1}}.pill{display:inline-block;padding:7px 14px;border-radius:30px;background:var(--surface2);border:1px solid rgba(255,255,255,.1);font-size:13px;font-weight:600;color:var(--secondary);margin-bottom:16px}.hero-copy h1{font-size:clamp(36px,6vw,58px);line-height:1.05;margin:0 0 14px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.lede{font-size:18px;color:#d9d4f2;max-width:520px;margin:0 0 22px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-cta .btn{width:auto;min-width:190px}.trust{margin-top:14px;font-size:14px}.app-soon{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:8px 14px;border-radius:30px;background:var(--surface2);border:1px solid rgba(255,255,255,.1);color:var(--muted);font-size:13px;text-decoration:none;cursor:pointer;transition:border-color .15s,transform .15s}.app-soon:hover{border-color:var(--secondary);transform:translateY(-1px)}.app-soon svg{color:var(--secondary)}.app-soon b{color:var(--text)}.section-head{text-align:center;margin:46px 0 26px}.section-head h2{font-size:clamp(26px,5vw,36px);margin:0 0 8px}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.feature{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:22px;transition:transform .15s ease,border-color .15s ease}.feature:hover{transform:translateY(-3px);border-color:#ff2e9766}.feature-ico{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#ff2e9738,#22d3ee38);border:1px solid rgba(255,255,255,.08);color:#fff;display:grid;place-items:center;margin-bottom:14px;transition:transform .15s ease,box-shadow .15s ease}.feature:hover .feature-ico{box-shadow:0 8px 24px #b829f759;transform:translateY(-1px)}.feature h3{font-size:17px;margin:0 0 6px}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.step{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);padding:24px;text-align:center}.step-n{width:46px;height:46px;margin:0 auto 12px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-weight:800;font-size:20px}.cta-band{text-align:center;background:var(--grad);border-radius:24px;padding:40px 24px;margin:46px 0;box-shadow:0 20px 60px #b829f759}.cta-band h2{font-size:clamp(26px,5vw,38px);margin:0 0 6px}.cta-band p{margin:0 0 20px;color:#ffffffe6}.cta-band .btn.ghost{border-color:#fffc;color:#fff}.site-footer{border-top:1px solid rgba(255,255,255,.08);padding:26px 0 40px}.footer-inner{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.footer-links{display:flex;gap:20px;margin-left:auto;flex-wrap:wrap}.footer-links a{color:var(--muted);font-weight:600;font-size:14px}.yt-note{margin-top:16px;font-size:12px;color:var(--muted);text-align:center}.player-frame.fs{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;z-index:100;border-radius:0}.player-frame.fs .pf-video{aspect-ratio:auto;flex:1;min-height:0}.upnext-chip{background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:8px 12px;max-width:70%;display:flex;flex-direction:column;gap:2px}.upnext-chip .label{font-size:10px;letter-spacing:2px;color:var(--secondary)}.upnext-chip .un-t{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upnext-chip .un-s{font-size:12px;color:var(--muted)}.ov-now,.ov-now-top{background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:8px 12px;min-width:0;max-width:55%}.ov-qrbadge{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:14px;border:0;background:#ffffff1a;cursor:pointer;flex:none}.ov-qrbadge .qb-qr{background:#fff;padding:4px;border-radius:8px;line-height:0;display:block}.ov-qrbadge .qb-text{text-align:center;font-size:11px;font-weight:800;color:#fff;line-height:1.2;text-shadow:0 1px 3px rgba(0,0,0,.85)}.ov-qrbadge .qb-text small{display:block;font-weight:500;color:#cfc8ec;font-size:9px;letter-spacing:.5px;margin-top:1px}.ov-qrbadge .qb-code{color:var(--secondary);font-weight:800;letter-spacing:1px}.ov-title{display:block;color:inherit;text-decoration:none;font-weight:800;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ov-singer{font-size:12px;color:#ffffffd9}.ov-controls{display:flex;align-items:center;gap:8px}.ov-btn{background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#fff;width:42px;height:42px;border-radius:50%;font-size:16px;display:grid;place-items:center;cursor:pointer;transition:transform .1s ease,background .15s ease}.ov-btn:active{transform:scale(.92)}.ov-btn.big{width:54px;height:54px;font-size:20px;background:var(--grad);border:none}.ov-attribution{position:absolute;bottom:10px;left:14px;font-size:11px;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.8);pointer-events:none}.ov-top-btns{display:flex;gap:8px}.search-overlay{flex:none;width:min(420px,45%);background:#0e0b1ef5;border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;animation:slideIn .22s ease}.qr-side-body{text-align:center}@media (max-width: 760px){.player-frame.has-panel .pf-main{display:none}.player-frame.has-panel .search-overlay{width:100%;border-left:0}}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.search-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.08)}.search-body{flex:1;overflow-y:auto;padding:14px 16px calc(env(safe-area-inset-bottom) + 16px);-webkit-overflow-scrolling:touch}.qr-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}.qr-modal{background:#1a1530;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:24px;text-align:center;max-width:320px;width:100%;box-shadow:0 10px 40px #0009}.qr-modal .qr-box{background:#fff;border-radius:14px;padding:10px;display:inline-block;line-height:0}.code-big{font-size:26px;font-weight:800;letter-spacing:6px;background:linear-gradient(90deg,#ff2e93,#00e5ff);-webkit-background-clip:text;background-clip:text;color:transparent;margin:6px 0 16px}.qr-actions{display:flex;gap:10px;justify-content:center}.btn.google{background:#fff;color:#1f1f1f;box-shadow:0 8px 24px #0000004d}.btn.google .g{font-weight:900;color:#4285f4;font-size:18px}.app-promo{display:flex;align-items:center;gap:18px;background:linear-gradient(135deg,#ff2e971f,#22d3ee1f);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:22px;margin:30px 0}.app-promo img{width:64px;height:64px;border-radius:16px;flex:none}.app-promo h3{margin:0 0 4px;font-size:18px}.app-promo p{margin:0;color:var(--muted);font-size:14px}.app-promo .soon-tag{margin-left:auto;flex:none;align-self:flex-start;font-size:12px;font-weight:700;color:var(--secondary);text-decoration:none;cursor:pointer;transition:background .15s;border:1px solid rgba(34,211,238,.5);border-radius:20px;padding:5px 12px;white-space:nowrap}@media (max-width: 560px){.app-promo{flex-wrap:wrap}.app-promo .soon-tag{margin-left:0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#080612d1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.modal-box{width:100%;max-width:400px;background:var(--surface);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;text-align:left}.upgrade-prompt{text-align:center}.upgrade-prompt .up-mascot{width:88px;height:88px;display:block;margin:-8px auto 4px}.upgrade-prompt h3{margin:4px 0 8px}.upgrade-prompt p{margin:0 0 16px;color:#d9d4f2;line-height:1.45}.upgrade-prompt .up-app{display:flex;align-items:center;gap:12px;text-align:left;margin:0 0 16px;padding:12px 14px;border-radius:14px;background:#22d3ee14;border:1px solid rgba(34,211,238,.35);color:#fff;text-decoration:none;font-size:22px}.upgrade-prompt .up-app:hover{background:#22d3ee24}.upgrade-prompt .up-app b{display:block;font-size:15px}.upgrade-prompt .up-app small{display:block;font-size:13px;color:var(--muted)}.upgrade-prompt .up-actions{display:flex;gap:10px}.upgrade-prompt .up-actions .btn{flex:1;width:auto;min-width:0;padding:14px 12px;font-size:16px}.a2hs{position:fixed;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom) + 12px);z-index:120;display:flex;align-items:center;gap:12px;background:var(--surface2);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:12px 14px;box-shadow:0 12px 40px #00000080;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.a2hs-icon{width:44px;height:44px;border-radius:12px;flex:none}.a2hs-text{display:flex;flex-direction:column;gap:2px;font-size:13px;line-height:1.35}.a2hs-text b{font-size:14px}.a2hs-text span{color:var(--muted)}.a2hs-share{color:var(--secondary);vertical-align:-2px}.a2hs-x{margin-left:auto;background:none;border:none;color:var(--muted);font-size:16px;cursor:pointer;align-self:flex-start}.who-head{font-size:14px;font-weight:700;margin-bottom:10px}.who-chips{display:flex;flex-wrap:wrap;gap:8px}.who-chips .chip{padding:6px 12px;border-radius:20px;background:var(--surface2);border:1px solid rgba(255,255,255,.14);font-size:13px}.who-chips .chip.host{border-color:var(--secondary)}.onboard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#080612db;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.onboard-card{position:relative;width:100%;max-width:420px;background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:34px 26px 26px;text-align:center}.onboard-skip{position:absolute;top:14px;right:16px;background:none;border:none;color:var(--muted);font-weight:700;cursor:pointer}.onboard-emoji{width:130px;height:130px;margin:6px auto 22px;border-radius:50%;background:var(--grad);display:grid;place-items:center;font-size:62px;box-shadow:0 0 50px #b829f780}.onboard-title{font-size:24px;margin:0 0 10px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.onboard-body{color:var(--muted);font-size:15px;line-height:1.55;margin:0 0 22px}.onboard-dots{display:flex;justify-content:center;gap:8px;margin-bottom:22px}.onboard-dots .dot{width:8px;height:8px;border-radius:4px;background:#ff2e974d;transition:width .2s ease}.onboard-dots .dot.on{width:24px;background:var(--primary)}.scanner{border-radius:14px;overflow:hidden;aspect-ratio:1;max-width:340px;margin:0 auto;background:#000}.scanner svg,.scanner video{width:100%!important;height:100%!important;object-fit:cover}.wordmark{margin:0;font-size:clamp(44px,7vw,64px);font-weight:800;letter-spacing:-1px;line-height:1.05;background:linear-gradient(90deg,var(--primary),var(--primary2),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.wordmark-sub{color:var(--primary);font-weight:700;font-size:14px;letter-spacing:5px;margin:2px 0 18px}.type-lede{min-height:4.2em;white-space:pre-line;margin-left:auto;margin-right:auto}.type-pink{color:var(--primary);font-weight:700}.type-cursor{color:var(--secondary);animation:cursorBlink .9s steps(1) infinite}@keyframes cursorBlink{50%{opacity:0}}.actions{flex-direction:column;align-items:stretch;max-width:440px;margin-left:auto;margin-right:auto}@media (min-width: 821px){.hero-copy{text-align:left}.hero-copy .hero-cta.actions,.hero-copy .type-lede{margin-left:0}}.action-card{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:18px;border:0;cursor:pointer;text-align:left;font:inherit;color:#fff;transition:transform .15s ease,box-shadow .15s ease}.action-card:hover{transform:translateY(-2px)}.action-card.host{background:linear-gradient(90deg,#ff2e93,#7a2eff,#2e9bff);box-shadow:0 10px 28px #ff2e9359}.action-card.join{background:#1a153099;border:1px solid rgba(34,211,238,.6)}.action-card.join b{color:var(--secondary)}.action-card .ac-ico{font-size:26px}.action-card .ac-text{display:flex;flex-direction:column;flex:1}.action-card .ac-text b{font-size:17px;font-weight:800}.action-card .ac-text small{opacity:.75;font-size:13px;margin-top:2px}.action-card .ac-arrow{font-size:26px;opacity:.8}.hero-anim.mascot-stage{position:relative;width:auto;height:auto;max-width:420px;margin:0 auto}.mascot-img{width:min(380px,70vw);display:block;filter:drop-shadow(0 18px 40px rgba(122,46,255,.45));animation:mascotBob 5s ease-in-out infinite}@keyframes mascotBob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float-asset{position:absolute;pointer-events:none;animation:floatDrift 6s ease-in-out infinite}.float-asset.n1{width:30px;top:-6%;left:4%}.float-asset.n2{width:24px;top:10%;right:-2%;animation-delay:1.2s}.float-asset.n3{width:28px;bottom:30%;right:-8%;animation-delay:2.4s}.float-asset.s1{width:22px;bottom:12%;left:-6%;animation-delay:.8s}.float-asset.s2{width:16px;top:34%;left:-10%;animation-delay:1.8s}@keyframes floatDrift{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-14px) rotate(8deg)}}.rx-bar{display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(max(52px,calc((100% - 56px)/8)),1fr))}.rx-btn{min-width:0;font-size:24px;padding:4px 0;cursor:pointer;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:999px;transition:transform .12s ease,background .12s}.rx-btn:hover{background:#ffffff1f}.rx-btn.pop{animation:rxPop .35s ease}@keyframes rxPop{40%{transform:scale(1.35)}}.rx-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:30;container-type:size}.rx-layer .rxp{position:absolute;will-change:transform,opacity}.rx-layer .rx-rise{animation:rxRise var(--d, 3s) ease-out forwards}@keyframes rxRise{0%{transform:translate(0) scale(var(--s, 1)) rotate(0);opacity:0}10%{opacity:1}to{transform:translate(var(--x, 0),-92cqh) scale(var(--s, 1)) rotate(var(--r, 0deg));opacity:0}}.rx-layer .rx-fall{animation:rxFall var(--d, 2.5s) ease-in forwards}@keyframes rxFall{0%{transform:translateY(-6cqh) rotate(0);opacity:1}to{transform:translate(var(--x, 0),108cqh) rotate(var(--r, 720deg));opacity:0}}.rx-layer .rx-burst{animation:rxBurst var(--d, 1.2s) cubic-bezier(.1,.8,.3,1) forwards}@keyframes rxBurst{0%{transform:translate(0) scale(.2);opacity:1}to{transform:translate(var(--x, 0),var(--y, -100px)) scale(var(--s, 1));opacity:0}}.rx-layer .rx-ring{left:50%;top:50%;width:12px;height:12px;margin:-6px;border:3px solid rgba(255,255,255,.9);border-radius:50%;animation:rxRing .9s ease-out forwards}@keyframes rxRing{to{transform:scale(70);opacity:0;border-width:1px}}.rx-layer .rx-stamp{left:50%;top:42%;font-size:clamp(40px,8vw,72px);font-weight:900;color:#fff;text-shadow:0 6px 40px rgba(0,0,0,.7);white-space:nowrap;animation:rxStamp 1.7s ease forwards}@keyframes rxStamp{0%{transform:translate(-50%,-50%) scale(3);opacity:0}15%{transform:translate(-50%,-50%) scale(1);opacity:1}80%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(.9);opacity:0}}.rx-layer .rx-flash{top:0;right:0;bottom:0;left:0;animation:rxFlash 1s ease forwards}@keyframes rxFlash{0%{opacity:0}20%{opacity:.4}to{opacity:0}}.rx-layer.rx-shake{animation:rxShake .45s linear 2}@keyframes rxShake{0%,to{transform:translate(0)}20%{transform:translate(-9px,5px)}40%{transform:translate(9px,-5px)}60%{transform:translate(-7px,-3px)}80%{transform:translate(7px,3px)}}.rx-layer .rx-name{top:64px;left:50%;transform:translate(-50%);background:linear-gradient(90deg,#ff2e93d9,#7a2effd9);color:#fff;font-weight:800;font-size:18px;padding:10px 22px;border-radius:26px;border:1px solid rgba(255,255,255,.35);box-shadow:0 6px 24px #00000073;animation:rxName 3.6s ease forwards;white-space:nowrap}@keyframes rxName{0%{opacity:0;transform:translate(-50%) translateY(-14px) scale(.8)}10%{opacity:1;transform:translate(-50%) translateY(0) scale(1)}85%{opacity:1}to{opacity:0;transform:translate(-50%) translateY(-8px)}}.rx-layer .mx-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;overflow:hidden}.rx-layer .mx-fx{z-index:5}.rx-layer img.rxp{height:6cqh;width:auto}.rx-layer .mx-vig{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 75% at 20% 72%,#08041800 30%,#080418bd);animation:mxFade 5.4s ease forwards}@keyframes mxFade{0%{opacity:0}9%{opacity:1}86%{opacity:1}to{opacity:0}}.rx-layer .mx-beam{position:absolute;top:-6cqh;width:30cqw;height:125cqh;transform-origin:50% 0;opacity:0;clip-path:polygon(46% 0,54% 0,100% 100%,0 100%)}.rx-layer .mx-beam.a{left:-15cqw;background:linear-gradient(to bottom,#ff2e938c,#ff2e9300 88%);animation:mxBeamA 5.4s ease-in-out forwards}.rx-layer .mx-beam.b{left:30cqw;background:linear-gradient(to bottom,#00e5ff80,#00e5ff00 88%);animation:mxBeamB 5.4s ease-in-out forwards}@keyframes mxBeamA{0%{opacity:0;transform:rotate(30deg)}12%{opacity:1}30%{transform:rotate(-24deg)}48%{transform:rotate(-14deg)}66%{transform:rotate(-22deg)}86%{opacity:1;transform:rotate(-17deg)}to{opacity:0;transform:rotate(-17deg)}}@keyframes mxBeamB{0%{opacity:0;transform:rotate(-34deg)}12%{opacity:1}30%{transform:rotate(30deg)}48%{transform:rotate(20deg)}66%{transform:rotate(28deg)}86%{opacity:1;transform:rotate(24deg)}to{opacity:0;transform:rotate(24deg)}}.rx-layer .mx-hero{position:absolute;left:6cqw;bottom:-1cqh;height:56cqh;width:38cqh;animation:mxEnter .8s cubic-bezier(.2,1.45,.45,1) both,mxExit .6s cubic-bezier(.55,0,.9,.4) 4.75s forwards}@keyframes mxEnter{0%{transform:translateY(85cqh) rotate(-10deg)}to{transform:translateY(0) rotate(0)}}@keyframes mxExit{to{transform:translateY(85cqh) rotate(8deg)}}.rx-layer .mx-glow{position:absolute;left:50%;bottom:6%;width:62cqh;height:62cqh;border-radius:50%;transform:translate(-50%);background:radial-gradient(circle,#ff2e9399,#7a2eff47 42%,#00e5ff00 68%);animation:mxGlow .6s ease-in-out infinite alternate}@keyframes mxGlow{0%{opacity:.65;transform:translate(-50%) scale(.94)}to{opacity:1;transform:translate(-50%) scale(1.06)}}.rx-layer .mx-shadow{position:absolute;left:50%;bottom:0;width:80%;height:5cqh;transform:translate(-50%);background:radial-gradient(ellipse,#000000a6,#0000 70%)}.rx-layer .mx-body,.rx-layer .mx-move{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 100%}.rx-layer .mx-body{transition:transform .35s cubic-bezier(.3,1.4,.5,1)}.rx-layer .mx-body.lean{transform:rotate(5deg)}.rx-layer .mx-move.pop{animation:mxPop .38s ease}@keyframes mxPop{0%{transform:scale(1)}30%{transform:scale(1.1,.9)}60%{transform:scale(.95,1.06)}to{transform:scale(1)}}.rx-layer .mx-move.jump{animation:mxJump .55s cubic-bezier(.3,0,.4,1) 2}@keyframes mxJump{0%,to{transform:translateY(0) scale(1.06,.94)}15%{transform:translateY(0) scale(.95,1.07)}50%{transform:translateY(-10cqh) scale(1)}}.rx-layer .mx-move.bob{animation:mxBob .32s ease-in-out infinite alternate}@keyframes mxBob{0%{transform:rotate(-5deg) translateY(0)}to{transform:rotate(5deg) translateY(-1.5cqh)}}.rx-layer .mx-pose{position:absolute;bottom:0;left:50%;height:100%;width:auto;transform:translate(-50%);opacity:0;transition:opacity .12s linear;filter:drop-shadow(0 0 2.2cqh rgba(255,46,147,.55))}.rx-layer .mx-pose.on{opacity:1}.rx-layer .mx-bubble{position:absolute;left:100%;top:-9%;min-width:34cqh;max-width:56cqw;background:#fff;color:#2a1650;border-radius:3cqh;padding:1.6cqh 2.6cqh 1.8cqh;box-shadow:0 1.2cqh 4cqh #00000073,0 0 0 .5cqh #ff2e93e6;transform-origin:0 100%;transform:scale(0) rotate(-8deg);opacity:0;transition:transform .4s cubic-bezier(.2,1.6,.4,1),opacity .2s}.rx-layer .mx-bubble.on{transform:scale(1) rotate(-3deg);opacity:1}.rx-layer .mx-bubble.out{transform:scale(.6) rotate(4deg);opacity:0;transition-duration:.25s}.rx-layer .mx-bubble:after{content:"";position:absolute;left:-1.6cqh;bottom:2.2cqh;border-style:solid;border-width:1.4cqh 2.4cqh 1.4cqh 0;border-color:transparent #fff transparent transparent}.rx-layer .mx-who{font-size:2.3cqh;font-weight:800;color:#7a2eff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rx-layer .mx-who.pro{color:#c77800}.rx-layer .mx-say{font-size:5cqh;line-height:1.05;font-weight:900;letter-spacing:-.02em;white-space:nowrap;background:linear-gradient(90deg,#ff2e93,#7a2eff);-webkit-background-clip:text;background-clip:text;color:transparent}.rx-layer .mx-say.swap{animation:mxSay .35s cubic-bezier(.2,1.6,.4,1)}@keyframes mxSay{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.rx-layer .mx-ping{position:absolute;width:2cqh;height:2cqh;margin:-1cqh;border-radius:50%;border:.5cqh solid rgba(255,197,66,.95);animation:mxPing .8s ease-out forwards}@keyframes mxPing{to{transform:scale(28);opacity:0;border-width:.1cqh}}.rx-layer .mx-stage.mini{z-index:4}.rx-layer .mx-hero.mini{left:12cqw;height:40cqh;width:27cqh;animation:mxEnter .55s cubic-bezier(.2,1.45,.45,1) both,mxExit .45s cubic-bezier(.55,0,.9,.4) var(--exit, 2.1s) forwards}.rx-layer .mx-hero.mini .mx-glow{width:44cqh;height:44cqh}.rx-layer .mx-hero.mini .mx-bubble{min-width:0;width:max-content;max-width:46cqw;padding:1.1cqh 2cqh 1.3cqh;border-radius:2.4cqh;top:-6%}.rx-layer .mx-hero.mini .mx-who{font-size:2.1cqh}.rx-layer .mx-hero.mini .mx-say{font-size:4cqh}.rx-layer .mx-say.emo{background:none;color:#000;-webkit-text-fill-color:initial}.rx-layer .mx-say.msg{white-space:normal;max-width:44cqw;font-size:3.4cqh!important;line-height:1.15;overflow-wrap:anywhere}.rx-layer .mx-move.hop{animation:mxHop .38s cubic-bezier(.3,0,.4,1) infinite}@keyframes mxHop{0%,to{transform:translateY(0) scale(1.05,.95)}50%{transform:translateY(-4cqh) scale(.97,1.03)}}.rx-layer .mx-move.shake{animation:mxShake .12s linear infinite}@keyframes mxShake{0%,to{transform:translate(0)}25%{transform:translate(-1cqh) rotate(-2deg)}75%{transform:translate(1cqh) rotate(2deg)}}.rx-layer .mx-move.rock{animation:mxBob .22s ease-in-out infinite alternate}.rx-layer .mx-move.dance{animation:mxBob .3s ease-in-out infinite alternate}.rx-layer .mx-move.sway{animation:mxSway .9s ease-in-out infinite alternate}@keyframes mxSway{0%{transform:rotate(-6deg)}to{transform:rotate(6deg)}}.rx-layer .mx-move.pop2{animation:mxPop2 .5s cubic-bezier(.2,1.6,.4,1) both}@keyframes mxPop2{0%{transform:scale(.8)}40%{transform:translateY(-3cqh) scale(1.25,1.15)}to{transform:scale(1.1)}}.rx-layer .mx-move.nod{animation:mxNod .4s ease-in-out infinite alternate}@keyframes mxNod{0%{transform:rotate(0)}to{transform:translateY(.8cqh) rotate(6deg)}}.rx-layer .mx-move.bow{animation:mxBow 1.6s ease-in-out both}@keyframes mxBow{0%{transform:rotate(0)}35%,70%{transform:rotate(16deg)}to{transform:rotate(0)}}.rx-layer .mx-sprite{position:absolute;bottom:0;left:50%;height:100%;transform:translate(-50%);background-repeat:no-repeat;background-position:0 0;opacity:0;filter:drop-shadow(0 0 2.2cqh rgba(255,46,147,.5))}.rx-layer .mx-sprite.on{opacity:1}.rx-layer .mx-move.gloom .mx-pose{filter:grayscale(.7) drop-shadow(0 0 2.2cqh rgba(80,0,120,.6))}.rx-btn .rx-mascot{width:44px;height:44px;object-fit:contain;display:block;margin:0 auto}.rx-btn:has(.rx-mascot){background:none;border:none;padding:2px 0}.rx-btn.pro:has(.rx-mascot){border:none}.rx-btn.pro .rx-mascot{border-radius:50%;animation:rxBreathe 2.6s ease-in-out infinite;animation-delay:var(--rx-delay, 0s)}@keyframes rxBreathe{0%,to{box-shadow:0 0 3px color-mix(in srgb,var(--rx-glow, #ffc542) 12%,transparent)}50%{box-shadow:0 0 9px 1px color-mix(in srgb,var(--rx-glow, #ffc542) 45%,transparent)}}@media (prefers-reduced-motion: reduce){.rx-btn.pro .rx-mascot{animation:none}}.party-lists{max-width:440px;margin:18px auto 0;text-align:left}@media (min-width: 821px){.hero-copy .party-lists{margin-left:0}}.pl-label{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:2px;margin:14px 0 8px 2px;display:flex;align-items:center;gap:8px}.pl-count{background:var(--surface2);border:1px solid rgba(255,255,255,.1);color:var(--text);border-radius:7px;padding:0 7px;font-size:12px}.party-card{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:10px 12px;margin-bottom:10px}.pc-avatar{width:42px;height:42px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:20px;background:var(--grad);box-shadow:0 0 14px #ff2e9759}.pc-info{display:flex;flex-direction:column;flex:1;min-width:0}.pc-info b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pc-live{color:#4ade80;font-size:11px;font-weight:700;margin-left:8px;animation:cursorBlink 1.4s steps(1) infinite}.pc-code{color:var(--secondary);font-size:12px;font-weight:700;letter-spacing:2px;background:#22d3ee1f;border-radius:7px;padding:1px 7px;width:fit-content;margin-top:3px}.pc-x{background:none;border:0;color:var(--muted);font-size:15px;cursor:pointer;padding:6px}.pc-x:hover{color:var(--text)}.pc-open{border:0;cursor:pointer;color:#fff;font-weight:700;font-size:13px;padding:8px 16px;border-radius:999px;background:var(--grad)}.pc-open:hover{filter:brightness(1.1)}.rx-msg{display:flex;gap:8px;margin-top:10px}.rx-msg .field{flex:1;padding:11px 14px;font-size:14px}.rx-layer .rx-marquee{position:absolute;top:16%;left:0;right:0;overflow:hidden;pointer-events:none}.rx-layer .rx-marquee span{display:inline-block;white-space:nowrap;font-size:clamp(22px,4vw,36px);font-weight:900;color:#fff;text-shadow:0 4px 24px rgba(0,0,0,.85),0 0 20px rgba(255,46,147,.8);animation:rxMarquee 10s linear forwards}@keyframes rxMarquee{0%{transform:translate(100cqw)}to{transform:translate(-100%)}}.nav{-webkit-backdrop-filter:blur(14px)}button,.btn,.ctrl,.action-card,.rx-btn,.pc-open,.iconbtn{touch-action:manipulation}.site-footer{padding-bottom:max(env(safe-area-inset-bottom),16px)}@media (max-width: 820px){.wrap.hero{padding-top:4px}.hero-grid{padding:10px 0 18px;gap:8px}.hero-anim{margin-bottom:0}.wordmark{font-size:44px}.type-lede{font-size:16px;min-height:3.9em}.actions{max-width:none}.action-card{padding:15px 16px}.section-head h2,.cta-band h2{font-size:26px}}.rx-btn{position:relative}.rx-btn .rx-pro-badge{position:absolute;top:-4px;left:calc(50% + 12px);font-size:11px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.rx-btn.pro{border-color:#ffc54280}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;max-width:760px;margin:0 auto}.plan{background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:22px;position:relative}.plan.pro{border:1px solid rgba(255,197,66,.45);background:linear-gradient(160deg,#ff2e9714,#7a2eff1a),var(--surface);box-shadow:0 10px 40px #7a2eff40}.plan h3{margin:0 0 12px;font-size:20px}.plan ul{list-style:none;margin:0;padding:0}.plan li{padding:6px 0;color:#d9d4f2;font-size:15px}.plan-badge{position:absolute;top:-12px;right:16px;background:linear-gradient(90deg,#ffc542,#ff8a3d);color:#2a1650;font-weight:800;font-size:12px;padding:4px 12px;border-radius:20px;letter-spacing:1px}.chip.pro{border-color:#ffc54299;color:#ffc542;font-weight:700}@media (max-width: 820px){.wrap.hero{padding-left:max(env(safe-area-inset-left),18px);padding-right:max(env(safe-area-inset-right),18px)}.hero-cta.actions{max-width:100%}}.ov-top{display:flex;align-items:center;gap:10px;padding:8px max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));background:linear-gradient(to bottom,rgba(0,0,0,.72),transparent)}.nextbox{flex:1;min-width:0;display:flex;flex-direction:column}.nx-row1{display:flex;align-items:center;gap:8px;min-width:0}.nx-label{font-size:9px;letter-spacing:2px;font-weight:800;color:#ff2e93;background:#ff2e932e;padding:2px 7px;border-radius:8px;white-space:nowrap;flex:none}.nx-title{font-size:13px;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.85)}.nx-singer{font-size:11px;color:#ffc542;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.85);margin-top:1px}.nx-singer .more{color:#fff;background:#fff3;padding:1px 6px;border-radius:8px;font-size:10px;margin-left:6px}.ov-attr-top{pointer-events:none;font-size:11px;font-weight:600;color:#fff;opacity:.8;white-space:nowrap;flex:none;text-shadow:0 1px 3px rgba(0,0,0,.6)}.ov-bottom{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;padding:10px max(16px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#000c}.ov-now-meta{flex:1;min-width:0}.ov-now-meta .ov-title{font-weight:700;font-size:14px;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.85)}.ov-now-meta .ov-singer{color:#ffc542;font-size:11px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 4px rgba(0,0,0,.85)}.ov-btn{background:#ffffff29;border:0;color:#fff;width:38px;height:38px;border-radius:19px;font-size:17px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex:none;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.ov-btn:active{background:#ffffff4d}.ov-btn.play{width:48px;height:48px;border-radius:24px;font-size:20px;background:#ffffff3d}.wrap.hero{position:relative;overflow:hidden}.hero-fx{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.hero-fx{left:55%}.hero-fx .fx-note{position:absolute;bottom:-30px;color:var(--secondary);opacity:0;text-shadow:0 0 10px currentColor;animation:fxRise linear infinite}@media (max-width: 820px){.hero-fx{left:0;opacity:.5}}.hero-fx .fx-note:nth-child(3n){color:var(--primary)}.hero-fx .fx-note:nth-child(3n+1){color:var(--primary2)}.hero-fx .fx-note:nth-child(4n){color:var(--accent)}@keyframes fxRise{0%{transform:translateY(0) rotate(-8deg);opacity:0}12%{opacity:.5}85%{opacity:.3}to{transform:translateY(-110vh) rotate(14deg);opacity:0}}.hero-grid{position:relative;z-index:1}.wordmark{background-size:200% 100%;animation:wmShimmer 6s ease-in-out infinite}@keyframes wmShimmer{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.action-card.host{animation:hostGlow 3.2s ease-in-out infinite}@keyframes hostGlow{0%,to{box-shadow:0 10px 28px #ff2e9359}50%{box-shadow:0 10px 44px #7a2effa6}}.reveal{opacity:0;transform:translateY(22px)}.revealed{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.16,1,.3,1)}@media (prefers-reduced-motion: reduce){.hero-fx{display:none}.wordmark,.action-card.host{animation:none}.reveal{opacity:1;transform:none}}.ov-top .ov-now-meta{flex:1.2}.ov-top .nextbox{flex:1;border-left:1px solid rgba(255,255,255,.15);padding-left:12px}@media (max-width: 640px){.ov-top .nextbox,.ov-attr-top{display:none}}.pl-tabs{display:flex;gap:6px;margin-bottom:10px}.pl-tab{flex:1;padding:9px 12px;border-radius:12px;cursor:pointer;background:var(--surface);color:var(--muted);border:1px solid rgba(255,255,255,.08);font-weight:700;font-size:13px}.pl-tab.active{background:linear-gradient(90deg,#ff2e972e,#7a2eff2e);color:var(--text);border-color:#ff2e9780}.pl-tab .pl-count{margin-left:4px}.pl-scroll{scrollbar-gutter:stable}.pl-scroll{height:330px;overflow-y:auto;padding-right:4px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.pl-scroll::-webkit-scrollbar{width:5px}.pl-scroll::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:3px}.pl-empty{padding:18px 6px;text-align:center;font-size:14px}.hero-anim .logo{position:relative}.hero-anim .logo:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;border:2px solid rgba(255,46,147,.55);animation:ringPulse 2.6s ease-out infinite;pointer-events:none}@keyframes ringPulse{0%{transform:scale(1);opacity:.8}70%{transform:scale(1.35);opacity:0}to{transform:scale(1.35);opacity:0}}@media (prefers-reduced-motion: reduce){.hero-anim .logo:after{animation:none;opacity:.25}}.cursor-fx{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;overflow:hidden}.cursor-fx span{position:fixed;transform:translate(-50%,-50%);text-shadow:0 0 8px currentColor;animation:cursorNote .9s ease-out forwards;will-change:transform,opacity}@keyframes cursorNote{0%{transform:translate(-50%,-50%) scale(.6) rotate(0);opacity:.9}to{transform:translate(calc(-50% + var(--drift, 0px)),calc(-50% - 34px)) scale(1.15) rotate(18deg);opacity:0}}@media (min-width: 821px){.feature-grid{grid-template-columns:repeat(6,1fr)}.feature-grid .feature:nth-child(1),.feature-grid .feature:nth-child(2){grid-column:span 3;padding:30px;background:radial-gradient(420px 180px at 12% 0%,rgba(255,46,151,.12),transparent 70%),var(--surface)}.feature-grid .feature:nth-child(2){background:radial-gradient(420px 180px at 88% 0%,rgba(34,211,238,.12),transparent 70%),var(--surface)}.feature-grid .feature:nth-child(1) h3,.feature-grid .feature:nth-child(2) h3{font-size:21px}.feature-grid .feature:nth-child(3),.feature-grid .feature:nth-child(4),.feature-grid .feature:nth-child(5){grid-column:span 2}.feature-grid .feature:nth-child(n+6){grid-column:span 3}}.feature{position:relative;overflow:hidden}.feature:hover{transform:translateY(-4px);border-color:#ff2e9773;box-shadow:0 14px 34px #7a2eff38}.feature-ico{transition:transform .2s ease}.feature:hover .feature-ico{transform:scale(1.12) rotate(-4deg)}.feature:after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.05),transparent);transform:skew(-18deg);transition:left .5s ease;pointer-events:none}.feature:hover:after{left:120%}.steps{position:relative}@media (min-width: 821px){.steps:before{content:"";position:absolute;top:47px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,#ff2e93,#b829f7,#22d3ee);opacity:.45}}.step{position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.step:hover{transform:translateY(-4px);border-color:#22d3ee66;box-shadow:0 14px 34px #22d3ee26}.step-n{position:relative;z-index:1;box-shadow:0 0 22px #ff2e978c}.step:hover .step-n{animation:stepPop .4s ease}@keyframes stepPop{50%{transform:scale(1.18)}}.plan{transition:transform .2s ease,box-shadow .2s ease}.plan:hover{transform:translateY(-4px)}@media (min-width: 821px){.plan.pro{transform:scale(1.03)}.plan.pro:hover{transform:scale(1.03) translateY(-4px)}}.plan-badge{background-size:200% 100%;animation:wmShimmer 3.5s ease-in-out infinite}.app-promo{border:1px solid transparent;background-clip:padding-box;position:relative;transition:transform .2s ease}.app-promo:hover{transform:translateY(-3px)}.app-promo img{border-radius:22px;box-shadow:0 0 26px #b829f78c;animation:mascotBob 5s ease-in-out infinite}.cta-band{background-size:180% 180%;animation:ctaFlow 9s ease-in-out infinite;position:relative;overflow:hidden}@keyframes ctaFlow{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.cta-band:before{content:"🎤";position:absolute;font-size:120px;opacity:.12;right:-14px;bottom:-26px;transform:rotate(-18deg);pointer-events:none}.site-footer{border-top:0;position:relative}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,46,151,.5),rgba(34,211,238,.5),transparent)}.footer-links a{transition:color .15s ease}.footer-links a:hover{color:var(--text)}@media (prefers-reduced-motion: reduce){.cta-band,.plan-badge,.app-promo img{animation:none}}.dash{position:relative;padding-top:44px;padding-bottom:70px}.dash-page{min-height:100vh}.dash-hero{display:flex;align-items:center;gap:18px;margin-bottom:30px;flex-wrap:wrap}.dash-avatar{width:64px;height:64px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:28px;background:var(--surface);border:2px solid transparent;background-clip:padding-box;position:relative}.dash-avatar:before{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:50%;background:var(--grad);z-index:-1}.dash-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.dash-hello{font-size:clamp(26px,4vw,36px);font-weight:900;margin:0;line-height:1.15}.dash-name{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.dash-wave{display:inline-block;animation:dashWave 2.2s ease-in-out infinite;transform-origin:70% 70%}@keyframes dashWave{0%,55%,to{transform:rotate(0)}60%{transform:rotate(16deg)}70%{transform:rotate(-8deg)}80%{transform:rotate(14deg)}90%{transform:rotate(-4deg)}}.dash-sub{margin:4px 0 0;font-size:15px}.dash-live-pill{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.3);border-radius:999px;padding:7px 14px}.dash-live-dot{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:cursorBlink 1.4s steps(1) infinite}.dash-actions{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dash-action{display:flex;align-items:center;gap:14px;text-align:left;border:0;cursor:pointer;border-radius:20px;padding:20px 22px;color:#fff;font:inherit;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.dash-action:hover{transform:translateY(-3px);filter:brightness(1.08)}.dash-action.host{background:var(--grad);box-shadow:0 8px 30px #ff2e9759}.dash-action.join{background:var(--surface);border:1px solid rgba(34,211,238,.45);box-shadow:0 8px 30px #22d3ee1f}.dash-action.join b{color:var(--secondary)}.dash-action .da-ico{font-size:30px}.dash-action .da-text{display:flex;flex-direction:column;flex:1}.dash-action .da-text b{font-size:18px;font-weight:800}.dash-action .da-text small{opacity:.8;font-size:13px;margin-top:2px}.dash-action .da-arrow{font-size:28px;opacity:.8}.dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px}.dash-panel{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:18px 18px 12px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.dash-panel-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.dash-panel-ico{font-size:20px}.dash-panel-head h2{font-size:17px;font-weight:800;margin:0;flex:1}.dash-panel .pl-scroll{max-height:340px;overflow-y:auto}.dash-panel .party-card{background:var(--surface)}.dash-party{cursor:pointer;transition:transform .12s ease,border-color .12s ease}.dash-party:hover{transform:translateY(-1px);border-color:#ff2e9759}.dash-empty{text-align:center;padding:26px 10px 20px;display:flex;flex-direction:column;align-items:center;gap:10px}.dash-empty-ico{font-size:30px;opacity:.7}.dash-empty p{margin:0;font-size:14px}.dash-skel-list{display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.dash-skel{height:62px;border-radius:16px;background:linear-gradient(100deg,#ffffff0a 40%,#ffffff17,#ffffff0a 60%);background-size:200% 100%;animation:dashShimmer 1.4s linear infinite}@keyframes dashShimmer{to{background-position:-200% 0}}@media (max-width: 720px){.dash-actions,.dash-grid{grid-template-columns:1fr}.dash-live-pill{margin-left:0}}@media (prefers-reduced-motion: reduce){.dash-wave,.dash-skel{animation:none}}.reopen-block{border-top:1px solid rgba(255,255,255,.08);margin-top:4px}.reopen-item{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;font:inherit;font-size:14px;font-weight:700;color:var(--text);background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px 14px;margin-bottom:8px;cursor:pointer;text-align:left;transition:border-color .12s ease}.reopen-item:hover{border-color:#ff2e9766}.host-wrap{max-width:1280px}.host-lobby{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}.lobby-left,.lobby-mid,.lobby-queue{min-width:0}.lobby-left,.lobby-queue{position:sticky;top:16px}.lobby-invite .qr-box{background:#fff;border-radius:14px;padding:10px;width:fit-content}.lobby-controls{justify-content:center;margin-top:14px;flex-wrap:wrap}.lobby-mid>.card{margin-top:0}@media (max-width: 1100px){.host-lobby{grid-template-columns:300px minmax(0,1fr)}.lobby-queue{grid-column:2;position:static}}@media (max-width: 860px){.host-lobby{grid-template-columns:1fr}.lobby-left,.lobby-queue{position:static;grid-column:auto}}.host-live{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start}.live-main,.live-side{min-width:0}.live-side{position:sticky;top:16px}.live-side .dash-panel{padding-bottom:16px}.live-queue{max-height:min(60vh,520px);overflow-y:auto}.side-add-btn{font-size:12px;font-weight:700;padding:6px 12px;display:inline-flex;align-items:center;gap:6px}.side-add-panel{max-height:min(60vh,520px);overflow-y:auto}.live-queue .qitem{background:var(--surface);gap:10px;padding:10px}.live-queue .qitem .t{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.35}.live-queue .qitem .s{font-size:12px}.live-queue .qitem .idx{width:22px;height:22px;font-size:12px}.live-queue .qitem .iconbtn{width:32px;height:32px;border-radius:10px;flex:none}@media (max-width: 980px){.host-live{grid-template-columns:1fr}.live-side{position:static}}.ctrl:disabled{opacity:.45;cursor:not-allowed}.search-box{position:relative;flex:1;display:flex}.search-box .field{flex:1;padding-right:36px}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:0;color:var(--muted);font-size:14px;cursor:pointer;padding:6px}.search-clear:hover{color:var(--text)}.search-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip-btn{font:inherit;font-size:13px;font-weight:700;color:var(--text);background:var(--surface);border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:6px 14px;cursor:pointer;transition:border-color .12s ease,transform .12s ease}.chip-btn:hover{border-color:#22d3ee80;transform:translateY(-1px)}.chip-btn.active{border-color:transparent;background:var(--grad);color:#fff}.lobby-start{width:100%;margin-top:12px}.skel-row,.skel-chip{background:linear-gradient(100deg,#ffffff0a 40%,#ffffff1a,#ffffff0a 60%);background-size:200% 100%;animation:dashShimmer 1.4s linear infinite}.skel-row{height:64px;border-radius:14px}.skel-chip{display:inline-block;width:86px;height:28px;border-radius:999px}.qitem,.party-card{animation:itemIn .25s ease both}@keyframes itemIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.skel-row,.skel-chip,.qitem,.party-card{animation:none}}.adm{padding-bottom:40px}.adm-h1{font-size:1.6rem;margin:12px 0 16px}.adm-badge{margin-left:10px;padding:2px 10px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:var(--surface2);color:var(--accent);border:1px solid rgba(255,255,255,.12)}.adm-error{color:#e66767}.adm-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.adm-tile{background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:4px}.adm-tile-label{font-size:.78rem;color:var(--muted)}.adm-tile-value{font-size:1.7rem;font-weight:800;line-height:1.1}.adm-tile-sub{font-size:.75rem;color:var(--muted)}.adm-panel{background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:16px;margin-bottom:16px}.adm-panel h2{margin:0 0 12px;font-size:1.05rem}.adm-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width: 760px){.adm-grid2{grid-template-columns:1fr}}.adm-chart-scroll{position:relative;overflow-x:auto}.adm-svg{width:100%;min-width:520px;display:block}.adm-grid{stroke:#ffffff14;stroke-width:1}.adm-cross{stroke:#ffffff40;stroke-width:1}.adm-tick{fill:var(--muted);font-size:10px}.adm-legend{display:flex;gap:16px;font-size:.8rem;color:var(--muted);margin-bottom:8px}.adm-legend i,.adm-tip i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}.adm-tip{position:absolute;top:4px;transform:translate(-50%);background:var(--bg2);border:1px solid rgba(255,255,255,.15);border-radius:10px;padding:8px 10px;font-size:.78rem;display:flex;flex-direction:column;gap:3px;pointer-events:none;white-space:nowrap;z-index:2}.adm-bars{display:flex;flex-direction:column;gap:8px}.adm-bar-row{display:grid;grid-template-columns:minmax(80px,160px) 1fr 44px;align-items:center;gap:10px;font-size:.85rem}.adm-bar-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-bar-track{background:#ffffff0f;border-radius:4px;height:14px;overflow:hidden}.adm-bar-fill{display:block;height:100%;border-radius:0 4px 4px 0}.adm-bar-row:hover .adm-bar-fill{filter:brightness(1.2)}.adm-bar-val{text-align:right;font-variant-numeric:tabular-nums}.adm-table-scroll{overflow-x:auto}.adm-table{width:100%;border-collapse:collapse;font-size:.85rem;min-width:560px}.adm-table th{text-align:left;color:var(--muted);font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;padding:6px 10px;border-bottom:1px solid rgba(255,255,255,.1)}.adm-table td{padding:8px 10px;border-bottom:1px solid rgba(255,255,255,.06);font-variant-numeric:tabular-nums}.adm-table td b{display:block}.adm-sub{color:var(--muted);font-size:.75rem}.adm-chip{display:inline-block;padding:1px 8px;border-radius:999px;font-size:.72rem;background:var(--surface2);border:1px solid rgba(255,255,255,.12);margin-right:4px}.adm-chip.pro{color:var(--accent)}.adm-users-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.adm-users-head h2{margin:0 0 12px}.adm-search{flex:1;min-width:180px;max-width:320px;margin-bottom:12px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#ffffff0d;color:#fff;font:inherit;font-size:13px;outline:none}.adm-search:focus{border-color:var(--primary, #ff2e93)}.adm-th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.adm-th-sort:hover,.adm-th-sort.on{color:#fff}.adm-sort-arrow{font-size:9px;color:var(--secondary, #4be1ec)}.adm-row-click{cursor:pointer}.adm-row-click:hover td{background:#ffffff0a}.adm-user-modal{max-width:560px}.adm-user-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:14px}.adm-user-modal-head .adm-chip{margin-left:8px}.adm-user-modal-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.adm-user-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:16px}.adm-user-songs-h{margin:0 0 8px;font-size:14px}.adm-user-songs-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:8px}.adm-cell-link{cursor:pointer}.adm-cell-link:hover{color:var(--secondary, #4be1ec);text-decoration:underline}.adm-user-songs{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.adm-user-song{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:12px;background:#ffffff0a}.adm-user-song-main{display:flex;flex-direction:column;min-width:0}.adm-user-song-main b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adm-user-song-side{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex:none}.adm-chip.st-finished{color:#34e1a1}.adm-chip.st-skipped{color:#ff8080}.adm-chip.st-playing{color:var(--secondary, #4be1ec)}.adm-filters{display:flex;gap:6px;margin-bottom:12px}.adm-filter{padding:5px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--muted);font-size:.8rem;cursor:pointer}.adm-filter.on{background:var(--surface2);color:var(--text);border-color:var(--primary2)}.adm-pager{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:12px}.adm-pager .btn[disabled]{opacity:.4;cursor:default}.search-tabs{display:flex;gap:6px;flex:1;min-width:0}.sp-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--muted);font-size:.85rem;font-weight:600;cursor:pointer;white-space:nowrap}.sp-tab.on{background:var(--surface2);color:var(--text);border-color:var(--primary2)}.sp-tab-count{background:var(--primary2);color:#fff;border-radius:999px;font-size:.7rem;padding:1px 7px}.adm-keyrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}.adm-keyrow .adm-filter[disabled]{opacity:.5;cursor:default}.adm-input{background:var(--surface2);border:1px solid rgba(255,255,255,.12);color:var(--text);border-radius:10px;padding:7px 10px;font-size:14px}.adm-key-cta{margin-left:8px;color:var(--secondary);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.dash-nav-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.dash-nav-actions .btn.sm{margin-left:0}.dash-pro-chip{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border-radius:999px;font-size:14px;font-weight:800;white-space:nowrap;color:#ffd76a;background:#ffc7001f;border:1px solid rgba(255,199,0,.35)}.toast-cta{color:var(--secondary);font-weight:800;text-decoration:underline;white-space:nowrap}.adm-title-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.adm-live{color:#34e1a1;font-weight:800;font-size:.78rem;letter-spacing:.04em}.adm-tabbar{flex-wrap:wrap;margin-bottom:14px}.adm-filters{flex-wrap:wrap}.adm-toolbar{background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:12px 14px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.adm-toolbar-row{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.adm-toolbar-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700;margin-right:4px}.adm-date{padding:5px 10px;font-size:13px;color-scheme:dark}.adm-delta{font-size:.72rem;font-weight:700}.adm-delta.up{color:#34e1a1}.adm-delta.down{color:#ff8080}.adm-delta.flat{color:var(--muted)}.adm-tile.click{cursor:pointer;transition:border-color .15s,transform .15s}.adm-tile.click:hover{border-color:var(--primary2);transform:translateY(-1px)}.adm-tile.accent .adm-tile-value{color:var(--secondary, #4be1ec)}.adm-legend{flex-wrap:wrap}.adm-legend-btn{background:none;border:0;padding:0;font:inherit;color:var(--muted);cursor:pointer;display:inline-flex;align-items:center}.adm-legend-btn:hover{color:var(--text)}.adm-legend-btn.off{opacity:.4;text-decoration:line-through}.adm-hours{display:flex;align-items:flex-end;gap:3px;height:160px}.adm-hour{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;gap:4px;cursor:default}.adm-hour-bar{position:relative;flex:1;background:#ffffff0d;border-radius:4px;overflow:hidden}.adm-hour-fill{position:absolute;left:0;right:0;bottom:0;border-radius:4px 4px 0 0}.adm-hour-fill.played{left:28%;right:28%}.adm-hour.on .adm-hour-fill{filter:brightness(1.3)}.adm-hour-label{height:12px;font-size:9px;line-height:12px;color:var(--muted);text-align:center;white-space:nowrap}.adm-bar-row.click{cursor:pointer}.adm-bar-row.click:hover .adm-bar-name{color:var(--secondary, #4be1ec)}.adm-empty{color:var(--muted);font-size:.85rem;text-align:center;padding:18px 0}.adm-chip.live{color:#34e1a1;margin-left:8px}.adm-chip.st-queued{color:var(--muted)}.adm-table td .adm-sub{display:block}.adm-cap{display:inline-flex;flex-direction:column;gap:4px;min-width:96px}.adm-cap-head{display:flex;align-items:baseline;gap:6px}.adm-cap-pct{font-weight:800}.adm-cap-pct.idle{color:var(--muted)}.adm-cap-pct.ok{color:#34e1a1}.adm-cap-pct.near{color:#ffd76a}.adm-cap-pct.over{color:#ff8080}.adm-cap-track{height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.adm-cap-fill{display:block;height:100%;border-radius:3px}.adm-cap-fill.idle{background:#ffffff2e}.adm-cap-fill.ok{background:#34e1a1}.adm-cap-fill.near{background:#ffd76a}.adm-cap-fill.over{background:#ff8080}.adm-table td .adm-cap .adm-sub,.adm-table td .adm-cap-pct .adm-sub{display:inline}.adm-table td>span>.adm-sub{display:inline;margin-left:4px}.adm-user-cap{display:flex;flex-direction:column;gap:6px;padding:12px 14px;margin-bottom:16px;border-radius:12px;background:#ffffff0a}.adm-shell{display:flex;min-height:100vh;background:var(--bg)}.adm-side{position:sticky;top:0;height:100vh;width:248px;flex-shrink:0;display:flex;flex-direction:column;gap:6px;padding:18px 14px;background:var(--surface);border-right:1px solid rgba(255,255,255,.08);overflow-y:auto}.adm-side-brand{display:flex;align-items:center;gap:12px;color:var(--text);text-decoration:none;padding:4px 8px 18px;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.08)}.adm-side-brand b{display:block;font-size:1.15rem}.adm-side-brand small{color:var(--muted);font-size:.78rem}.adm-side-group{display:flex;flex-direction:column;gap:2px;margin-top:10px}.adm-side-label{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:6px 10px}.adm-side-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border:0;border-radius:10px;background:none;color:var(--text);font:inherit;font-size:.95rem;text-align:left;cursor:pointer;border-left:3px solid transparent}.adm-side-item:hover{background:#ffffff0d}.adm-side-item.on{background:#ffffff14;border-left-color:var(--primary);font-weight:700}.adm-side-icon{width:20px;text-align:center}.adm-side-foot{margin-top:auto;display:flex;align-items:center;gap:10px;padding:14px 6px 2px;border-top:1px solid rgba(255,255,255,.08)}.adm-avatar{width:36px;height:36px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-weight:800;font-size:.8rem;background:var(--grad);color:#fff}.adm-side-who{min-width:0;flex:1}.adm-side-who b,.adm-side-who small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adm-side-who small{color:var(--muted);font-size:.75rem}.adm-side-exit{color:var(--muted);text-decoration:none;font-size:1.1rem;padding:4px}.adm-side-exit:hover{color:var(--text)}.adm-main{flex:1;min-width:0;display:flex;flex-direction:column}.adm-topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;padding:16px 28px;background:var(--bg);border-bottom:1px solid rgba(255,255,255,.08)}.adm-topbar .adm-h1{margin:2px 0 0}.adm-crumb{font-size:.8rem;color:var(--muted)}.adm-crumb span{margin:0 4px}.adm-main .adm{width:100%;padding:24px 28px 40px}.adm-burger,.adm-side-scrim{display:none}.adm-burger{background:none;border:1px solid rgba(255,255,255,.12);color:var(--text);border-radius:10px;width:38px;height:38px;font-size:1.1rem;cursor:pointer}@media (max-width: 900px){.adm-side{position:fixed;left:0;z-index:30;transform:translate(-100%);transition:transform .2s ease}.adm-side.open{transform:none}.adm-side-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#00000080}.adm-burger{display:block}.adm-topbar,.adm-main .adm{padding-left:16px;padding-right:16px}}.watch-link{display:inline-flex;align-items:center;gap:10px;margin-top:16px;padding:6px 16px 6px 6px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#191233b3;color:var(--text);font:inherit;font-weight:700;font-size:15px;cursor:pointer;transition:border-color .15s,transform .15s}.watch-link:hover{border-color:var(--secondary);transform:translateY(-1px)}.watch-ico{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--grad);font-size:12px;padding-left:2px;box-shadow:0 0 18px #ff2e978c;animation:watchPulse 2.4s ease-in-out infinite}@keyframes watchPulse{0%,to{box-shadow:0 0 10px #ff2e9773}50%{box-shadow:0 0 26px #ff2e97d9}}.store-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.store-badge{display:inline-flex;align-items:center;gap:10px;padding:8px 18px 8px 12px;border-radius:12px;background:#fff;color:var(--bg);text-decoration:none;box-shadow:0 8px 24px #ff2e9740;transition:transform .15s,box-shadow .15s}.store-badge:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ff2e9766}.store-badge span{display:flex;flex-direction:column;line-height:1.05;text-align:left}.store-badge small{font-size:10px;font-weight:700;letter-spacing:.8px;color:#4a4560}.store-badge b{font-size:17px;font-weight:800}@media (max-width: 820px){.store-badges,.watch-link,.hero-copy .store-badges{justify-content:center}}.hero-phone-stage{position:relative;width:min(300px,64vw);margin:0 auto}.hero-phone{position:relative;z-index:2;aspect-ratio:9 / 16;border-radius:34px;padding:9px;background:linear-gradient(145deg,#3a3550,#0b0915 45%,#1c1830);box-shadow:0 0 0 1px #ffffff1f,0 30px 80px #0000008c,0 0 90px #ff2e9759;transform:rotate(3deg);animation:phoneFloat 6s ease-in-out infinite}.hero-phone video{width:100%;height:100%;object-fit:cover;border-radius:26px;display:block;background:var(--bg)}@keyframes phoneFloat{0%,to{transform:rotate(3deg) translateY(0)}50%{transform:rotate(2deg) translateY(-10px)}}.hp-mascot{position:absolute;z-index:3;left:-34%;bottom:-2%;width:46%;filter:drop-shadow(0 14px 30px rgba(122,46,255,.5));animation:mascotBob 5s ease-in-out infinite}.hp-note{position:absolute;z-index:1;font-size:30px;color:var(--primary);text-shadow:0 0 18px rgba(255,46,151,.7);animation:floatDrift 6s ease-in-out infinite}.hp-note.n1{top:4%;left:-14%}.hp-note.n2{top:18%;right:-16%;color:var(--secondary);animation-delay:-2s}.hp-note.n3{bottom:14%;right:-12%;color:var(--accent);animation-delay:-4s}@media (max-width: 820px){.hero-phone-stage{width:min(240px,58vw);margin-bottom:8px}.hp-mascot{left:-30%}}.hp-mascot-spr{width:100%;background-repeat:no-repeat;background-size:1000% 100%;animation:hpSpr 1.6s steps(10) infinite}@keyframes hpSpr{0%{background-position:0% 0}to{background-position:111.111% 0}}@media (prefers-reduced-motion: reduce){.hp-mascot-spr,.hero-phone,.hp-mascot,.hp-note,.watch-ico{animation:none}}#guide{scroll-margin-top:80px}.guide{display:grid;grid-template-columns:1fr 250px;gap:16px;align-items:start}.guide-frame{position:relative;border-radius:20px;overflow:hidden;background:#000;aspect-ratio:16 / 9;border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 80px #00000080,0 0 80px #b829f74d}.guide-frame video{width:100%;height:100%;display:block}.guide-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border:0;background:radial-gradient(circle at center,#0e0b1e73,#0e0b1ecc);color:#fff;font:inherit;font-weight:800;font-size:17px;cursor:pointer}.guide-play-ico{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;font-size:30px;padding-left:6px;background:var(--grad);box-shadow:0 0 50px #ff2e97b3;transition:transform .15s}.guide-play-label{padding:8px 18px;border-radius:999px;background:#0e0b1ed9;border:1px solid rgba(255,255,255,.15)}.guide-play:hover .guide-play-ico{transform:scale(1.08)}.guide-chapters{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.chapter{width:100%;display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.06);background:var(--surface);color:var(--text);font:inherit;font-size:15px;font-weight:700;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.chapter:hover{border-color:#22d3ee80;transform:translate(2px)}.chapter-n{width:28px;height:28px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;font-size:13px;font-weight:800;background:#ffffff14}.chapter-label{flex:1}.chapter-time{font-size:13px;font-weight:600;color:var(--muted)}.chapter.active{border-color:var(--secondary);background:var(--surface2);box-shadow:0 0 24px #22d3ee40}.chapter.active .chapter-n{background:var(--secondary);color:var(--bg)}.chapter.done .chapter-n{background:var(--primary)}@media (max-width: 820px){.guide{grid-template-columns:1fr}.guide-chapters{flex-direction:row;overflow-x:auto;padding-bottom:6px;scrollbar-width:none}.guide-chapters::-webkit-scrollbar{display:none}.chapter{width:auto;white-space:nowrap}.chapter-time{display:none}.guide-play-ico{width:64px;height:64px;font-size:24px}}.step-watch{margin-top:12px;padding:7px 14px;border-radius:999px;border:1px solid rgba(34,211,238,.4);background:transparent;color:var(--secondary);font:inherit;font-size:13px;font-weight:700;cursor:pointer;transition:background .15s}.step-watch:hover{background:#22d3ee1f}.seg-tabs{display:flex;gap:4px;padding:4px;border-radius:14px;background:#ffffff0f}.queue-meta{color:var(--muted);font-size:13px;margin:12px 4px 8px}.iconbtn{display:grid;place-items:center;text-decoration:none}.section-lede{max-width:620px;margin:0 auto}.sticky-cta{display:none}@media (max-width: 820px){.sticky-cta{display:block;position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px max(16px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:linear-gradient(to top,#0c091af5 60%,#0c091a00)}.sticky-cta .btn{width:100%;padding:15px 20px}.room-page{padding-bottom:104px}.room-add-inline{display:none}}.room-main,.room-side{display:flex;flex-direction:column;gap:16px;min-width:0}.room-grid{display:grid;gap:16px}.room-grid .card{margin:0}.room-tabs{margin-top:2px}.room-add-inline{width:100%}.np-mine{margin-top:10px;display:inline-block;padding:6px 12px;border-radius:999px;background:#0a061859;font-weight:700;font-size:14px}.room-who .who-head{margin-bottom:8px}@media (min-width: 1024px){.room-page{max-width:1180px}.room-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}.room-side{position:sticky;top:16px}}.host-title{min-width:0;flex:1}.host-title .label{font-size:10px;color:var(--primary);letter-spacing:2px}.host-title-name{font-weight:800;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.host-wrap .topbar .spacer{display:none}.host-wrap .codebadge{flex:none}.host-sticky{gap:10px}@media (max-width: 820px){.host-sticky{display:flex}.host-sticky .btn{flex:1;width:auto}.host-wrap{padding-bottom:104px}.host-add-inline,.host-start-inline{display:none}.host-wrap .codebadge{padding:6px 10px}.host-wrap .codebadge b{font-size:18px;letter-spacing:2px}}@media (max-width: 520px){.ov-bottom{gap:8px;padding-left:10px;padding-right:10px}.ov-qrbadge{padding:4px}.ov-qrbadge .qb-text{display:none}.ov-controls{gap:6px}.ov-btn{width:34px;height:34px}.ov-btn.play{width:42px;height:42px}}.dash-panel .pl-scroll{height:auto;min-height:0}@media (max-width: 520px){.dash-panel .party-card{gap:10px;padding:10px}.dash-panel .pc-info b{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25}.dash-panel .pc-open{padding:8px 12px;font-size:13px}.dash-panel .pc-x{width:30px;height:30px}}.plans{align-items:stretch}.plan{display:flex;flex-direction:column}.plan-price{margin:-4px 0 14px;font-size:28px;font-weight:800}.plan-price span{font-size:14px;font-weight:600;color:var(--muted);margin-left:4px}.plan.pro .plan-price{background:linear-gradient(90deg,#ffc542,#ff8a3d);-webkit-background-clip:text;background-clip:text;color:transparent}.plan.pro .plan-price span{-webkit-text-fill-color:var(--muted)}.plan ul{flex:1}.plan li{display:flex;gap:8px;line-height:1.4}.plan-cta{display:flex;margin-top:16px;text-align:center}.plan-note{color:var(--muted);font-size:13px;margin:10px 0 0;text-align:center}.plan-badge.static{position:static;display:inline-block;margin-bottom:14px}.pro-landing{padding-top:max(env(safe-area-inset-top),20px);padding-bottom:48px}.pro-hero{text-align:center;max-width:640px;margin:24px auto 40px}.pro-hero h1{font-size:clamp(32px,7vw,52px);line-height:1.08;margin:0 0 14px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.pro-hero p{font-size:17px;line-height:1.5;margin:0 auto 22px;max-width:520px}.pro-hero-cta{width:auto;padding-left:28px;padding-right:28px}.pro-hero-cta .g{font-weight:900}.pro-faq{max-width:760px;margin:44px auto 0}.pro-faq h2{font-size:22px;margin:0 0 12px}.pro-faq details{background:var(--surface);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px 18px;margin-bottom:10px}.pro-faq summary{cursor:pointer;font-weight:700;list-style:none}.pro-faq summary::-webkit-details-marker{display:none}.pro-faq summary:after{content:"＋";float:right;color:var(--secondary)}.pro-faq details[open] summary:after{content:"－"}.pro-faq details p{margin:10px 0 0;line-height:1.5}.signin-page{min-height:100dvh}.signin-perks{list-style:none;margin:8px 0 4px;padding:14px 16px;border-radius:16px;background:var(--surface);border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:10px;font-size:14px;color:#d9d4f2}.cta-band .btn:not(.ghost){background:#fff;color:#2a1650;box-shadow:0 10px 30px #14083259}@media (max-width: 640px){.section-head{margin:34px 0 18px}.section-head h2{font-size:26px;line-height:1.2}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-grid .feature{grid-column:auto!important}.feature{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:start;padding:14px 16px}.feature-ico{width:44px;height:44px;border-radius:12px;margin:2px 0 0;grid-row:span 2}.feature h3{font-size:16px;margin:0 0 4px}.feature p{margin:0;font-size:14px;line-height:1.45}.steps{gap:0}.step{display:grid;grid-template-columns:40px 1fr;column-gap:14px;text-align:left;padding:14px 16px;border-radius:0;border-width:0 0 1px;background:transparent}.steps .step:first-child{border-radius:var(--radius) var(--radius) 0 0}.step:last-child{border-bottom:0}.steps{background:var(--surface);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius);overflow:hidden}.step-n{width:36px;height:36px;font-size:16px;margin:0;grid-row:span 3}.step h3{margin:4px 0;font-size:16px}.step p{margin:0 0 8px;font-size:14px;line-height:1.45}.step-watch{justify-self:start}.step:hover{transform:none;box-shadow:none}.plan{padding:20px 18px}.plan li{font-size:14px;padding:5px 0}.cta-band{padding:32px 18px;margin:34px 0}.cta-band .hero-cta{flex-direction:column}.cta-band .hero-cta .btn{width:100%}.app-promo{text-align:left}}.legal-narrow{max-width:640px}@font-face{font-family:Poppins;font-weight:400;font-display:swap;src:url(/fonts/Poppins-Regular.woff2) format("woff2")}@font-face{font-family:Poppins;font-weight:500;font-display:swap;src:url(/fonts/Poppins-Medium.woff2) format("woff2")}@font-face{font-family:Poppins;font-weight:600;font-display:swap;src:url(/fonts/Poppins-SemiBold.woff2) format("woff2")}@font-face{font-family:Poppins;font-weight:700;font-display:swap;src:url(/fonts/Poppins-Bold.woff2) format("woff2")}@font-face{font-family:Poppins;font-weight:800;font-display:swap;src:url(/fonts/Poppins-ExtraBold.woff2) format("woff2")}:root{--bg: #0e0b1e;--surface: #1a1530;--surface2: #241c42;--glass: rgba(30, 23, 58, .62);--glass-strong: rgba(34, 26, 66, .86);--hairline: rgba(255, 255, 255, .08);--hairline-strong: rgba(255, 255, 255, .14);--primary: #ff2e93;--primary2: #a855f7;--secondary: #00e5ff;--accent: #ffc542;--success: #22d39b;--danger: #ff4d6d;--text: #f6f3ff;--text2: #d9d4f2;--muted: #9a93b8;--grad: linear-gradient(120deg, #ff2e93 0%, #a855f7 50%, #00e5ff 100%);--grad-soft: linear-gradient(135deg, rgba(255, 46, 147, .18), rgba(0, 229, 255, .14));--radius: 20px;--radius-sm: 14px;--shadow: 0 18px 50px rgba(5, 2, 18, .55);--glow: 0 12px 34px rgba(255, 46, 147, .32);--font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}body{font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(900px 520px at 12% -8%,rgba(160,32,200,.42) 0%,transparent 62%),radial-gradient(760px 480px at 100% 6%,rgba(0,150,190,.28) 0%,transparent 60%),radial-gradient(700px 500px at 50% 110%,rgba(255,46,147,.12) 0%,transparent 60%),var(--bg);background-repeat:no-repeat;background-attachment:fixed}button,input,select,textarea{font-family:inherit}h1,h2,h3,h4{letter-spacing:-.02em;line-height:1.15}h1,h2{font-weight:800}h3{font-weight:700}::selection{background:#ff2e9366}:focus-visible{outline:2px solid var(--secondary);outline-offset:3px}img{max-width:100%}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.btn{font-weight:700;font-size:16px;letter-spacing:.01em;min-height:52px;padding:14px 22px;border-radius:999px;box-shadow:var(--glow);transition:transform .12s ease,filter .15s ease,box-shadow .2s ease}.btn:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 16px 40px #ff2e936b}.btn.ghost{background:#ffffff0a;border:1.5px solid rgba(0,229,255,.55);color:var(--secondary);box-shadow:none}.btn.ghost:hover:not(:disabled){background:#00e5ff14;box-shadow:none}.btn.sm{min-height:40px;padding:9px 16px;font-size:14px}.card,.dash-panel,.plan,.feature,.modal-box,.qitem,.party-card{border-color:var(--hairline)}.card{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--hairline);border-radius:var(--radius)}.modal-box{background:var(--glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;box-shadow:var(--shadow)}.modal-overlay{background:#080514b8}.field{background:#ffffff0d;border:1.5px solid var(--hairline-strong);border-radius:var(--radius-sm);font-size:16px;min-height:52px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.field::placeholder{color:#d9d4f273}.field:focus{border-color:var(--primary);background:#ffffff12;box-shadow:0 0 0 4px #ff2e9329}.iconbtn{background:#ffffff0f;border:1px solid var(--hairline-strong);border-radius:14px;transition:background .15s ease,transform .12s ease}.iconbtn:hover{background:#ffffff1c}.iconbtn:active{transform:scale(.95)}.label{font-size:11px;letter-spacing:.16em;font-weight:700}.chip,.who-chips>*{font-family:inherit}.seg-tabs{background:#ffffff0d;border:1px solid var(--hairline)}.seg-tab{font-family:inherit;font-size:13px;padding:10px 0;border-radius:10px}.seg-tab.active{background:var(--grad);color:#fff;box-shadow:0 6px 18px #ff2e934d}.site-header{position:sticky;top:0;z-index:60;background:#0e0b1eb8;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);border-bottom:1px solid var(--hairline)}.site-header-inner{max-width:1160px;margin:0 auto;display:flex;align-items:center;gap:18px;padding:max(env(safe-area-inset-top),10px) 20px 10px;min-height:64px}.site-logo{display:flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;flex:none}.site-logo img{width:36px;height:36px;border-radius:50%;box-shadow:0 0 20px #ff2e9380}.site-logo span{font-weight:800;font-size:21px;letter-spacing:-.02em}.site-nav{display:flex;gap:4px;margin:0 auto}.site-nav a{color:var(--text2);font-weight:600;font-size:14px;padding:8px 12px;border-radius:10px;transition:color .15s ease,background .15s ease}.site-nav a:hover{color:#fff;background:#ffffff0f}.site-actions{display:flex;gap:8px;align-items:center;flex:none}.site-actions .btn{min-height:40px;padding:8px 16px;font-size:14px;width:auto}@media (max-width: 900px){.site-nav{display:none}.site-actions{margin-left:auto}}@media (max-width: 380px){.site-actions .btn.ghost{display:none}}.appbar{display:flex;align-items:center;gap:12px;margin-bottom:18px;min-height:48px}.appbar-title{flex:1;min-width:0}.appbar-title .label{color:var(--primary);display:block;margin-bottom:1px}.appbar-title strong{display:block;font-size:18px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appbar-title small{display:block;color:var(--muted);font-size:12px}.site-footer{border-top:1px solid var(--hairline);background:#0a071680}.hero{padding:36px 0 12px}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:#ff2e931f;border:1px solid rgba(255,46,147,.35);color:#ffb3d6;font-weight:700;font-size:13px;margin-bottom:16px}.hero-title{font-size:clamp(36px,6.2vw,64px);line-height:1.04;margin:0 0 16px;letter-spacing:-.035em;color:#fff}.hero-title .grad-text{background-size:200% 100%;animation:wmShimmer 6s ease-in-out infinite}.type-lede{font-size:17px;color:var(--text2);min-height:3.2em;margin-bottom:22px}.hero-trust{list-style:none;padding:0;margin:18px 0;display:flex;flex-wrap:wrap;gap:6px 16px;color:var(--text2);font-size:14px;font-weight:500}.hero-trust li:first-letter{color:var(--success);font-weight:800}@media (max-width: 820px){.hero-trust{justify-content:center}.hero-title{font-size:clamp(34px,9.5vw,46px)}}.action-card{border-radius:20px;padding:18px 20px}.action-card .ac-text b{font-size:18px}.action-card.join{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.watch-link{font-family:inherit}.store-badges{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.store-badge{border-radius:12px}@media (max-width: 820px){.store-badges{justify-content:center}}.section-head h2{font-size:clamp(28px,4.4vw,42px);letter-spacing:-.03em}.section-head .muted{font-size:16px}.pill{font-weight:700;font-size:13px;padding:6px 14px;background:#00e5ff14;border:1px solid rgba(0,229,255,.3);color:var(--secondary)}.feature,.step,.plan{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--hairline)}.feature-ico{background:var(--grad-soft);border-color:var(--hairline-strong)}.feature h3{font-size:17px;letter-spacing:-.01em}.feature p{color:var(--muted)}.step h3{font-size:18px}.step-watch{font-family:inherit}.app-promo{flex-wrap:wrap;padding:24px;border-radius:24px}.app-promo>div:not(.app-promo-actions){flex:1;min-width:240px}.app-promo-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-end;margin-left:auto}.app-promo-actions .soon-tag{margin:0;align-self:auto}@media (max-width: 640px){.app-promo-actions{align-items:flex-start;margin-left:0}}.cta-band{border-radius:28px;padding:48px 24px}.cta-band h2{font-size:clamp(30px,5vw,46px);letter-spacing:-.03em}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:28px;padding:40px 20px 24px}.footer-brand p{margin:8px 0 14px}.footer-brand .store-badges{justify-content:flex-start}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h4{margin:4px 0;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.footer-col a{color:var(--text2);font-size:14px}.footer-col a:hover{color:#fff}.footer-base{display:flex;gap:8px 24px;flex-wrap:wrap;justify-content:space-between;padding:16px 20px 28px;border-top:1px solid var(--hairline);color:var(--muted);font-size:12px;padding-bottom:max(28px,env(safe-area-inset-bottom))}@media (max-width: 820px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}.hero h1.hero-title{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:#fff;-webkit-text-fill-color:#fff}.hero h1.hero-title .grad-text{-webkit-text-fill-color:transparent}@media (max-width: 820px){.hero-phone-stage{width:min(230px,58vw);margin-top:8px}}.legal-doc{max-width:820px;padding-top:28px}.legal-card{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--hairline);border-radius:24px;padding:clamp(22px,5vw,48px)}.legal-card h1{font-size:clamp(30px,5vw,42px);margin:0 0 6px}.legal-card h2{font-size:19px;margin:34px 0 10px;padding-top:22px;border-top:1px solid var(--hairline)}.legal-card p,.legal-card li{color:var(--text2);font-size:15px;line-height:1.75}.legal-card li{margin-bottom:6px}.legal-card b,.legal-card strong{color:#fff}.join-page{max-width:520px}.join-card{text-align:center;background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--hairline);border-radius:28px;padding:28px 22px 24px;box-shadow:var(--shadow)}.join-mascot{width:104px;height:104px;margin:-4px auto 6px;display:block;filter:drop-shadow(0 10px 24px rgba(255,46,147,.35))}.join-card h1{font-size:clamp(28px,7vw,36px);margin:0 0 4px}.join-form{margin-top:20px;text-align:left}.join-field{display:flex;flex-direction:column;gap:6px}.join-field .label{padding-left:4px}.join-form .code-field{letter-spacing:.5em;padding-left:.5em;font-size:28px;min-height:64px}.join-or{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.14em}.join-or:before,.join-or:after{content:"";flex:1;height:1px;background:var(--hairline-strong)}.footer{color:var(--muted)}.nav{background:#0e0b1eb8;border-bottom:1px solid var(--hairline)}.nav-inner{max-width:1160px;min-height:64px}.nowcard{border-radius:24px;padding:20px 22px;position:relative;overflow:hidden;background:var(--grad);background-size:160% 160%;animation:ctaFlow 10s ease-in-out infinite}.nowcard:after{content:"";position:absolute;right:-30px;top:-30px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);pointer-events:none}.nowcard .np-label{letter-spacing:.18em;font-size:11px;font-weight:700}.nowcard .np-title{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:4px 0}.qitem{background:var(--glass);border:1px solid var(--hairline);border-radius:16px;padding:12px 14px;transition:border-color .15s ease,background .15s ease}.qitem:hover{border-color:var(--hairline-strong)}.qitem .idx{background:#00e5ff1a;border-radius:9px}.qitem .t{font-weight:600}.party-card{background:var(--glass);border-radius:18px}.dash-panel{background:var(--glass);border-radius:24px;border:1px solid var(--hairline)}.dash-hero h1,.dash-hero h2{letter-spacing:-.03em}.who-chips>*{border-radius:999px}.codebadge{background:var(--glass);border:1px solid var(--hairline);border-radius:14px}.lobby-invite .qr-box{box-shadow:0 0 0 6px #ffffff0a,0 18px 40px #0006}.ctrl{font-family:inherit}.dash-grid>*{min-width:0}.dash{overflow-x:clip}@media (max-width: 380px){.dash-nav-actions{gap:6px}.dash-nav-actions .btn.sm{padding:7px 11px;font-size:13px;min-height:36px}.nav .brand .name{display:none}}.room-page{max-width:640px}.rm-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.rm-code{display:flex;flex-direction:column;align-items:center;padding:6px 12px;border-radius:14px;background:var(--glass);border:1px solid rgba(0,229,255,.35);color:var(--text);cursor:pointer;font-family:inherit;line-height:1.1;flex:none}.rm-code .label{font-size:9px;letter-spacing:.18em}.rm-code b{font-size:17px;letter-spacing:.14em;color:var(--secondary)}.rm-invite{display:flex;gap:18px;align-items:center;margin-bottom:16px}.rm-invite .qr-box{background:#fff;padding:10px;border-radius:14px;line-height:0;flex:none}.rm-invite h3{margin:0 0 4px}.rm-invite p{margin:0 0 12px;font-size:14px}.rm-code-inline{color:var(--secondary);letter-spacing:.12em}@media (max-width: 420px){.rm-invite{flex-direction:column;text-align:center}}.rm-layout{display:grid;gap:16px}.rm-stage-col,.rm-queue-col{display:flex;flex-direction:column;gap:16px;min-width:0}.rm-stage{position:relative;overflow:hidden;border-radius:28px;padding:22px 22px 20px;background:radial-gradient(120% 90% at 85% -10%,rgba(0,229,255,.35),transparent 55%),radial-gradient(120% 120% at -10% 110%,rgba(255,46,147,.55),transparent 55%),linear-gradient(140deg,#2a0f4a,#3a1370 45%,#12234d);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px #781ec859}.rm-stage:before{content:"";position:absolute;top:-40%;left:50%;width:120%;height:140%;transform:translate(-50%);pointer-events:none;background:conic-gradient(from 180deg at 50% 0%,transparent 160deg,rgba(255,255,255,.08) 180deg,transparent 200deg)}.rm-stage.live{animation:stagePulse 4s ease-in-out infinite}@keyframes stagePulse{50%{box-shadow:0 24px 70px #ff2e9373}}.rm-live{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.18em;padding:5px 10px;border-radius:999px;background:#00000047;color:#fff}.eq{display:inline-flex;gap:2px;align-items:flex-end;height:12px}.eq i{width:3px;background:var(--secondary);border-radius:2px;animation:eq .9s ease-in-out infinite}.eq i:nth-child(2){animation-delay:-.3s;background:#fff}.eq i:nth-child(3){animation-delay:-.6s;background:var(--primary)}.eq i:nth-child(4){animation-delay:-.15s}@keyframes eq{0%,to{height:3px}50%{height:12px}}.rm-song{position:relative;font-size:clamp(24px,6.5vw,34px);line-height:1.12;margin:14px 0 10px;letter-spacing:-.03em;text-shadow:0 4px 24px rgba(0,0,0,.35)}.rm-singer{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;position:relative}.rm-stage-hint{color:#fffc;margin:0;position:relative}.rm-next{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:baseline;margin-top:16px;padding:10px 14px;border-radius:14px;background:#00000040}.rm-next .label{color:var(--secondary);grid-row:span 2;align-self:center}.rm-next-t{font-weight:700;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rm-next-s{color:#ffffffb3;font-size:12px}.rm-mine{position:relative;margin-top:10px;padding:9px 14px;border-radius:14px;font-weight:700;font-size:14px;background:#ffc54229;border:1px solid rgba(255,197,66,.45);color:#ffe2a1}.rm-mine.soon{animation:mineBlink 1.6s ease-in-out infinite}@keyframes mineBlink{50%{background:#ffc54252}}.avatar{--h: 300;width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;font-size:14px;color:#fff;background:linear-gradient(135deg,hsl(var(--h) 85% 58%),hsl(calc(var(--h) + 50) 85% 48%));box-shadow:0 0 0 2px #ffffff1f}.qitem .avatar{width:30px;height:30px;font-size:13px}.qitem.mine{border-color:#ffc54280;background:linear-gradient(90deg,rgba(255,197,66,.1),transparent 60%),var(--glass)}.you-tag{margin-left:8px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:1px 7px;border-radius:999px;background:#ffc54233;color:var(--accent)}.qitem.sung{opacity:.85}.rm-tabs{position:sticky;top:8px;z-index:30;display:flex;gap:4px;padding:5px;border-radius:18px;background:#140f28db;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--hairline-strong);box-shadow:0 10px 30px #00000059}.rm-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:44px;border:0;border-radius:13px;background:none;color:var(--text2);font:700 14px var(--font);cursor:pointer}.rm-tab em{font-style:normal;font-size:11px;padding:1px 7px;border-radius:999px;background:#ffffff1f}.rm-tab.active{background:var(--grad);color:#fff;box-shadow:0 6px 18px #ff2e9359}.rm-tab.active em{background:#00000040}.rm-panel{background:var(--glass);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--hairline);border-radius:24px;padding:18px}.rm-panel-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.rm-panel-head h2{font-size:18px;margin:0;flex:1}.rm-mini-tabs{flex:none}.rm-mini-tabs .seg-tab{padding:7px 12px;font-size:12px}.rm-empty{text-align:center;padding:18px 8px 8px;color:var(--muted)}.rm-empty img{display:block;margin:0 auto 6px;opacity:.9}.rm-empty p{margin:0}.rm-people .who-head{font-size:16px}.rm-invite-btn{margin-top:14px;width:auto}.rm-react .rx-bar{gap:10px}@media (max-width: 1023px){.rm-panel[data-active=false]{display:none}.rm-queue-col{order:2}.rm-layout{gap:0}.rm-stage-col{gap:14px}.rm-queue-col .rm-queue{margin-top:14px}.rm-queue[data-active=false]{display:none}.rm-queue-col:has(.rm-queue[data-active=false]){display:none}}@media (min-width: 1024px){.room-page{max-width:1180px}.rm-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:22px}.rm-tabs{display:none}.rm-queue-col{position:sticky;top:16px}.rm-queue-col .rm-queue{max-height:calc(100dvh - 120px);overflow-y:auto}}.rm-mini-tabs .seg-tab{white-space:nowrap}.rm-react .rx-bar{grid-template-columns:repeat(5,minmax(0,1fr))}.who-chips .chip{display:inline-flex;align-items:center;gap:8px;padding:4px 12px 4px 4px}.who-chips .chip .avatar{width:26px;height:26px;font-size:12px}.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(18px,4vw,40px) 0}.story.flip .story-copy{order:2}.story-n{font-weight:800;font-size:13px;letter-spacing:.2em;color:var(--primary)}.story-copy h3{font-size:clamp(26px,3.6vw,40px);margin:6px 0 12px;letter-spacing:-.03em}.story-copy p{color:var(--text2);font-size:16px;line-height:1.65;margin:0 0 16px}.story-copy ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.story-copy li{display:flex;gap:10px;color:var(--text2);font-weight:500}.story-copy li:before{content:"✓";color:var(--success);font-weight:800}.story-art{position:relative;display:grid;place-items:center;min-height:300px}.story-art:before{content:"";position:absolute;top:10%;right:8%;bottom:10%;left:8%;border-radius:50%;filter:blur(60px);opacity:.55;background:radial-gradient(circle,rgba(255,46,147,.55),rgba(0,229,255,.25) 60%,transparent 70%)}@media (max-width: 820px){.story{grid-template-columns:1fr;text-align:left}.story.flip .story-copy{order:0}.story-art{min-height:240px}}.mock-tv{position:relative;width:min(440px,92%)}.mock-tv-screen{position:relative;aspect-ratio:16 / 9;border-radius:18px;padding:8% 7%;display:flex;flex-direction:column;justify-content:center;gap:6px;text-align:center;background:radial-gradient(80% 90% at 50% 40%,#2b1460,#0b0820 75%);border:6px solid #1b1630;box-shadow:0 0 0 1px #ffffff1f,0 30px 70px #0009,0 0 80px #a855f759}.mock-lyric{font-weight:800;font-size:clamp(14px,2.4vw,22px);letter-spacing:-.01em}.mock-lyric.dim{color:#ffffff59;font-size:clamp(12px,1.9vw,17px)}.mock-lyric em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.mock-qr{position:absolute;left:10px;bottom:10px;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;padding:4px 8px 4px 4px;border-radius:8px;background:#ffffff1a}.mock-qr i{width:22px;height:22px;border-radius:4px;background:conic-gradient(#000 25%,#fff 0,#fff 50%,#000 0,#000 75%,#fff 0) 0 0 / 8px 8px,#fff}.mock-tv-stand{width:30%;height:10px;margin:8px auto 0;border-radius:0 0 10px 10px;background:#1b1630}.mock-phone{position:relative;width:250px;padding:14px;border-radius:34px;display:grid;gap:8px;background:#0e0b1e;border:7px solid #221c3a;box-shadow:0 0 0 1px #ffffff1a,0 30px 70px #0009,0 0 70px #00e5ff40;transform:rotate(-3deg)}.mock-stage{border-radius:18px;padding:12px;display:grid;gap:2px;background:linear-gradient(140deg,#3a1370,#12234d);border:1px solid rgba(255,255,255,.12)}.mock-stage small{font-size:9px;font-weight:800;letter-spacing:.16em;color:var(--secondary)}.mock-stage b{font-size:15px}.mock-stage span{font-size:11px;color:#ffffffbf}.mock-row{display:flex;align-items:center;gap:8px;padding:8px;border-radius:12px;font-size:12px;background:#ffffff0d;border:1px solid var(--hairline)}.mock-row.me{border-color:#ffc5428c;background:#ffc54214}.mock-row .avatar{width:22px;height:22px;font-size:10px}.mock-idx{color:var(--secondary);font-weight:800;width:12px}.mock-t{display:grid;font-weight:600;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mock-t small{color:var(--muted);font-weight:500}.mock-add{margin-top:2px;text-align:center;font-weight:700;font-size:13px;padding:10px;border-radius:999px;background:var(--grad)}.mock-crowd{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mock-crowd img{width:clamp(64px,9vw,92px);height:auto;filter:drop-shadow(0 10px 20px rgba(0,0,0,.45));animation:crowdBob 3.2s ease-in-out infinite;animation-delay:calc(var(--i) * -.35s)}.mock-crowd img:nth-child(2n){transform:translateY(14px)}@keyframes crowdBob{50%{translate:0 -10px}}@media (prefers-reduced-motion: reduce){.mock-crowd img,.rm-stage.live,.rm-mine.soon{animation:none}}.feature-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:18px 0 8px}.feature-chip{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--hairline-strong);font-weight:600;font-size:14px;color:var(--text2)}.feature-chip svg{width:18px;height:18px;color:var(--secondary)}.host-lobby{grid-template-columns:380px minmax(0,1fr)}.lobby-invite{position:relative;overflow:hidden;padding:26px 22px 22px;border-radius:28px;background:radial-gradient(120% 80% at 50% -10%,rgba(168,85,247,.45),transparent 60%),linear-gradient(160deg,#2a0f4ae6,#12234dd9);border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 60px #781ec84d}.lobby-badge{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:#00000047;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.lobby-h{font-size:22px;margin:14px 0 16px}.lobby-qr{margin:0 auto;padding:12px!important;border-radius:20px!important}.lobby-code{display:flex;justify-content:center;gap:6px;margin:18px 0 6px}.lobby-code span{width:46px;height:56px;display:grid;place-items:center;border-radius:12px;font-size:28px;font-weight:800;background:#0000004d;border:1px solid rgba(0,229,255,.4);color:var(--secondary);box-shadow:inset 0 0 18px #00e5ff1f}.lobby-url{font-size:13px;margin:6px 0 14px}.lobby-url b{color:var(--text2)}.lobby-left .card+.card{margin-top:16px}@media (max-width: 1100px){.host-lobby{grid-template-columns:340px minmax(0,1fr)}}@media (max-width: 860px){.host-lobby{grid-template-columns:1fr}}@media (max-width: 380px){.lobby-code span{width:40px;height:50px;font-size:24px}}.code-boxes{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.code-input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border:0;font-size:16px;z-index:1;cursor:text}.code-box{height:64px;display:grid;place-items:center;border-radius:14px;font-size:28px;font-weight:800;background:#ffffff0d;border:1.5px solid var(--hairline-strong);color:#fff;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.code-box.filled{border-color:#00e5ff8c;color:var(--secondary)}.code-boxes:focus-within .code-box.cur{border-color:var(--primary);box-shadow:0 0 0 4px #ff2e932e;transform:translateY(-2px)}.code-boxes:focus-within .code-box.cur:not(.filled):after{content:"";width:2px;height:28px;background:var(--primary);animation:cursorBlink 1s steps(1) infinite}.dash-resume{position:relative;overflow:hidden;width:100%;display:grid;grid-template-columns:1fr auto;gap:2px 16px;text-align:left;margin:18px 0 14px;padding:20px 22px;border-radius:26px;cursor:pointer;color:#fff;font-family:inherit;border:1px solid rgba(255,255,255,.12);background:radial-gradient(120% 120% at 100% 0%,rgba(0,229,255,.3),transparent 55%),radial-gradient(120% 140% at 0% 100%,rgba(255,46,147,.45),transparent 55%),linear-gradient(140deg,#2a0f4a,#3a1370 50%,#12234d);box-shadow:0 20px 50px #781ec84d;transition:transform .15s ease}.dash-resume:hover{transform:translateY(-2px)}.dash-resume-tag{grid-column:1 / -1;display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:4px 10px;border-radius:999px;background:#00000047;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px}.dash-resume-name{font-size:clamp(22px,5vw,30px);font-weight:800;letter-spacing:-.03em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-resume-meta{color:#ffffffbf;font-size:14px}.dash-resume-meta b{color:var(--secondary);letter-spacing:.1em}.dash-resume-go{grid-column:2;grid-row:2 / span 2;align-self:center;padding:10px 16px;border-radius:999px;background:#fff;color:#2a1650;font-weight:800;font-size:14px;white-space:nowrap}.dash-resume.live{animation:stagePulse 4s ease-in-out infinite}@media (max-width: 420px){.dash-resume{grid-template-columns:1fr}.dash-resume-go{grid-column:1;grid-row:auto;justify-self:start;margin-top:10px}}.dash-nav-actions .btn,.dash-pro-chip{white-space:nowrap}@media (max-width: 420px){.dash-page .nav .brand .name{display:none}.dash-nav-actions .btn.sm{padding:8px 12px;font-size:13px;min-height:38px}}.q-actions{display:flex;gap:6px;flex:none}.qitem.with-thumb{align-items:center;gap:12px;padding:8px 10px 8px 8px}.q-thumb{position:relative;flex:none;line-height:0}.q-thumb .thumb{width:124px;height:70px;min-width:120px;min-height:70px;border-radius:10px;object-fit:cover;background:#000;display:block;box-shadow:0 6px 16px #0006}.q-thumb-n{position:absolute;left:6px;top:6px;min-width:22px;height:22px;padding:0 6px;border-radius:7px;display:grid;place-items:center;font-size:12px;font-weight:800;line-height:1;background:#0a0618d1;color:var(--secondary);border:1px solid rgba(0,229,255,.35)}.qitem.with-thumb .t{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.3}.qitem.with-thumb .s{display:flex;align-items:center;gap:6px;margin-top:4px}.avatar.xs{width:18px;height:18px;font-size:9px;box-shadow:none}.live-side .live-queue .qitem.with-thumb{display:grid;grid-template-columns:124px minmax(0,1fr);column-gap:10px;align-items:start}.live-side .live-queue .qitem.with-thumb .q-thumb{grid-row:span 2}.live-side .live-queue .qitem.with-thumb .q-actions{grid-column:2;justify-self:start;margin-top:4px}.live-side .live-queue .qitem.with-thumb .t{font-size:13px}@media (max-width: 420px){.qitem.with-thumb{display:grid;grid-template-columns:124px minmax(0,1fr);column-gap:10px;align-items:start}.qitem.with-thumb .q-thumb{grid-row:span 2}.qitem.with-thumb .q-actions{grid-column:2;justify-self:start;margin-top:4px}.qitem.with-thumb .t{font-size:14px}}@media (min-width: 981px){.host-live{grid-template-columns:minmax(0,1fr) 360px}}.live-side .live-queue .qitem.with-thumb .t{-webkit-line-clamp:3}.lobby-queue .pl-scroll{height:auto;max-height:calc(100dvh - 300px);min-height:200px}@media (max-width: 860px){.lobby-queue .pl-scroll,.live-side .pl-scroll{max-height:none;overflow:visible}}