:root{--accent:#ff3d9a;--accent-strong:#e01875;--teal:#2ec7d3;--teal-strong:#0d9ca6;--pink:#ff3d9a;--pink-strong:#e01875;--navy:#061737;--bg:#f8fafc;--border:#0617371f;--field:#fff;--focus:#2ec7d333;--muted:#64748b;--shadow:0 22px 60px #0617371a;--shadow-soft:0 14px 34px #06173714;--surface:#fff;--surface-strong:#f8fafc;--text:#173155;--text-strong:#061737;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 12%, #2ec7d31f, transparent 28%), radial-gradient(circle at 88% 18%, #ff3d9a1a, transparent 30%), var(--bg);min-width:320px;min-height:100vh;margin:0}h1,h2,p{margin:0}h1,h2{color:var(--text-strong);line-height:1.05}.host-shell h1,.host-shell h2{color:#f8fafc}h1{letter-spacing:0;font-size:clamp(2.4rem,6vw,6rem)}h2{letter-spacing:0;font-size:clamp(1.3rem,3vw,2rem)}code{background:var(--surface-strong);border:1px solid var(--border);color:var(--text-strong);border-radius:6px;padding:2px 6px}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}[data-spatial-root] button:focus-visible,[data-spatial-root] input:focus-visible,[data-spatial-root] select:focus-visible,[data-spatial-root] textarea:focus-visible,[role=dialog] button:focus-visible,[role=dialog] input:focus-visible,[role=dialog] select:focus-visible,[role=dialog] textarea:focus-visible,.guest-menu-sheet button:focus-visible{outline-offset:4px;outline:3px solid #2ec7d3c7;box-shadow:0 0 0 6px #2ec7d324,0 0 28px #ff3d9a38}[data-spatial-input][readonly]:focus-visible{cursor:default;box-shadow:0 0 0 6px #2ec7d324,0 0 28px #ff3d9a38,inset 0 -3px #2ec7d3c7}[data-spatial-input].is-spatial-editing:focus-visible{outline-color:#ff3d9ae0;box-shadow:0 0 0 6px #ff3d9a29,0 0 32px #ff3d9a42,inset 0 -3px #ff3d9ad1}.host-shell button:focus-visible,.host-shell input:focus-visible,.host-shell [tabindex]:focus-visible{outline-color:#ff3d9ae6;box-shadow:0 0 0 6px #ff3d9a26,0 0 34px #2ec7d338}.app-shell{min-height:100vh;padding:clamp(14px,2vw,28px)}:is(.app-shell.v2-shell:has(.v2-landing-page),.app-shell.v2-shell:has(.v2-about-page),.app-shell.v2-shell:has(.v2-portal-page),.app-shell.v2-shell:has(.v2-auth-page)){padding:0}html.tv-mode-no-scroll,body.tv-mode-no-scroll{scrollbar-width:none;height:100vh;min-height:100vh;overflow:hidden}html.tv-mode-no-scroll::-webkit-scrollbar{display:none}body.tv-mode-no-scroll::-webkit-scrollbar{display:none}.app-shell:not(.host-shell){background:radial-gradient(circle at 12% 8%,#2ec7d324,#0000 30%),radial-gradient(circle at 90% 10%,#ff3d9a1f,#0000 28%),linear-gradient(135deg,#fff 0%,#f8fdff 46%,#fff4fa 100%)}.app-shell:not(.host-shell):has(.guest-dark-theme){color:#f8fafc;background:radial-gradient(circle at 16% 8%,#2ec7d32e,#0000 30%),radial-gradient(circle at 84% 14%,#ff3d9a29,#0000 30%),linear-gradient(135deg,#061737 0%,#0a1022 72%,#17092e 100%)}.narrow{place-items:center;display:grid}.panel{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffd1;border-radius:20px;padding:clamp(18px,4vw,28px)}.setup-card{text-align:center;gap:14px;max-width:560px;display:grid}button svg{flex:none;width:1.05em;height:1.05em}button{justify-content:center;align-items:center;gap:8px;display:inline-flex}.action-panel{gap:20px;display:grid}.landing-page{background:radial-gradient(circle at 72% 18%, #ff3d9a2e, transparent 28%), radial-gradient(circle at 17% 74%, #2ec7d333, transparent 24%), var(--sr-gradient-hero);border-radius:var(--sr-radius-lg);color:var(--sr-color-text-primary);min-height:calc(100vh - 56px);padding:clamp(12px,1.8vw,24px) 0;display:block;position:relative}.landing-content{z-index:1;gap:clamp(12px,1.5vw,22px);width:100%;max-width:1440px;margin:0 auto;padding-left:clamp(24px,4vw,80px);padding-right:clamp(24px,4vw,80px);display:grid;position:relative}.landing-page:before,.landing-page:after{content:"";filter:blur(6px);pointer-events:none;z-index:0;border-radius:999px;position:absolute}.landing-page:before{background:#2ec7d32e;width:260px;height:260px;top:52%;left:0}.landing-page:after{background:#ff3d9a33;width:320px;height:320px;bottom:0;right:0}.landing-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.landing-logo{object-fit:contain;width:auto;max-width:min(360px,58vw);height:clamp(48px,6vw,84px);display:block}.landing-nav{box-shadow:var(--sr-shadow-card);scrollbar-width:none;background:#ffffffb8;border:1px solid #2ec7d32e;border-radius:999px;align-items:center;gap:4px;padding:5px;display:flex;overflow-x:auto}.landing-nav::-webkit-scrollbar{display:none}.landing-nav button{box-shadow:none;color:var(--sr-color-primary-teal);white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;flex:none;min-height:36px;padding:8px 12px;font-size:.82rem;font-weight:950}.landing-nav .landing-nav-download{color:var(--sr-color-primary-pink)}.landing-nav button:hover:not(:disabled),.landing-nav button:focus-visible{box-shadow:none;color:var(--sr-color-primary-teal);background:#2ec7d31c;border-color:#2ec7d338;outline:0;transform:none}.landing-nav .landing-nav-download:hover:not(:disabled),.landing-nav .landing-nav-download:focus-visible{color:var(--sr-color-primary-pink);background:#ff3d9a1a;border-color:#ff3d9a3d}.landing-menu-toggle{display:none}.landing-hero{grid-template-columns:minmax(290px,.78fr) minmax(520px,1fr);align-items:center;gap:clamp(18px,2.4vw,34px);display:grid}.hero-copy{gap:clamp(10px,1.4vw,18px);display:grid}.hero-copy h1{color:var(--sr-color-text-primary);font-size:var(--sr-type-hero);gap:clamp(4px,.7vw,10px);font-weight:950;line-height:.92;display:grid}.hero-headline-main{color:var(--sr-color-text-primary);font-size:.82em;line-height:.94}.hero-headline-hook{color:var(--sr-color-primary-pink);text-shadow:var(--sr-shadow-glow-pink);font-size:1em;line-height:.9}.hero-copy p{color:var(--sr-color-text-secondary);max-width:510px;font-size:clamp(.95rem,1.2vw,1.12rem)}.hero-product-area{gap:clamp(10px,1.2vw,16px);min-width:0;display:grid}.feature-row{flex-wrap:wrap;align-items:center;gap:9px 16px;display:flex}.feature-row span{color:var(--sr-color-text-secondary);align-items:center;gap:8px;font-size:.78rem;font-weight:800;display:inline-flex}.feature-row span:before{background:linear-gradient(135deg, var(--sr-color-primary-teal), var(--sr-color-primary-pink));content:"";border-radius:999px;width:8px;height:8px}.hero-device-visual{grid-template-columns:minmax(130px,.3fr) clamp(42px,5vw,76px) minmax(310px,.7fr);place-self:center end;width:100%;max-width:min(720px,52vw);display:grid;position:relative}.hero-device-visual:before{content:"";filter:blur(28px);z-index:-1;background:radial-gradient(circle at 20% 52%,#2ec7d36b,#0000 34%),radial-gradient(circle at 73%,#ff3d9a57,#0000 42%);border-radius:999px;position:absolute;inset:7% -7% 2% -9%}.hero-phone-visual,.hero-tv-visual{grid-template-rows:auto 1fr;align-items:center;gap:6px;height:clamp(150px,24vw,250px);margin:0;display:grid;position:relative}.hero-phone-visual{z-index:2;place-self:end center;width:100%}.hero-tv-visual{z-index:1;place-self:end center;width:100%}.hero-phone-visual figcaption,.hero-tv-visual figcaption{box-shadow:var(--sr-shadow-card);color:var(--sr-color-primary-teal);letter-spacing:.02em;text-align:center;background:#ffffffbd;border:1px solid #2ec7d394;border-radius:999px;justify-self:center;width:max-content;padding:7px 11px;font-size:clamp(.72rem,.8vw,.86rem);font-weight:950;line-height:1}.hero-tv-visual figcaption{color:var(--sr-color-primary-pink);border-color:#ff3d9a8f}.hero-phone-visual img,.hero-tv-visual img{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.hero-phone-visual img{filter:drop-shadow(0 18px 30px #06173738)}.hero-tv-visual img{filter:drop-shadow(0 22px 40px #06173738)}.device-flow-dots{pointer-events:none;z-index:3;justify-content:center;justify-self:center;align-items:center;gap:clamp(8px,1vw,11px);display:flex;position:relative;top:50%;transform:translateY(-50%)}.device-flow-dots span{background:var(--sr-color-primary-teal);opacity:.42;border-radius:999px;width:9px;height:9px;animation:1.8s ease-in-out infinite connection-pulse;display:block;transform:scale(.82);box-shadow:0 0 #2ec7d300}.device-flow-dots span:nth-child(2){background:linear-gradient(135deg, var(--sr-color-primary-teal), var(--sr-color-primary-pink));animation-delay:.28s}.device-flow-dots span:nth-child(3){background:var(--sr-color-primary-pink);animation-delay:.56s}@keyframes connection-pulse{0%,78%,to{opacity:.42;transform:scale(.82);box-shadow:0 0 #2ec7d300}24%{opacity:1;transform:scale(1.18);box-shadow:0 0 16px}}.landing-actions{background:var(--sr-gradient-glass);border-radius:var(--sr-radius-xl);box-shadow:var(--sr-shadow-card);border:1px solid #ffffffbd;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.landing-action-card{text-align:center;align-content:start;justify-items:center;gap:8px;min-height:0;padding:clamp(12px,1.3vw,18px);display:grid}.landing-action-card+.landing-action-card{border-left:1px solid #2ec7d32e}.action-icon{border-radius:999px;place-items:center;width:52px;height:52px;font-size:1.25rem;font-weight:950;display:grid}.action-icon svg{width:23px;height:23px}.teal-icon{box-shadow:var(--sr-shadow-glow-teal);color:var(--sr-color-primary-teal);background:#2ec7d31a}.pink-icon{box-shadow:var(--sr-shadow-glow-pink);color:var(--sr-color-primary-pink);background:#ff3d9a1a}.landing-action-card h2{color:var(--sr-color-primary-teal);font-size:clamp(.9rem,1.1vw,1.12rem);font-weight:950}.landing-action-card:nth-child(2) h2{color:var(--sr-color-primary-pink)}.landing-action-card p{color:var(--sr-color-text-secondary);max-width:320px;font-size:.82rem;line-height:1.35}.landing-primary-button,.landing-code-button,.landing-scan-button{white-space:nowrap;flex-wrap:nowrap;min-width:0;max-width:100%;min-height:34px;font-size:clamp(.64rem,.9vw,.82rem);overflow:hidden}.landing-primary-button svg,.landing-code-button svg,.landing-scan-button svg{flex:none;width:clamp(.78rem,1vw,1.05rem);height:clamp(.78rem,1vw,1.05rem)}.landing-primary-button{background:var(--sr-gradient-teal);border-radius:var(--sr-radius-md);min-width:min(190px,100%);margin-top:auto;padding-inline:clamp(8px,1.3vw,16px)}.landing-primary-button:hover:not(:disabled){background:linear-gradient(135deg,#0d9ca6,#087f8a)}.landing-join-options{grid-template-columns:minmax(0,1fr) minmax(42px,auto);gap:8px;width:100%;min-width:0;margin-top:auto;display:grid}.landing-code-entry{grid-template-columns:minmax(0,1fr) auto;width:100%;min-width:0;display:grid}.landing-code-entry input{border-radius:var(--sr-radius-md) 0 0 var(--sr-radius-md);color:var(--sr-color-text-primary);text-overflow:clip;text-transform:uppercase;white-space:nowrap;background:#ffffffe6;border:1px solid #ff3d9a47;border-right:0;width:100%;min-width:0;min-height:34px;padding:8px clamp(7px,1vw,11px);font-size:clamp(.64rem,.9vw,.82rem);font-weight:850;overflow:hidden}.landing-code-entry input::placeholder{color:#0617377a;text-transform:none}.landing-code-entry input:focus{border-color:#ff3d9a7a;outline:0;box-shadow:inset 0 0 0 1px #ff3d9a2e}.landing-code-button{background:var(--sr-gradient-pink);border-radius:0 var(--sr-radius-md) var(--sr-radius-md) 0;white-space:nowrap;gap:4px;min-width:0;padding-inline:clamp(8px,1vw,12px)}.landing-code-button:hover:not(:disabled){background:linear-gradient(135deg,#e01875,#c91366)}.landing-scan-button{background:var(--sr-color-surface);border-radius:var(--sr-radius-md);color:var(--sr-color-primary-pink);opacity:1;border:1px solid #ff3d9a5c;justify-content:center;align-items:center;gap:4px;width:100%;padding:8px clamp(7px,1vw,10px);display:flex}.landing-scan-button:hover:not(:disabled){box-shadow:var(--sr-shadow-glow-pink);border-color:#ff3d9a9e}.landing-join-modal{position:relative}.landing-modal-form{gap:12px;width:100%;display:grid}.landing-modal-form input{text-align:center;text-transform:uppercase}.coming-soon-badge{color:var(--sr-color-primary-pink);background:#ff3d9a14;border:1px solid #ff3d9a47;border-radius:999px;margin-top:auto;padding:5px 10px;font-size:.76rem;font-weight:800}.landing-status{text-align:center;justify-self:center}.create-room-retry-notice{justify-items:center;gap:10px;max-width:min(520px,100vw - 32px);display:grid}.create-room-retry-notice p{margin:0}.landing-connection-modal{border-radius:var(--sr-radius-xl);color:var(--sr-color-navy);text-align:center;z-index:80;background:radial-gradient(circle at 0 0,#2ec7d333,#0000 32%),radial-gradient(circle at 100% 0,#ff3d9a2e,#0000 32%),#fffffff0;border:1px solid #2ec7d33d;justify-items:center;gap:10px;width:100%;max-width:min(440px,100vw - 32px);padding:clamp(22px,4vw,32px);animation:.18s ease-out landing-connection-pop;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 28px 80px #0617373d}.landing-connection-modal h2{color:var(--sr-color-navy);margin:0;font-size:clamp(1.3rem,4vw,2rem);line-height:1.1}.landing-connection-modal p{margin:0}.landing-connection-spinner{border:4px solid #2ec7d32e;border-top-color:var(--sr-color-primary-pink);border-radius:999px;width:48px;height:48px;animation:1s linear infinite landing-connection-spin;box-shadow:0 0 22px #ff3d9a3d}@keyframes landing-connection-spin{to{transform:rotate(360deg)}}@keyframes landing-connection-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.96)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.landing-connection-help{border-radius:var(--sr-radius-md);background:#2ec7d314;border:1px solid #2ec7d333;justify-items:center;gap:9px;margin-top:4px;padding:14px;display:grid}.landing-connection-help p{margin:0}.landing-connection-help .secondary{min-height:42px;padding:10px 16px}.site-footer{border-radius:var(--sr-radius-xl);box-shadow:var(--sr-shadow-card);background:radial-gradient(circle at 8% 15%,#2ec7d32e,#0000 30%),radial-gradient(circle at 92% 20%,#ff3d9a29,#0000 30%),#ffffff9e;border:1px solid #ffffffc2;grid-template-columns:minmax(0,1.25fr) minmax(160px,.72fr) minmax(210px,.9fr);align-items:start;gap:clamp(18px,2.4vw,34px);margin-top:clamp(10px,1.8vw,24px);padding:clamp(20px,2.6vw,32px);display:grid;position:relative;overflow:hidden}.site-footer:before{content:"";background:linear-gradient(90deg,#2ec7d300,#2ec7d3ad,#ff3d9aad,#ff3d9a00);height:2px;position:absolute;inset:0 22px auto}.footer-brand,.footer-community,.footer-meta{gap:8px;min-width:0;display:grid}.footer-logo{color:var(--sr-color-text-primary);align-items:center;gap:9px;line-height:1;display:inline-flex}.footer-logo img{object-fit:contain;width:auto;max-width:min(270px,74vw);height:clamp(42px,4.8vw,62px);display:block}.footer-brand h2,.footer-links h2,.footer-community h2{color:var(--sr-color-text-primary);letter-spacing:0;margin:0 0 2px;font-size:clamp(1rem,1.35vw,1.12rem);font-weight:950}.footer-brand p,.footer-community p{color:var(--sr-color-text-secondary);max-width:28rem;margin:0;font-size:clamp(.88rem,1.2vw,.96rem);font-weight:760;line-height:1.5}.footer-brand small,.footer-community small,.footer-meta small,.footer-meta span,.footer-meta a,.footer-community a{color:var(--sr-color-text-secondary);font-size:clamp(.82rem,1vw,.9rem);font-weight:750}.footer-community a,.footer-meta a{color:var(--sr-color-primary-pink);transition:color var(--sr-transition-fast), transform var(--sr-transition-fast);text-decoration:none}.footer-links{grid-template-columns:max-content;justify-content:start;justify-items:start;gap:9px;display:grid}.footer-links a,.footer-links button{color:var(--sr-color-text-secondary);cursor:pointer;transition:color var(--sr-transition-fast), transform var(--sr-transition-fast);background:0 0;border:0;padding:0;font-size:clamp(.88rem,1.1vw,.94rem);font-weight:850;text-decoration:none}.footer-links a:hover,.footer-links button:hover,.footer-links button:focus-visible,.footer-community a:hover,.footer-community a:focus-visible,.footer-meta a:hover,.footer-meta a:focus-visible{color:var(--sr-color-primary-pink);transform:translateY(-1px)}.footer-info-links{grid-template-columns:max-content;justify-content:start;justify-items:start;gap:9px;display:grid}.footer-info-links a{color:var(--sr-color-text-secondary);cursor:pointer;transition:color var(--sr-transition-fast), transform var(--sr-transition-fast);background:0 0;border:0;padding:0;font-size:clamp(.88rem,1.1vw,.94rem);font-weight:850;text-decoration:none}.footer-info-links a:hover,.footer-info-links a:focus-visible{color:var(--sr-color-primary-pink);transform:translateY(-1px)}.footer-meta{color:var(--sr-color-text-secondary);border-top:1px solid #2ec7d329;grid-column:1/-1;justify-content:space-between;gap:12px;padding-top:14px;font-size:.82rem;display:flex}.footer-meta span{font-size:.82rem}.v2-landing-page{--v2-outer-pad:clamp(4px, .8vw, 12px);color:#f8fbff;min-height:100vh;padding:var(--v2-outer-pad);background:radial-gradient(circle at 83% 14%,#ff3d9a47,#0000 25%),radial-gradient(circle at 14% 55%,#2ec7d32e,#0000 26%),linear-gradient(135deg,#030717 0%,#09031d 48%,#120022 100%)}.v2-landing-screen{min-height:calc(100vh - (var(--v2-outer-pad) * 2));background:radial-gradient(circle at 79% 25%,#ff3d9a33,#0000 25%),radial-gradient(circle at 34% 48%,#2ec7d333,#0000 31%),linear-gradient(90deg,#03081cfa,#050518e6 43%,#140126f0);border:1px solid #8db4ff2e;grid-template-rows:auto minmax(0,1fr) auto;gap:clamp(10px,1.5vh,18px);padding:clamp(18px,3vw,44px) clamp(30px,4.4vw,72px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 24px 80px #00000075}.v2-about-page{--v2-outer-pad:clamp(4px, .8vw, 12px);color:#f8fbff;min-height:100vh;padding:var(--v2-outer-pad);background:radial-gradient(circle at 82% 12%,#ff3d9a3d,#0000 25%),radial-gradient(circle at 14% 44%,#2ec7d32e,#0000 28%),linear-gradient(135deg,#030717 0%,#09031d 48%,#120022 100%)}.v2-about-screen{min-height:calc(100vh - (var(--v2-outer-pad) * 2));background:radial-gradient(circle at 78% 12%,#ff3d9a2e,#0000 24%),radial-gradient(circle at 22% 32%,#2ec7d329,#0000 30%),linear-gradient(120deg,#03081cfa,#050518f0 48%,#140126f2);border:1px solid #8db4ff2e;gap:clamp(10px,1.5vh,18px);padding:clamp(18px,3vw,44px) clamp(30px,4.4vw,72px);display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 24px 80px #00000075}.v2-about-screen:before{content:"";pointer-events:none;background:linear-gradient(90deg,#2ec7d32e,#0000 18% 82%,#ff3d9a2e),radial-gradient(circle at 50% 0,#ffffff0f,#0000 40%);position:absolute;inset:0}.v2-about-screen>*{z-index:1;position:relative}.v2-about-main{gap:clamp(16px,2.1vw,28px);width:100%;max-width:1220px;margin:0 auto;display:grid}.v2-about-hero{gap:clamp(14px,2vw,28px);max-width:980px;display:grid}.v2-about-hero h1{color:#f8fbff;letter-spacing:0;text-transform:uppercase;max-width:980px;font-size:clamp(3rem,4.2vw,5.4rem);font-weight:950;line-height:.96}.v2-about-hero p{color:#eef4ffc7;max-width:720px;font-size:clamp(.95rem,1.15vw,1.16rem);line-height:1.42}.v2-about-hero-actions,.v2-about-support-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.v2-about-hero-actions button,.v2-about-support-actions button{border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:12px 18px;display:inline-flex}.v2-about-hero-actions .secondary,.v2-about-support-actions .secondary{color:#9deeff;background:#2ec7d314;border:1px solid #2ec7d342}.v2-about-card{color:#eef4ffc7;background:radial-gradient(circle at 100% 0,#ff3d9a1f,#0000 36%),#070f2db3;border:1px solid #7dd3fc29;border-radius:16px;gap:12px;min-width:0;padding:clamp(18px,2.2vw,28px);display:grid;box-shadow:0 18px 48px #0000003d}.v2-about-card>svg{color:#5de8ff;background:#2ec7d31f;border:1px solid #2ec7d338;border-radius:14px;width:46px;height:46px;padding:10px}.v2-about-card h2{color:#f8fbff;font-size:clamp(1.2rem,1.9vw,2rem);line-height:1.08}.v2-about-card p,.v2-about-card li,.v2-about-card span{font-size:clamp(.92rem,1.1vw,1.04rem);line-height:1.5}.v2-about-card a{color:#7eeaff;font-weight:900;text-decoration:none}.v2-about-card a:hover,.v2-about-card a:focus-visible{color:#ff7ac7;text-decoration:underline}.v2-about-story,.v2-about-status,.v2-about-support{grid-template-columns:minmax(0,.8fr) minmax(0,1fr);align-items:start}.v2-about-grid,.v2-about-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,22px);display:grid}.v2-about-grid .v2-about-card:nth-child(2n)>svg{color:#ff76c4;background:#ff3d9a1f;border-color:#ff3d9a3d}.v2-about-steps{gap:14px;margin:0;padding:0;list-style:none;display:grid}.v2-about-steps li{border-left:2px solid #2ec7d366;gap:4px;padding-left:14px;display:grid}.v2-about-steps strong{color:#8deeff}.v2-about-status-list{gap:10px;display:grid}.v2-about-status-list span{align-items:center;gap:10px;display:flex}.v2-about-status-list svg{color:#ff64b8;flex:none;width:20px;height:20px}.v2-about-support{align-items:center}.v2-about-support-actions{justify-content:end}.v2-portal-page{color:#f8fbff;background:radial-gradient(circle at 78% 18%,#ff3d9a38,#0000 25%),radial-gradient(circle at 18% 58%,#2ec7d32e,#0000 28%),linear-gradient(135deg,#030717 0%,#09031d 52%,#120022 100%);grid-template-rows:auto minmax(0,1fr);gap:clamp(18px,3vw,44px);min-height:100vh;padding:clamp(18px,3vw,44px) clamp(30px,4.4vw,72px);display:grid}.v2-portal-page:has(.v2-profile-phone-shell){grid-template-rows:minmax(0,auto);align-content:center}.v2-portal-card{background:radial-gradient(circle at 85% 10%,#ff3d9a29,#0000 30%),linear-gradient(135deg,#081937f0,#140b2fe6);border:1px solid #2ec7d342;border-radius:28px;align-self:center;gap:14px;width:100%;max-width:min(560px,100%);margin:0 auto;padding:clamp(24px,5vw,42px);display:grid;box-shadow:0 26px 90px #0006}.v2-portal-card .landing-code-entry{grid-template-columns:1fr;gap:0;position:relative}.v2-portal-card .landing-code-entry input{border-radius:var(--sr-radius-md);border-right:1px solid #ff3d9a47;width:100%;min-height:50px;padding:6px 48px 6px clamp(10px,1vw,14px)}.v2-portal-card .landing-code-entry .landing-code-button{border-radius:var(--sr-radius-md);background:var(--sr-color-primary-pink);color:#fff;width:38px;min-width:0;height:38px;min-height:0;padding:0;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.v2-portal-card .landing-code-entry .landing-code-button svg{width:18px;height:18px}.v2-portal-logo{object-fit:contain;width:fit-content;height:clamp(52px,8vw,76px)}.v2-portal-card h1{color:#f8fbff;font-size:clamp(2rem,7vw,3.4rem);line-height:1}.v2-host-actions{gap:12px;display:grid}.v2-host-actions button,.v2-scan-room-button{justify-content:center;min-height:50px;padding:6px 14px}.v2-profile-phone-shell{color:#081735;background:#f8fbff;border:1px solid #dbe4f2e6;border-radius:36px;align-self:start;width:100%;max-width:min(760px,100%);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 30px 90px #0000006b}.v2-profile-cover{background:radial-gradient(circle at 70% 20%,#ffffffd1,#0000 3%),radial-gradient(circle at 38% 22%,#ffffff94,#0000 4%),radial-gradient(circle at 53% 34%,#ff3d9ab8,#0000 17%),radial-gradient(circle at 28% 45%,#2ec7d370,#0000 18%),linear-gradient(135deg,#07123a 0%,#29134f 48%,#8e1f7c 100%);min-height:clamp(128px,20vw,205px);position:relative}.v2-profile-cover:after{content:"";opacity:.58;background:linear-gradient(72deg,#0000 68%,#070c23db 69% 72%,#0000 73%),radial-gradient(at 75% 40%,#0000007a,#0000 17%);position:absolute;inset:0}.v2-profile-back,.v2-profile-gear{box-shadow:none;color:#fff;z-index:2;background:#ffffff1a;border:1px solid #ffffff70;border-radius:999px;justify-content:center;align-items:center;width:42px;height:42px;min-height:0;padding:0;display:inline-flex;position:absolute;top:22px}.v2-profile-back{left:22px}.v2-profile-back svg{transform:rotate(180deg)}.v2-profile-gear{right:22px}.v2-profile-back:hover,.v2-profile-back:focus-visible,.v2-profile-gear:hover,.v2-profile-gear:focus-visible{background:#fff3;box-shadow:0 0 0 4px #2ec7d333}.v2-profile-form{gap:12px;padding:0 clamp(16px,3.4vw,34px) clamp(18px,3.4vw,28px);display:grid}.v2-profile-identity-card{z-index:2;background:#fffffff5;border:1px solid #e2e8f0e6;border-radius:28px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(14px,2.6vw,26px);min-height:118px;margin-top:-64px;padding:clamp(16px,2.6vw,22px) clamp(16px,3.4vw,28px);display:grid;position:relative;box-shadow:0 18px 50px #0f172a1f}.v2-profile-avatar-wrap{width:clamp(90px,13vw,124px);height:clamp(90px,13vw,124px);position:relative}.v2-profile-avatar-preview{background:linear-gradient(135deg,#2ec7d32e,#ff3d9a24),#fff;border:5px solid #fff;border-radius:999px;width:100%;height:100%;overflow:hidden;box-shadow:0 18px 38px #0f172a2e}.v2-profile-avatar-preview img,.v2-profile-avatar-preview .v2-account-avatar-button,.v2-profile-avatar-preview span{object-fit:cover;border-radius:999px;width:100%;height:100%}.v2-profile-avatar-edit{color:#081735;cursor:pointer;background:#fff;border:1px solid #cbd5e1e6;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;min-height:0;padding:0;display:inline-flex;position:absolute;bottom:4px;right:2px;box-shadow:0 10px 24px #0f172a29}.v2-profile-identity-copy{min-width:0}.v2-profile-identity-copy .eyebrow{color:#f52f91;margin-bottom:4px}.v2-profile-identity-copy h1{color:#081735;overflow-wrap:anywhere;margin:0 0 6px;font-size:clamp(1.65rem,4.5vw,3rem);line-height:1}.v2-profile-identity-copy p{color:#64748b;margin:0 0 10px;font-size:clamp(.84rem,1.8vw,.96rem);font-weight:800}.v2-profile-identity-copy span{color:#7c3aed;background:#8b5cf61f;border:1px solid #8b5cf638;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:.86rem;font-weight:950;display:inline-flex}.v2-profile-identity-copy span svg{width:16px;height:16px}.v2-profile-card-section,.v2-profile-details{background:#fffffff2;border:1px solid #e2e8f0f0;border-radius:24px;box-shadow:0 16px 42px #0f172a14}.v2-profile-subscription{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:84px;padding:14px 18px;display:grid}.v2-profile-section-icon{color:#fff;background:linear-gradient(135deg,#7c3aed,#d946ef);border-radius:999px;justify-content:center;align-items:center;width:46px;height:46px;display:inline-flex}.v2-profile-section-icon svg{width:23px;height:23px}.v2-profile-subscription h2,.v2-profile-card-heading h2{color:#0f172a;margin:0;font-size:clamp(.98rem,2.1vw,1.18rem);line-height:1.1}.v2-profile-subscription strong{color:#8b5cf6;letter-spacing:0;margin-top:5px;font-size:clamp(1.18rem,3.6vw,1.58rem);font-weight:950;line-height:1.05;display:block}.v2-profile-subscription p,.v2-profile-card-heading p{color:#64748b;margin:5px 0 0;font-size:clamp(.9rem,2.4vw,1.02rem);font-weight:850;line-height:1.25}.v2-profile-subscription>span{color:#fff;background:linear-gradient(135deg,#8b5cf6,#d946ef);border-radius:14px;padding:10px 16px;font-size:clamp(.8rem,2vw,.94rem);font-weight:950}.v2-profile-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.v2-profile-quick-actions button{white-space:nowrap;border-radius:18px;justify-content:center;min-height:48px;padding:10px 12px;font-size:clamp(.78rem,2.1vw,.9rem)}.v2-profile-quick-actions button svg{width:18px;height:18px}.v2-profile-edit-modal{color:#081735;background:radial-gradient(circle at 90% 0,#ff3d9a1f,#0000 34%),linear-gradient(135deg,#fff,#f8fbff);border-radius:28px;max-width:min(520px,100vw - 28px);padding:clamp(22px,4vw,34px)}.v2-profile-edit-form{gap:14px;display:grid}.v2-profile-edit-avatar{box-shadow:none;color:#10213f;text-align:left;background:#f8fbfff5;border:1px solid #94a3b847;border-radius:20px;grid-template-columns:auto minmax(0,1fr) auto;place-items:center start;gap:12px;min-height:76px;padding:12px;display:grid}.v2-profile-edit-avatar .v2-profile-avatar-preview{border-width:3px;width:52px;height:52px;box-shadow:0 8px 22px #0f172a1f}.v2-profile-edit-avatar strong,.v2-profile-edit-avatar small{display:block}.v2-profile-edit-avatar strong{color:#0f172a;font-weight:950}.v2-profile-edit-avatar small{color:#64748b;margin-top:2px;font-size:.82rem;font-weight:750}.v2-profile-edit-avatar:hover:not(:disabled),.v2-profile-edit-avatar:focus-visible{border-color:#2ec7d36b;transform:none;box-shadow:0 0 0 4px #2ec7d31f}.v2-profile-card-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.v2-profile-card-heading button{box-shadow:none;color:#0891b2;background:#2ec7d31f;border:1px solid #2ec7d342;border-radius:999px;min-height:42px;padding:0 16px;font-size:.9rem}.v2-profile-form label,.v2-profile-field-label,.v2-profile-edit-form label{color:#334155;letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:950}.v2-profile-form input[type=text]{color:#10213f;background:#f8fbff;border:1px solid #94a3b873;border-radius:14px;min-height:52px;padding:0 16px}.v2-profile-form input[type=text]:focus,.v2-profile-edit-form input[type=text]:focus{border-color:#2ec7d3e6;outline:none;box-shadow:0 0 0 4px #2ec7d329}.v2-profile-edit-form input[type=text]{color:#10213f;background:#f8fbff;border:1px solid #94a3b873;border-radius:14px;min-height:52px;padding:0 16px}.v2-avatar-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;display:grid}.v2-avatar-grid button{box-shadow:none;background:#f1f5f9;border:2px solid #0000;border-radius:20px;min-height:auto;padding:5px;overflow:hidden}.v2-avatar-grid button:hover,.v2-avatar-grid button:focus-visible,.v2-avatar-grid button.is-selected{border-color:#ff3d9adb;box-shadow:0 0 0 4px #2ec7d329}.v2-avatar-grid img{border-radius:15px;width:100%;display:block}.v2-avatar-modal{color:#081735;background:radial-gradient(circle at 90% 0,#ff3d9a1f,#0000 34%),linear-gradient(135deg,#fff,#f8fbff);border-radius:28px;max-width:min(560px,100vw - 28px);padding:clamp(22px,4vw,34px)}.v2-avatar-modal h2{color:#081735;font-size:clamp(1.7rem,5vw,2.4rem);line-height:1}.v2-avatar-modal p{color:#64748b;margin:0 0 18px;font-weight:750}.v2-avatar-modal .v2-avatar-grid{margin:18px 0}.v2-avatar-upload{color:#0891b2;cursor:pointer;text-align:center;background:linear-gradient(135deg,#2ec7d31f,#ff3d9a14),#fff;border:1px dashed #2ec7d370;border-radius:18px;justify-content:center;align-items:center;gap:10px;min-height:58px;padding:14px 18px;font-weight:950;display:flex}.v2-avatar-upload svg{width:22px;height:22px}.v2-avatar-upload input{display:none}.v2-profile-success{color:#0891b2;background:#2ec7d31f;border:1px solid #2ec7d347;border-radius:14px;margin:0;padding:12px 14px;font-weight:950}.v2-profile-details{gap:0;margin:0;display:grid;overflow:hidden}.v2-profile-details div{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:14px 18px;display:grid}.v2-profile-details div+div{border-top:1px solid #e2e8f0f5}.v2-profile-details svg{color:#8b5cf6;background:#8b5cf61c;border-radius:999px;width:38px;height:38px;padding:9px}.v2-profile-details dt{color:#0f172a;font-size:.96rem;font-weight:950}.v2-profile-details dd{color:#64748b;overflow-wrap:anywhere;margin:3px 0 0;font-weight:800}.v2-profile-save-button,.v2-profile-actions button{justify-content:center;min-height:54px}.v2-profile-actions{gap:12px;padding:0 clamp(22px,4vw,48px) clamp(22px,4vw,48px);display:grid}.v2-auth-page{color:#10213f;background:radial-gradient(circle at 82% 20%,#ff3d9a38,#0000 25%),radial-gradient(circle at 15% 60%,#2ec7d32e,#0000 28%),linear-gradient(135deg,#030717 0%,#09031d 52%,#120022 100%);place-items:center;height:100vh;min-height:0;padding:clamp(14px,min(2.4vw,2.6vh),28px) clamp(18px,min(3vw,4vh),48px);display:grid;position:relative;overflow:hidden}.app-shell.v2-shell:has(.v2-auth-page){height:100vh;padding:0;overflow:hidden}.v2-auth-backdrop{opacity:.9;background:linear-gradient(90deg,#03081cd6,#0b0828c2),radial-gradient(circle at 78% 42%,#ff3d9a33,#0000 26%);position:absolute;inset:0}.v2-host-auth-card{z-index:1;background:#fff;border:1px solid #c2cce2d1;border-radius:28px;grid-template-columns:minmax(0,1.06fr) minmax(300px,.94fr);width:100%;max-width:min(940px,100%);min-height:0;max-height:calc(100dvh - clamp(28px,5vh,56px));margin:0 auto;display:grid;position:relative;overflow:hidden;box-shadow:0 36px 110px #00000070}.v2-route-header{z-index:2;position:relative}.v2-auth-page .v2-landing-nav button{min-height:clamp(36px,5.4vh,46px);padding:clamp(7px,1.2vh,10px) clamp(10px,1vw,16px);font-size:clamp(.78rem,min(1vw,2vh),1.02rem)}.v2-auth-close{color:#10213f;z-index:2;background:#f8fbffeb;border:1px solid #b8c6dde6;border-radius:999px;justify-content:center;align-items:center;width:clamp(42px,6vh,52px);height:clamp(42px,6vh,52px);padding:0;display:inline-flex;position:absolute;top:clamp(10px,1.4vw,16px);right:clamp(10px,1.4vw,16px)}.v2-auth-close svg{width:24px;height:24px}.v2-host-auth-left,.v2-host-auth-right{align-content:center;gap:clamp(6px,min(1.25vw,1.6vh),13px);min-height:0;padding:clamp(18px,min(3.2vw,3.8vh),38px) clamp(20px,min(3vw,4vh),40px);display:grid}.v2-host-auth-right{text-align:center;background:radial-gradient(circle at 100% 0,#ff3d9a14,#0000 28%),linear-gradient(135deg,#eefbfe 0%,#fbf2f8 100%);justify-items:center}.v2-host-auth-logo{object-fit:contain;width:fit-content;height:clamp(42px,min(5.5vw,7.5vh),68px)}.v2-host-auth-card .eyebrow{color:#f72b93;margin:0}.v2-host-auth-card h1{color:#06183a;letter-spacing:0;font-size:clamp(1.7rem,min(3.5vw,5.8vh),3rem);line-height:1}.v2-host-auth-card .muted{color:#657895;font-size:clamp(.86rem,min(1.15vw,2.1vh),1.02rem);line-height:1.35}.v2-host-login-form{gap:clamp(6px,1.2vh,10px);margin-top:2px;display:grid}.v2-host-login-form label{color:#263a5d;font-weight:800}.v2-host-login-form input{color:#10213f;background:#f8fbff;border:1px solid #2ec7d352;min-height:clamp(38px,5.6vh,48px);padding:clamp(8px,1.5vh,12px) 14px}.v2-host-login-form button{min-height:clamp(38px,5.6vh,48px);padding:clamp(8px,1.5vh,12px) 16px}.v2-host-auth-qr{background:#fff;place-items:center;padding:clamp(10px,min(1.8vw,2.5vh),22px);display:grid;box-shadow:0 20px 50px #10213f14}.v2-host-auth-qr canvas{width:clamp(170px,min(20vw,32vh),230px)!important;height:clamp(170px,min(20vw,32vh),230px)!important}.v2-host-auth-code{color:#10213f;margin:0;font-size:clamp(1rem,1.6vw,1.2rem);font-weight:800}.v2-host-auth-helper{color:#657895;max-width:260px;margin:0;font-size:clamp(.82rem,1.05vw,.98rem);line-height:1.35}.v2-host-auth-direct-link{color:#657895;justify-items:center;gap:6px;display:grid}.v2-host-auth-direct-link span{color:#657895;letter-spacing:.12em;text-transform:uppercase;font-weight:900}.v2-host-auth-direct-link p{margin:0}.v2-host-auth-direct-link a{color:#0bb8cc;overflow-wrap:anywhere;text-underline-offset:4px;font-weight:800;text-decoration:underline;text-decoration-thickness:2px}.v2-auth-page .v2-host-auth-card{background:radial-gradient(circle at 16% 6%,#2ec7d314,#0000 28%),radial-gradient(circle at 86% 10%,#ff3d9a14,#0000 30%),#fff;border-radius:clamp(18px,2vw,28px);grid-template-rows:auto auto minmax(0,1fr) auto auto;grid-template-columns:1fr;align-items:stretch;gap:clamp(10px,1.65vh,18px);max-width:min(1160px,100%);max-height:calc(100dvh - clamp(20px,4vh,44px));padding:clamp(16px,min(2.2vw,2.7vh),28px) clamp(18px,min(3vw,4vh),42px) 0;display:grid;overflow:hidden}.v2-auth-page .v2-host-auth-logo{object-fit:contain;justify-self:start;width:auto;height:clamp(46px,min(5vw,7vh),70px)}.v2-host-auth-heading{text-align:center;justify-items:center;gap:6px;margin-top:-8px;display:grid}.v2-host-auth-heading h1{color:#06183a;white-space:nowrap;margin:0;font-size:clamp(2rem,min(4vw,6.4vh),3.35rem);line-height:.98}.v2-host-auth-heading p{color:#485e7e;margin:0;font-size:clamp(.9rem,min(1.28vw,2vh),1.06rem)}.v2-host-auth-methods{--v2-login-method-gap:clamp(14px, 2.5vw, 38px);--v2-login-or-width:52px;align-items:stretch;gap:var(--v2-login-method-gap);grid-template-columns:minmax(0, 1fr) var(--v2-login-or-width) minmax(0, 1fr);min-height:0;display:grid}.v2-login-method-card{background:#ffffffb8;border:1px solid #2ec7d32e;border-radius:18px;align-content:start;gap:clamp(10px,1.7vh,16px);min-height:0;padding:clamp(14px,min(2vw,2.5vh),24px);display:grid}.v2-login-qr-card{background:radial-gradient(circle at 50% 26%,#ff3d9a14,#0000 36%),#ffffffb8;border-color:#ff3d9a33;grid-template-rows:auto minmax(0,1fr) auto;align-content:stretch}.v2-login-method-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;display:grid}.v2-login-method-header h2{color:#06183a;margin:0 0 4px;font-size:clamp(1rem,min(1.45vw,2.35vh),1.24rem);line-height:1.1}.v2-login-method-header p{color:#657895;margin:0;font-size:clamp(.82rem,min(1.1vw,1.9vh),.96rem);line-height:1.25}.v2-login-method-icon{border-radius:999px;justify-content:center;align-items:center;width:clamp(46px,6.6vh,58px);height:clamp(46px,6.6vh,58px);display:inline-flex}.v2-login-method-icon svg{width:28px;height:28px}.v2-login-method-icon.is-cyan{color:#0aa6b8;background:#2ec7d31f}.v2-login-method-icon.is-pink{color:#e01875;background:#ff3d9a24}.v2-login-method-icon.is-purple{color:#6d28d9;background:#7c3aed24}.v2-auth-page .v2-host-login-form{gap:clamp(5px,1vh,9px);margin:0;display:grid}.v2-auth-page .v2-host-login-form label:not(.v2-login-remember){color:#06183a;font-size:.82rem;font-weight:950}.v2-login-input-shell{background:#f8fbfff5;border:1px solid #8495b057;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:clamp(38px,5.3vh,46px);padding:0 12px;display:grid}.v2-login-input-shell:focus-within{border-color:#2ec7d3b3;box-shadow:0 0 0 3px #2ec7d31f}.v2-login-input-shell svg{color:#8495b0;width:20px;height:20px}.v2-password-toggle{box-shadow:none;color:#8495b0;cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;min-height:0;padding:0;display:inline-flex}.v2-password-toggle svg{color:currentColor}.v2-password-toggle:hover:not(:disabled),.v2-password-toggle:focus-visible{color:#0aa6b8;background:#2ec7d31a;transform:none;box-shadow:0 0 0 3px #2ec7d31f}.v2-login-input-shell input{color:#10213f;background:0 0;border:0;min-height:38px;padding:0}.v2-login-input-shell input:focus{box-shadow:none;outline:none}.v2-login-remember{color:#10213f;align-items:center;gap:9px;width:fit-content;font-size:.84rem;display:inline-flex}.v2-login-remember input{accent-color:var(--teal);width:18px;height:18px}.v2-login-submit{justify-content:center;min-height:clamp(40px,5.8vh,50px)}.v2-google-login-button{box-shadow:none;color:#3c4043;letter-spacing:0;background:#fff;border:1px solid #dadce0;border-radius:4px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:clamp(42px,6vh,50px);padding:8px 18px;font-family:Roboto,Inter,system-ui,sans-serif;font-size:clamp(.95rem,1.5vw,1.08rem);font-weight:500;display:inline-flex}.v2-google-mark{justify-content:center;align-items:center;width:24px;height:24px;line-height:1;display:inline-flex}.v2-google-mark svg{width:100%;height:100%;display:block}.v2-google-login-button:hover:not(:disabled),.v2-google-login-button:focus-visible{background:#f8fafd;border-color:#c7ccd1;transform:none;box-shadow:0 1px 3px #3c40432e,0 0 0 3px #4285f41f}.v2-google-login-divider{color:#8495b0;text-transform:uppercase;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:9px;margin:1px 0;font-size:.76rem;font-weight:900;line-height:1;display:grid}.v2-google-login-divider:before,.v2-google-login-divider:after{content:"";background:#8495b047;height:1px}.v2-auth-page .v2-login-link-button{box-shadow:none;color:#0c77e6;background:0 0;border:0;justify-self:center;min-height:22px;padding:0;font-size:.86rem;line-height:1.1}.guest-profile-section .v2-login-link-button{box-shadow:none;color:#0c77e6;cursor:pointer;background:0 0;border:0;justify-self:center;min-height:22px;padding:0;font-size:.86rem;line-height:1.1}.guest-profile-section .v2-login-link-button:hover{color:#0aa6b8}.guest-profile-section .v2-login-link-button.is-subtle{color:#8a97aa;justify-self:end;margin-top:-4px;font-size:.78rem}.guest-profile-section .v2-login-link-button.is-subtle:hover{color:#64748b}.v2-auth-page .v2-login-link-button:hover:not(:disabled),.v2-auth-page .v2-login-link-button:focus-visible{box-shadow:none;color:#0aa6b8;background:0 0}.v2-auth-page .v2-login-link-button.is-subtle{color:#8a97aa;justify-self:end;margin-top:-4px;font-size:.78rem}.v2-auth-page .v2-login-link-button.is-subtle:hover:not(:disabled),.v2-auth-page .v2-login-link-button.is-subtle:focus-visible{color:#64748b}.v2-login-status-text{color:#0b6f7e;background:#2ec7d31a;border:1px solid #2ec7d338;border-radius:10px;margin:2px 0;padding:8px 10px;font-size:.82rem;font-weight:800;line-height:1.35}.v2-login-or-divider{width:var(--v2-login-or-width);place-items:center;display:grid;position:relative}.v2-login-or-divider:before{content:"";background:linear-gradient(#0000,#8495b052,#0000);width:1px;height:100%;position:absolute}.v2-login-or-divider span{color:#06183a;background:#fff;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;font-size:.82rem;font-weight:950;display:inline-flex;position:relative;box-shadow:0 10px 24px #0617371f}.v2-auth-page .v2-host-auth-qr{border-radius:18px;place-self:center;padding:clamp(10px,2vh,18px)}.v2-auth-page .v2-host-auth-qr canvas{width:clamp(138px,min(17vw,24vh),204px)!important;height:clamp(138px,min(17vw,24vh),204px)!important}.v2-login-qr-steps{grid-template-columns:repeat(3,minmax(0,1fr));align-self:end;align-items:start;gap:clamp(6px,1vw,10px);margin:0;padding:0;list-style:none;display:grid}.v2-login-qr-steps li{color:#10213f;text-align:center;place-items:center;gap:8px;font-size:clamp(.68rem,min(.86vw,1.45vh),.82rem);line-height:1.25;display:grid}.v2-login-qr-steps svg{color:#e01875;background:#ff3d9a14;border:1px solid #ff3d9a33;border-radius:999px;width:clamp(34px,5.2vh,42px);height:clamp(34px,5.2vh,42px);padding:clamp(7px,1.1vh,10px)}.v2-login-continue{box-shadow:none;color:#10213f;text-align:left;max-width:none;min-height:clamp(58px,8vh,76px);width:calc((100% - (var(--v2-login-method-gap,clamp(14px, 2.5vw, 38px)) * 2) - var(--v2-login-or-width,52px)) / 2);background:linear-gradient(135deg,#7c3aed0f,#2ec7d30a),#ffffffc7;border:1px solid #7c3aed2e;border-radius:18px;grid-template-columns:auto minmax(0,1fr) auto;justify-self:end;align-items:center;gap:clamp(10px,1.5vw,14px);margin-top:clamp(4px,1.1vh,12px);padding:clamp(10px,1.6vh,16px) clamp(16px,2.2vw,26px);display:grid}.v2-login-continue strong,.v2-login-continue small{display:block}.v2-login-continue strong{color:#06183a;font-size:clamp(.96rem,min(1.4vw,2.2vh),1.18rem)}.v2-login-continue small{color:#657895;margin-top:3px;font-size:clamp(.78rem,min(1vw,1.8vh),.92rem)}.v2-login-continue>svg{color:#6d28d9}.v2-login-security-note{color:#485e7e;text-align:center;background:#f8fbffdb;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:4px 8px;min-height:clamp(52px,7.4vh,70px);margin:clamp(0px,.4vh,4px) calc(-1*clamp(18px,min(3vw,4vh),42px)) 0;padding:10px 20px;display:grid}.v2-login-security-note svg{color:#2563eb;grid-row:span 2}.v2-login-security-note strong{color:#06183a;line-height:1}.v2-login-security-note span{grid-column:2}.v2-landing-screen:before,.v2-landing-screen:after{content:"";pointer-events:none;position:absolute}.v2-landing-screen:before{filter:blur(18px);opacity:.72;background:radial-gradient(circle at 18% 72%,#2ec7d35c,#0000 12%),radial-gradient(circle at 62% 44%,#ff3d9a47,#0000 18%),linear-gradient(90deg,#0000,#ffffff0d,#0000);inset:16% -8% 4%}.v2-landing-screen:after{background:linear-gradient(#0000,#02040e8f);height:34%;inset:auto 0 0}.v2-landing-header,.v2-landing-main,.v2-landing-footer,.v2-landing-status{z-index:1;position:relative}.v2-landing-header{z-index:30;justify-content:space-between;align-items:center;gap:clamp(18px,4vw,72px);display:flex}.v2-landing-logo{object-fit:contain;width:auto;height:clamp(48px,4.8vw,76px);display:block}.v2-header-actions{justify-content:end;align-items:center;gap:clamp(10px,1.2vw,18px);min-width:0;display:flex;position:relative}.v2-landing-nav{justify-content:center;align-items:center;gap:clamp(8px,2.4vw,36px);min-width:0;display:flex}.v2-menu-toggle{color:#78eaff;background:#122d5cb3;border:1px solid #38bdf85c;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;display:none;box-shadow:inset 0 0 18px #2ec7d31a,0 0 24px #2ec7d314}.v2-menu-toggle svg{width:1.45rem;height:1.45rem}.v2-menu-toggle:hover,.v2-menu-toggle:focus-visible{color:#ff73c4;border-color:#ff33a694;box-shadow:inset 0 0 22px #ff33a61f,0 0 28px #ff33a624}.v2-landing-nav button,.v2-footer-links button{box-shadow:none;color:#f8fbff9e;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:22px;min-height:46px;padding:10px 16px;font-size:clamp(.86rem,1vw,1.08rem);font-weight:900}.v2-landing-nav button svg{width:1.28em;height:1.28em}.v2-landing-nav button.is-active,.v2-landing-nav button:hover,.v2-landing-nav button:focus-visible{color:#6fe8ff;background:#0f264d9e;border-color:#38bdf86b;box-shadow:inset 0 0 22px #2ec7d31f,0 0 24px #2ec7d31f}.v2-account-menu{position:relative}.v2-mobile-login-button{display:none}.v2-account-avatar-button{box-shadow:none;color:#78eaff;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;min-height:48px;padding:0;display:inline-flex;overflow:hidden}.v2-account-avatar-button img,.v2-account-avatar-button span,.v2-account-dropdown-profile img,.v2-account-dropdown-profile>span:first-child{object-fit:cover;border-radius:999px;width:100%;height:100%}.v2-account-avatar-button span,.v2-account-dropdown-profile>span:first-child{color:#78eaff;letter-spacing:.03em;background:0 0;justify-content:center;align-items:center;font-size:.88rem;font-weight:950;display:inline-flex}.v2-account-avatar-button span svg,.v2-account-dropdown-profile>span:first-child svg{width:58%;height:58%}.v2-account-dropdown{z-index:80;background:#081937fa;border:1px solid #38bdf847;border-radius:18px;gap:4px;min-width:240px;padding:8px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 22px 60px #0000006b}.v2-account-dropdown button{box-shadow:none;color:#f8fbffdb;text-align:left;background:0 0;border:0;border-radius:12px;grid-template-columns:34px minmax(0,1fr);justify-content:start;align-items:center;gap:10px;width:100%;min-height:42px;padding:8px 10px;font-size:.9rem;display:grid}.v2-account-dropdown button:hover,.v2-account-dropdown button:focus-visible{color:#78eaff;background:#ffffff14}.v2-account-dropdown button svg{justify-self:center;width:1.05rem;height:1.05rem}.v2-account-dropdown .is-danger{color:#ff73c4}.v2-account-dropdown-profile{margin-bottom:4px;border-bottom:1px solid #ffffff14!important;padding-bottom:12px!important}.v2-account-dropdown-profile>img,.v2-account-dropdown-profile>span:first-child{width:34px;height:34px}.v2-account-dropdown-profile>span:last-child{gap:2px;min-width:0;display:grid}.v2-account-dropdown-profile strong,.v2-account-dropdown-profile small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.v2-account-dropdown-profile strong{color:#f8fbff;font-size:.9rem;line-height:1.1}.v2-account-dropdown-profile small{color:#a5f3fcd1;font-size:.7rem;font-weight:800;line-height:1.1}.v2-auth-button{color:#f8fbff;white-space:nowrap;background:#122d5cb3;border:1px solid #ff33a67a;border-radius:999px;flex:none;min-height:46px;padding:10px 18px;font-size:clamp(.78rem,.94vw,.98rem);font-weight:950;line-height:1;box-shadow:inset 0 0 22px #ff33a61f,0 0 24px #2ec7d31a}.v2-auth-button svg{color:#ff68bd;width:1.24em;height:1.24em}.v2-auth-button:hover,.v2-auth-button:focus-visible{background:#0f264db8;border-color:#ff33a6c2;transform:translateY(-1px);box-shadow:inset 0 0 26px #ff33a633,0 0 34px #ff33a633}.v2-landing-main{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(280px,.62fr);align-items:end;gap:clamp(10px,1.2vw,18px) clamp(14px,1.65vw,26px);min-height:0;display:grid}.v2-hero-copy{grid-area:1/1/2/2;align-self:center;gap:clamp(14px,2vw,28px);display:grid}.v2-hero-copy h1{text-transform:uppercase;font-size:clamp(3rem,4.2vw,5.4rem);font-weight:950;line-height:.96;display:grid}.v2-hero-copy h1 span{color:#eef4ff;text-shadow:0 6px 26px #0000007a;white-space:nowrap}.v2-hero-copy h1 strong{color:#ff3d9a;font:inherit;text-shadow:0 0 34px #ff3d9a66;white-space:nowrap}.v2-hero-copy p{color:#eef4ffc7;max-width:560px;font-size:clamp(.95rem,1.15vw,1.16rem);line-height:1.42}.v2-feature-strip{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:12px clamp(28px,2.45vw,44px);max-width:760px;display:grid}.v2-feature-strip span{color:#f8fbffd6;align-items:center;gap:10px;min-height:34px;padding-right:clamp(14px,1.4vw,22px);font-size:clamp(.7rem,.82vw,.86rem);font-weight:800;line-height:1.1;display:flex;position:relative}.v2-feature-strip span:not(:last-child):after{content:"";background:#7dd3fc38;width:1px;height:62%;position:absolute;top:19%;right:calc(clamp(28px,2.45vw,44px)/-2)}.v2-feature-strip svg{color:#24d9ff;filter:drop-shadow(0 0 10px #24d9ff73);width:1.7em;height:1.7em}.v2-feature-strip span:nth-child(2n) svg,.v2-feature-strip span:nth-child(4) svg{color:#ff3d9a;filter:drop-shadow(0 0 10px #ff3d9a7a)}.v2-device-stage{grid-area:1/2/2/4;align-self:center;place-items:end center;min-height:clamp(300px,27vw,420px);display:grid;position:relative}.v2-device-stage:before{content:"";filter:blur(30px);background:radial-gradient(circle at 70% 42%,#ff3d9a52,#0000 22%),radial-gradient(circle at 36% 46%,#2ec7d347,#0000 28%);position:absolute;inset:-6% -2% 4% 4%}.v2-device-mockup{filter:drop-shadow(0 26px 48px #0000009e);object-fit:contain;z-index:1;width:min(100%,980px);max-height:clamp(320px,28vw,430px);position:relative;transform:translate(-2%)}.v2-live-stats{color:#eef4ffb8;letter-spacing:.04em;text-transform:uppercase;flex-wrap:wrap;grid-area:2/1/3/2;place-self:end start;align-items:center;gap:8px;max-width:100%;font-size:clamp(.72rem,.86vw,.92rem);font-weight:900;line-height:1.2;display:flex;transform:translateY(4px)}.v2-live-stat{color:#d8ffebeb;align-items:center;gap:8px;min-width:0;display:inline-flex}.v2-live-stat strong{color:#39ff9a;filter:drop-shadow(0 0 8px #39ff9a6b);font-weight:950}.v2-live-stat-primary{color:#d8ffebeb}.v2-live-online-dot{background:#39ff9a;border-radius:999px;flex:none;width:9px;height:9px;animation:1.8s ease-in-out infinite v2-online-pulse;box-shadow:0 0 #39ff9a6b,0 0 12px #39ff9a8f}@keyframes v2-online-pulse{0%{transform:scale(1);box-shadow:0 0 #39ff9a6b,0 0 12px #39ff9a8f}70%{transform:scale(1.08);box-shadow:0 0 0 9px #39ff9a00,0 0 14px #39ff9a6b}to{transform:scale(1);box-shadow:0 0 #39ff9a00,0 0 12px #39ff9a8f}}@media (prefers-reduced-motion:reduce){.v2-live-online-dot{animation:none}}.v2-action-card{appearance:none;color:inherit;cursor:pointer;text-align:left;background:#050c26a8;border:1px solid #24d9ff9e;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-self:center;align-items:center;gap:clamp(12px,1.8vw,28px);width:100%;min-height:clamp(130px,9.2vw,158px);padding:clamp(16px,1.75vw,26px) clamp(18px,2vw,30px) clamp(24px,2.2vw,34px);display:grid;box-shadow:inset 0 0 42px #2ec7d30f,0 18px 38px #0000004d}.v2-action-card:hover,.v2-action-card:focus-visible{background:#071234c7;transform:translateY(-1px);box-shadow:inset 0 0 48px #2ec7d317,0 0 0 1px #24d9ff38,0 18px 44px #0000005c}.v2-action-card:disabled{cursor:wait;opacity:.72}.v2-host-action{grid-area:3/1/4/2;align-self:start}.v2-join-action{border-color:#ff3d9aa3;grid-area:3/2/4/3;align-self:start}.v2-join-action:hover,.v2-join-action:focus-visible{box-shadow:inset 0 0 48px #ff3d9a14,0 0 0 1px #ff3d9a38,0 18px 44px #0000005c}.v2-action-icon{color:#24d9ff;background:#2ec7d329;border-radius:999px;place-items:center;width:clamp(52px,4.5vw,72px);height:clamp(52px,4.5vw,72px);display:grid}.v2-join-action .v2-action-icon{color:#ff5fbd;background:#ff3d9a29}.v2-action-icon svg{width:52%;height:52%}.v2-action-card h2{color:#f8fbff;text-transform:uppercase;font-size:clamp(1.05rem,1.45vw,1.5rem);font-weight:950}.v2-action-card p{color:#f8fbffb8;margin-top:8px;font-size:clamp(.78rem,.9vw,.92rem);line-height:1.35}.v2-action-orb{color:#fff;background:linear-gradient(135deg,#23d6ee,#26d7c8);border:0;border-radius:999px;justify-content:center;place-items:center;gap:10px;width:clamp(58px,5vw,76px);height:clamp(58px,5vw,76px);padding:0;font-weight:950;display:grid;position:relative;box-shadow:0 0 36px #24d9ff47}.v2-action-orb svg{filter:drop-shadow(0 1px 3px #00000047);width:52%;height:52%}.v2-action-orb span{color:#24d9ff;white-space:nowrap;font-size:.72rem;position:absolute;bottom:-22px;right:2px}.v2-join-action .v2-action-orb{background:linear-gradient(135deg,#ff3d9a,#ff69c7);box-shadow:0 0 36px #ff3d9a4d}.v2-join-action .v2-action-orb span{color:#ff5fbd}.v2-how-card{background:#080b26a8;border:1px solid #8db4ff2e;border-radius:8px;grid-area:3/3/4/4;align-self:start;min-height:clamp(150px,10.8vw,190px);padding:clamp(12px,1.15vw,18px);display:grid}.v2-how-card h2{color:#7bbcff;letter-spacing:.08em;text-transform:uppercase;font-size:.9rem;font-weight:950}.v2-how-card ol{gap:7px;margin:9px 0 0;padding:0;list-style:none;display:grid}.v2-how-card li{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;display:grid}.v2-how-card li>svg{color:#49dcff;background:#24d9ff24;border-radius:8px;width:32px;height:32px;padding:7px}.v2-how-card li:nth-child(2)>svg{color:#ff5fbd;background:#ff3d9a29}.v2-how-card li:nth-child(3)>svg{color:#a969ff;background:#985bff2e}.v2-how-card strong{color:#ff5fbd;margin-bottom:3px;font-size:clamp(.76rem,.82vw,.88rem);display:block}.v2-how-card li:first-child strong{color:#8bdcff}.v2-how-card li:nth-child(3) strong{color:#b276ff}.v2-how-card p{color:#f8fbffb3;font-size:clamp(.68rem,.76vw,.78rem);line-height:1.18}.v2-landing-status{justify-self:start}.v2-landing-footer{color:#f8fbff8f;z-index:1;justify-content:space-between;align-items:center;font-size:clamp(.78rem,1vw,1rem);display:flex;position:relative}.v2-footer-links{flex-wrap:wrap;align-items:center;gap:clamp(22px,3vw,46px);display:flex}.v2-footer-links button{color:#f8fbffad;border:0;border-radius:0;min-height:24px;padding:0;font-size:.76rem}.v2-footer-links button:hover,.v2-footer-links button:focus-visible{box-shadow:none;color:#76e8ff;background:0 0;transform:none}.v2-footer-links svg{color:#f8fbffbd;width:16px;height:16px;padding:0}@media (orientation:landscape) and (width>=1000px){.app-shell.v2-shell,.v2-landing-page{overflow:hidden}.v2-landing-page{--v2-outer-pad:clamp(4px, .7vw, 10px);height:100vh}.v2-landing-screen{height:calc(100vh - (var(--v2-outer-pad) * 2));min-height:0;padding:clamp(16px,min(2.5vw,3.8vh),38px) clamp(32px,min(4.2vw,6.2vh),76px)}.v2-about-screen{padding:clamp(16px,min(2.5vw,3.8vh),38px) clamp(32px,min(4.2vw,6.2vh),76px)}.v2-landing-logo{height:clamp(42px,7vh,76px)}.v2-landing-nav button,.v2-auth-button{min-height:clamp(38px,5.3vh,46px);padding:clamp(7px,1.25vh,10px) clamp(10px,.9vw,16px);font-size:clamp(.78rem,min(1vw,2vh),1.08rem)}.v2-hero-copy h1,.v2-about-hero h1{font-size:clamp(2.75rem,min(4.2vw,8.2vh),5.4rem)}.v2-about-card{padding:clamp(14px,2.2vh,24px)}.v2-device-stage{min-height:clamp(260px,41vh,400px)}.v2-device-mockup{max-height:clamp(290px,47vh,420px)}.v2-action-card{min-height:clamp(118px,16.2vh,156px);padding:clamp(13px,2.2vh,24px) clamp(16px,2.4vh,28px) clamp(24px,3.2vh,34px)}.v2-how-card{min-height:clamp(132px,20vh,178px);padding:clamp(10px,1.7vh,16px)}.v2-how-card h2{font-size:clamp(.78rem,1.9vh,.9rem)}.v2-how-card ol{gap:clamp(4px,.72vh,6px);margin-top:clamp(6px,1.1vh,9px)}.v2-how-card li{gap:clamp(6px,1vh,9px)}.v2-how-card li>svg{width:clamp(24px,3.7vh,30px);height:clamp(24px,3.7vh,30px);padding:clamp(5px,.8vh,7px)}.v2-how-card strong{margin-bottom:1px;font-size:clamp(.68rem,1.65vh,.82rem)}.v2-how-card p{font-size:clamp(.58rem,1.42vh,.72rem);line-height:1.12}.v2-landing-footer{font-size:clamp(.72rem,1.8vh,.88rem)}}@media (width<=1180px) and (orientation:portrait){.v2-host-auth-card{grid-template-columns:1fr;max-height:calc(100dvh - 28px);overflow:hidden}.v2-host-auth-left,.v2-host-auth-right{gap:clamp(6px,1.2vh,12px);padding:clamp(14px,3vh,28px) clamp(20px,6vw,42px)}.v2-host-auth-right{display:none}.v2-host-auth-card h1{font-size:clamp(1.55rem,5vw,2.35rem)}.v2-host-auth-card .muted{font-size:clamp(.82rem,2.4vw,.98rem);line-height:1.3}.v2-landing-main{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-hero-copy,.v2-host-action{grid-column:1/2}.v2-device-stage,.v2-join-action{grid-column:2/3}.v2-live-stats{grid-area:2/1/3/2}.v2-host-action,.v2-join-action{grid-row:3/4}.v2-how-card{grid-area:4/1/5/3}.v2-how-card ol{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=860px){.v2-landing-screen,.v2-about-screen{padding:20px}.v2-landing-header{grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:14px;display:grid;position:relative}.v2-landing-logo{justify-self:center;max-width:min(210px,56vw);height:clamp(38px,10vw,52px)}.v2-header-actions{gap:10px;max-width:none;padding-bottom:0;display:contents;overflow:visible}.v2-account-menu{grid-area:1/3;justify-self:end}.v2-mobile-login-button{box-shadow:none;color:#78eaff;background:0 0;border:0;border-radius:999px;grid-area:1/3;justify-content:center;justify-self:end;align-items:center;width:42px;height:42px;min-height:42px;padding:0;display:inline-flex}.v2-mobile-login-button svg{color:currentColor;width:22px;height:22px}.v2-mobile-login-button:hover,.v2-mobile-login-button:focus-visible{box-shadow:none;color:#ff73c4;background:0 0}.v2-account-avatar-button{width:42px;height:42px;min-height:42px}.v2-landing-nav{z-index:80;background:linear-gradient(145deg,#0a1c3cf5,#16143df0),#081430f5;border:1px solid #38bdf83d;border-radius:22px;flex-direction:column;justify-content:start;align-items:stretch;gap:6px;min-width:min(270px,100vw - 32px);padding:10px;display:none;position:absolute;top:calc(100% + 10px);left:0;right:auto;box-shadow:0 24px 60px #00000057,inset 0 0 28px #2ec7d314}.v2-landing-header.is-menu-open .v2-landing-nav{display:flex}.v2-menu-toggle{box-shadow:none;background:0 0;border:0;flex:none;grid-area:1/1;justify-self:start;width:42px;height:42px;display:inline-flex}.v2-menu-toggle:hover,.v2-menu-toggle:focus-visible{box-shadow:none;background:0 0}.v2-landing-nav button{border-radius:16px;justify-content:flex-start;width:100%;min-height:48px}.v2-landing-nav .v2-nav-login-button{display:none}.v2-landing-main,.v2-about-story,.v2-about-status,.v2-about-support,.v2-about-grid,.v2-about-split{grid-template-columns:minmax(0,1fr)}.v2-about-support-actions{justify-content:start}.v2-hero-copy,.v2-device-stage,.v2-live-stats,.v2-host-action,.v2-join-action,.v2-how-card{grid-area:auto/1/auto/2}.v2-feature-strip,.v2-how-card ol{grid-template-columns:repeat(2,minmax(0,1fr))}.v2-device-stage{min-height:360px}.v2-device-mockup{width:100%}.v2-action-card{grid-template-columns:auto minmax(0,1fr)}.v2-action-orb{grid-column:1/3;justify-self:stretch;gap:10px;width:100%;height:52px;padding:0 18px;display:inline-flex}.v2-action-orb svg{width:1.35rem;height:1.35rem}.v2-action-orb span{color:inherit;font-size:.82rem;position:static;bottom:auto}.v2-join-action .v2-action-orb span{color:#fff}}@media (width<=560px){.v2-landing-page,.v2-about-page{padding:0}.v2-landing-screen,.v2-about-screen{border:0;min-height:100vh;padding:16px}.v2-about-main{gap:16px}.v2-about-hero h1{font-size:clamp(2.3rem,13vw,3.6rem)}.v2-about-hero-actions,.v2-about-support-actions{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.v2-about-hero-actions button,.v2-about-support-actions button{justify-content:center;width:100%}.v2-about-card{border-radius:14px;padding:16px}.v2-hero-copy h1{font-size:clamp(2.55rem,16vw,4rem)}.v2-hero-copy h1 span,.v2-hero-copy h1 strong{white-space:normal}.v2-feature-strip,.v2-how-card ol{grid-template-columns:minmax(0,1fr)}.v2-feature-strip span{padding-right:0}.v2-feature-strip span:after{display:none}.v2-device-stage{min-height:auto}.v2-landing-footer{align-items:start;gap:10px;display:grid}.result-item-row{align-items:center;gap:4px;display:flex}.result-item-row .result-item{flex:1}}.landing-bg-note{color:#ff3d9a33;z-index:0;font-size:3rem;font-weight:900;position:absolute}.note-left{color:#2ec7d333;top:35%;left:2%}.note-right{top:34%;right:3%}.landing-wave{opacity:.28;z-index:0;border:10px solid;border-left:0;border-right:0;width:70px;height:74px;position:absolute}.wave-left{border-color:var(--sr-color-primary-teal);top:48%;left:0}.wave-right{border-color:var(--sr-color-primary-pink);top:47%;right:0}.stack{gap:10px;display:grid}.search-form{gap:8px;display:grid}.search-form>div{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.youtube-fallback-button{box-shadow:none;color:var(--sr-color-primary-teal);text-align:left;background:#2ec7d31a;border:1px solid #2ec7d347;border-radius:999px;justify-self:start;min-height:32px;padding:7px 11px;font-size:clamp(.72rem,2.4vw,.82rem);font-weight:900;line-height:1.2}.youtube-fallback-button:hover:not(:disabled),.youtube-fallback-button:focus-visible{color:var(--sr-color-primary-pink);background:#ff3d9a1a;border-color:#ff3d9a4d;transform:none;box-shadow:0 0 0 3px #2ec7d329}.search-results{gap:12px;margin-top:4px;display:grid}.search-results-loading{border-top:1px solid var(--border);padding-top:10px}.search-results-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.search-source-dot{border-radius:999px;flex:none;width:10px;height:10px;display:inline-block;box-shadow:0 0 0 4px #ffffffa6}.search-source-dot.is-cache{background:#35d07f;box-shadow:0 0 0 4px #35d07f29,0 0 16px #35d07f6b}.search-source-dot.is-youtube{background:var(--sr-color-primary-pink);box-shadow:0 0 0 4px #ff3d9a29,0 0 16px #ff3d9a6b}.search-source-dot.is-scrape{background:#d8cdf8;box-shadow:0 0 0 4px #d8cdf829,0 0 16px #d8cdf86b}.search-did-you-mean{color:#304663;background:#2ec7d31a;border:1px solid #2ec7d338;border-radius:999px;margin:-2px 0 0;padding:8px 11px;font-size:.82rem;font-weight:800;line-height:1.35}.search-did-you-mean strong{color:var(--teal-strong)}.search-loading-card{text-align:center;background:linear-gradient(135deg,#2ec7d324,#ff3d9a1f),#ffffffe0;border:1px solid #2ec7d33d;border-radius:16px;place-items:center;gap:8px;width:auto;padding:14px 20px;display:grid;position:relative;overflow:hidden;box-shadow:0 16px 36px #06173714}.search-loading-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffffad,#0000);width:38%;animation:1.7s ease-in-out infinite search-loading-shine;position:absolute;inset:0 auto 0 -45%;transform:skew(-18deg)}.search-loading-card>*{z-index:1;position:relative}.search-loading-orbit{background:linear-gradient(135deg, var(--sr-color-primary-teal), var(--sr-color-primary-pink));color:#fff;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;animation:1.25s ease-in-out infinite search-loading-pulse;display:inline-flex}.search-loading-orbit svg{width:17px;height:17px;animation:1.35s linear infinite search-loading-spin}.search-loading-card strong,.search-loading-card span{display:block}.search-loading-card strong{color:var(--ink);font-size:.95rem;line-height:1.2}.search-loading-card div>span{color:var(--muted);margin-top:3px;font-size:.82rem;font-weight:750}.search-loading-dots{gap:5px;display:inline-flex}.search-loading-dots span{background:var(--sr-color-primary-pink);opacity:.42;border-radius:999px;width:7px;height:7px;animation:1s ease-in-out infinite search-loading-dot;box-shadow:0 0 10px #ff3d9a4d}.search-loading-dots span:nth-child(2){animation-delay:.12s}.search-loading-dots span:nth-child(3){animation-delay:.24s}@keyframes search-loading-shine{0%{transform:translate(0)skew(-18deg)}to{transform:translate(390%)skew(-18deg)}}@keyframes search-loading-pulse{0%,to{transform:scale(1);box-shadow:0 0 #2ec7d329}50%{transform:scale(1.04);box-shadow:0 0 0 8px #ff3d9a14}}@keyframes search-loading-spin{to{transform:rotate(360deg)}}@keyframes search-loading-dot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.search-loading-card:before,.search-loading-orbit,.search-loading-orbit svg,.search-loading-dots span{animation:none}}.suggestions-refresh-button{color:var(--teal-strong);background:#ffffffc2;border:1px solid #2ec7d347;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:34px;padding:7px 11px;font-size:.78rem;font-weight:900;display:inline-flex}.suggestions-refresh-button svg{width:15px;height:15px}.result-list{gap:10px;display:grid}.result-item{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:#ffffffd1;border-radius:16px;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid}.result-item-row{align-items:center;gap:4px;display:flex}.result-item-row .result-item{flex:1}.result-item:hover,.result-item:focus-visible{border-color:#2ec7d357;outline:0;transform:translateY(-1px);box-shadow:0 18px 44px #0617371f}.result-item img{aspect-ratio:16/9;object-fit:cover;border-radius:12px;width:64px;display:block}.result-item div{gap:2px;min-width:0;display:grid}.result-item strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.18;display:-webkit-box;overflow:hidden}.result-item span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.86rem;overflow:hidden}.ad-container{background:#ffffff09;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:200px;margin:8px 0;padding:12px;display:flex}.ad-label{text-transform:uppercase;letter-spacing:1px;color:var(--muted,#999);margin-bottom:4px;font-size:10px}.ad-container .adsbygoogle{width:100%;display:block}.result-add-icon-button{border-radius:999px;justify-content:center;align-self:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;display:inline-flex}.result-add-icon-button svg{width:19px;height:19px}.result-fav-button{cursor:pointer;background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.result-fav-button svg{color:#b0b0b0;width:16px;height:16px}.result-fav-button:hover svg{color:var(--sr-color-primary-pink)}.songbook-browser{gap:8px;margin-top:2px;display:grid;position:relative}.songbook-loading-overlay{-webkit-backdrop-filter:blur(3px);z-index:10;background:#fff9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.songbook-tab-panel{position:relative;overflow:visible}.songbook-shell{min-height:58vh;position:relative}.songbook-header{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#2ec7d31f,#ff3d9a1a),#ffffffd6;border:1px solid #2ec7d333;border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.songbook-header .eyebrow{margin:0 0 2px}.songbook-header span{color:var(--muted);font-size:.75rem;font-weight:800;display:block}.songbook-update-button{color:var(--sr-color-primary-pink);background:#ff3d9a1f;border:1px solid #ff3d9a40;border-radius:999px;flex:none;align-items:center;gap:6px;min-height:34px;padding:7px 11px;font-size:.78rem;font-weight:900;display:inline-flex}.songbook-update-button svg{width:15px;height:15px}.songbook-status-pill{color:#304663ad;text-transform:uppercase;background:#2ec7d30f;border:1px solid #2ec7d324;border-radius:999px;flex:none;padding:6px 8px;font-size:.64rem;font-weight:850;line-height:1}.songbook-header-update{background:linear-gradient(135deg, var(--sr-color-primary-teal), var(--sr-color-primary-pink));color:#071734;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;min-height:38px;padding:0;display:inline-flex}.songbook-header-update svg{width:18px;height:18px}.songbook-header-search{color:var(--muted);background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;min-height:32px;padding:0;display:inline-flex}.songbook-header-search:hover{background:#2ec7d314}.songbook-header-search svg{width:17px;height:17px}.songbook-header.is-expanded{border-color:var(--sr-color-primary-teal);background:#ffffffeb;gap:0;padding:4px 8px;box-shadow:0 0 0 2px #2ec7d329}.songbook-header.is-expanded input{color:inherit;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:4px 6px;font-size:.95rem;font-weight:600}.songbook-header.is-expanded input::placeholder{color:var(--muted);opacity:.7;font-weight:500}.songbook-header-close{color:var(--muted);background:#2ec7d31a;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;min-height:30px;padding:0;display:inline-flex}.songbook-header-close:hover{color:var(--sr-color-primary-dark);background:#2ec7d333}.songbook-header-close svg{width:16px;height:16px}.songbook-letter-strip{overscroll-behavior-x:contain;scrollbar-width:thin;white-space:nowrap;-webkit-overflow-scrolling:touch;gap:4px;margin:0 -2px;padding:2px 2px 6px;display:flex;overflow-x:auto}.songbook-letter-strip button{color:var(--muted);background:#ffffffc2;border:1px solid #2ec7d333;border-radius:10px;flex:0 0 30px;justify-content:center;align-items:center;min-height:30px;padding:0;font-size:.72rem;font-weight:950;display:inline-flex}.songbook-letter-strip button.active{color:#13264a;background:linear-gradient(135deg,#2ec7d32e,#ff3d9a24),#ffffffeb;border-color:#ff3d9a6b;box-shadow:0 10px 24px #ff3d9a24,inset 0 0 0 1px #ffffffb8}.songbook-letter-strip button:disabled{cursor:not-allowed;opacity:.42}.songbook-list-header{color:var(--muted);justify-content:space-between;align-items:center;padding:0 2px;font-size:.74rem;font-weight:850;display:flex}.songbook-list-header strong{color:var(--ink);letter-spacing:.04em;font-size:.88rem}.songbook-title-list{gap:6px;display:grid}.songbook-title-card{border:1px solid var(--border);box-shadow:var(--shadow-soft);color:var(--ink);text-align:left;background:#ffffffd6;border-radius:13px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-height:50px;padding:7px 8px;display:grid}.songbook-title-card:hover,.songbook-title-card:focus-visible{border-color:#2ec7d357;outline:0;transform:translateY(-1px);box-shadow:0 18px 44px #0617371f}.songbook-title-icon{color:var(--teal-strong);background:#2ec7d31f;border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.songbook-title-icon svg{width:16px;height:16px}.songbook-title-copy{gap:3px;min-width:0;display:grid}.songbook-title-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.songbook-title-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;font-weight:780;overflow:hidden}.songbook-title-card>svg{color:var(--sr-color-primary-pink);width:16px;height:16px}.songbook-show-more-button{color:#e91e80;background:#ff30911a;border:1px solid #ff309138;border-radius:999px;justify-content:center;justify-self:center;align-items:center;width:min(220px,70%);min-height:42px;margin:.25rem auto 0;padding:.65rem 1.35rem;font-size:.9rem;font-weight:900;display:inline-flex}.songbook-show-more-button:hover,.songbook-show-more-button:focus-visible{color:#c81468;background:#ff309129;outline:none;box-shadow:0 0 0 3px #28d6e22e}.songbook-empty{color:var(--muted);background:#ffffffb8;border:1px dashed #2ec7d347;border-radius:14px;margin:0;padding:10px;font-size:.85rem;font-weight:800}.songbook-search-view{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#2ec7d321,#ff3d9a1a),#fffffff5;border:1px solid #2ec7d33d;border-radius:18px;gap:12px;padding:12px;display:grid;overflow-y:auto}.songbook-search-view-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.songbook-search-view-header h2{color:var(--ink);margin:2px 0 0;font-size:1.1rem;line-height:1.1}.songbook-search-close{color:var(--ink);background:#ffffffb8;border:1px solid #2ec7d338;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;min-height:38px;padding:0;display:inline-flex}.songbook-search-close svg{width:19px;height:19px}.songbook-search-type-toggle{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.songbook-search-type-toggle button{color:var(--muted);white-space:nowrap;background:#ffffffb3;border:1px solid #2ec7d333;border-radius:11px;justify-content:center;align-items:center;gap:6px;min-height:34px;padding:6px;font-size:.72rem;font-weight:900;display:inline-flex}.songbook-search-type-toggle button.active{color:var(--ink);background:linear-gradient(135deg,#2ec7d32e,#ff3d9a24),#ffffffeb;border-color:#ff3d9a57}.songbook-search-type-toggle svg{width:16px;height:16px}.songbook-search-input-row{background:#ffffffdb;border:1px solid #2ec7d342;border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:9px;padding:0 12px;display:grid}.songbook-search-input-row>svg{color:var(--sr-color-primary-teal);width:18px;height:18px}.songbook-search-input-row input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;min-height:48px;padding:0;font-size:.98rem;font-weight:800}.songbook-search-selection{gap:10px;display:grid}.songbook-search-hint{color:var(--muted);background:#ffffffa3;border:1px dashed #2ec7d33d;border-radius:16px;margin:0;padding:12px;font-size:.84rem;font-weight:800;line-height:1.35}.songbook-search-empty{color:var(--muted);background:#ffffffa3;border:1px dashed #2ec7d33d;border-radius:14px;gap:8px;margin:0;padding:8px;display:grid}.songbook-search-empty p{margin:0;font-size:.85rem;font-weight:800}.songbook-search-empty span,.songbook-search-suggestion{color:var(--muted);margin:0;font-size:.78rem;font-weight:800;line-height:1.35}.songbook-search-suggestion{background:#ffffffdb;border:1px solid #2ec7d338;border-radius:999px;padding:8px 12px}.songbook-search-suggestion strong{color:var(--sr-color-primary-pink)}.guest-layout--songbook{box-sizing:border-box;max-width:430px;min-height:100dvh;padding:10px 12px calc(60px + env(safe-area-inset-bottom));background:radial-gradient(circle at 12% 0,#2ec7d31f,#0000 28%),radial-gradient(circle at 88% 2%,#ff3d9a1a,#0000 30%),#f8fbff;gap:8px;width:min(100%,430px);overflow-x:hidden}.guest-layout--songbook .guest-app-bar{box-shadow:none;background:0 0;border:0;border-radius:0;min-width:0;padding:0 0 4px;position:relative;top:auto}.guest-layout--songbook .guest-app-logo{max-width:min(168px,42vw);height:clamp(32px,8.8vw,42px)}.guest-layout--songbook .guest-app-actions{gap:5px}.guest-layout--songbook .guest-online-status{color:#071734;max-width:none;font-size:clamp(.68rem,2.55vw,.78rem);font-weight:850}.guest-layout--songbook .guest-online-dot{width:8px;height:8px}.guest-layout--songbook .guest-menu-button{color:#4f5f78;width:28px;height:28px;min-height:28px}.guest-layout--songbook .guest-chat-button{color:var(--sr-color-primary-pink)}.guest-layout--songbook .guest-menu-button svg{width:20px;height:20px}.guest-layout--songbook .panel.tab-panel.songbook-tab-panel{box-shadow:none;background:0 0;border:0;border-radius:0;width:100%;padding:0}.guest-layout--songbook .songbook-shell{width:100%;min-height:0}.guest-layout--songbook .songbook-browser{box-sizing:border-box;gap:8px;width:100%;margin:0}.guest-layout--songbook .songbook-hero-card.songbook-header{background:url(/karaoke-hero.webp) 50%/cover no-repeat;border:0;border-radius:22px;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;min-height:150px;padding:15px;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 36px #0617371a}.guest-layout--songbook .songbook-hero-card:after{display:none}.guest-layout--songbook .songbook-hero-copy{z-index:1;align-self:start;gap:2px;display:grid;position:relative}.guest-layout--songbook .songbook-hero-copy .eyebrow{color:var(--sr-color-primary-pink);letter-spacing:.34em;margin:0 0 4px;font-size:.68rem}.guest-layout--songbook .songbook-hero-copy strong{color:#071734;font-size:clamp(1.82rem,8.2vw,2.55rem);font-weight:950;line-height:.96}.guest-layout--songbook .songbook-hero-copy span{color:#1d2d4b;font-size:clamp(.75rem,2.9vw,.9rem);font-weight:900}.guest-layout--songbook .songbook-hero-art,.guest-layout--songbook .songbook-hero-mic,.guest-layout--songbook .songbook-note,.guest-layout--songbook .songbook-note-one,.guest-layout--songbook .songbook-note-two{display:none}.guest-layout--songbook .songbook-header-search{color:var(--sr-color-primary-pink);text-align:left;z-index:2;background:#fffffff5;border:0;border-radius:999px;grid-column:1/-1;grid-template-columns:minmax(0,1fr) auto;justify-content:stretch;align-self:end;align-items:center;gap:10px;width:100%;height:auto;min-height:42px;padding:0 12px 0 16px;display:grid;position:relative;box-shadow:0 14px 28px #0617371f}.guest-layout--songbook .songbook-header-search span{color:#7b879d;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.74rem,2.9vw,.86rem);font-weight:850;display:block;overflow:hidden}.guest-layout--songbook .songbook-header-search svg{color:var(--sr-color-primary-pink);width:21px;height:21px}.guest-layout--songbook .songbook-header.is-expanded{background:#fffffffa;border:0;border-radius:999px;min-height:42px;padding:0 10px 0 18px;box-shadow:0 14px 28px #0617371f}.guest-layout--songbook .songbook-header.is-expanded input{color:#071734;min-height:42px;font-size:.84rem}.guest-layout--songbook .songbook-header.is-expanded input::placeholder{color:#7b879d;font-weight:800}.guest-layout--songbook .songbook-header-close{color:var(--sr-color-primary-teal);background:#2ec7d31a;width:32px;height:32px;min-height:32px}.guest-layout--songbook .songbook-search-type-toggle{gap:0}.guest-layout--songbook .songbook-search-type-toggle button{color:#66758e;background:#ffffffe0;border:1px solid #7889a029;border-radius:0;gap:6px;min-height:40px;font-size:clamp(.7rem,2.65vw,.82rem)}.guest-layout--songbook .songbook-search-type-toggle button:first-child{border-radius:16px 0 0 16px}.guest-layout--songbook .songbook-search-type-toggle button:last-child{border-radius:0 16px 16px 0}.guest-layout--songbook .songbook-search-type-toggle button.active{color:var(--sr-color-primary-pink);z-index:1;background:#fff5fbf5;border-color:#ff3d9a61;box-shadow:0 10px 24px #ff3d9a1a}.guest-layout--songbook .songbook-search-type-toggle svg{width:16px;height:16px}.guest-layout--songbook .songbook-letter-strip{scrollbar-width:none;gap:8px;margin:0 -12px;padding:2px 12px 6px}.guest-layout--songbook .songbook-letter-strip::-webkit-scrollbar{display:none}.guest-layout--songbook .songbook-letter-strip button{color:#1f2d45;background:#ffffffeb;border:1px solid #7889a02e;border-radius:11px;flex-basis:34px;min-height:34px;font-size:.78rem}.guest-layout--songbook .songbook-letter-strip button.active{color:var(--sr-color-primary-pink);background:#ffedf7f5;border-color:#ff3d9a6b;box-shadow:0 12px 24px #ff3d9a1f}.guest-layout--songbook .songbook-list-header{color:#697792;padding:0 10px;font-size:.76rem}.guest-layout--songbook .songbook-list-header strong{color:#071734;letter-spacing:0;font-size:1.22rem;line-height:1;position:relative}.guest-layout--songbook .songbook-list-header strong:after{background:var(--sr-color-primary-pink);content:"";border-radius:999px;width:20px;height:3px;position:absolute;bottom:-6px;left:0}.guest-layout--songbook .songbook-title-list{gap:8px}.guest-layout--songbook .songbook-title-card{background:#fffffff0;border:1px solid #7889a01f;border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;min-height:58px;padding:8px 10px;box-shadow:0 10px 28px #0617370f}.guest-layout--songbook .songbook-title-card:hover,.guest-layout--songbook .songbook-title-card:focus-visible{box-shadow:0 18px 38px #0617371f}.guest-layout--songbook .songbook-title-icon{color:var(--sr-color-primary-teal);background:linear-gradient(135deg,#2ec7d329,#2ec7d30f);border-radius:12px;width:42px;height:42px}.guest-layout--songbook .songbook-title-icon svg{width:19px;height:19px}.guest-layout--songbook .songbook-title-copy{gap:3px}.guest-layout--songbook .songbook-title-copy strong{color:#071734;font-size:clamp(.82rem,3.15vw,.98rem);font-weight:950}.guest-layout--songbook .songbook-title-copy small{color:#6b7890;font-size:clamp(.7rem,2.65vw,.82rem);font-weight:850}.songbook-title-actions{color:#67768f;align-items:center;gap:6px;display:inline-flex}.songbook-title-actions svg{width:16px;height:16px}.songbook-title-actions svg:last-child{opacity:.85;width:15px;height:15px}.guest-layout--songbook .songbook-empty,.guest-layout--songbook .songbook-search-empty{color:#66758e;background:#ffffffe6;border-color:#7889a029;border-radius:16px;padding:14px}.guest-layout--songbook .search-results,.guest-layout--songbook .empty-results{color:#071734}.guest-layout--songbook .guest-tabs--bottom button{color:var(--muted);border-radius:999px;gap:0;min-height:38px;padding:2px 4px;font-size:0;font-weight:850;position:relative}.guest-layout--songbook .guest-tabs--bottom button svg{width:22px;height:22px}.guest-layout--songbook .guest-tabs--bottom .guest-tab-label{display:none}.guest-layout--songbook .guest-tabs--bottom button.active{background:linear-gradient(135deg, var(--teal), var(--pink));color:#fff}.guest-layout--songbook .guest-tabs--bottom button.active svg{color:#fff}.guest-layout--songbook .guest-tabs--bottom button.active:after{display:none}@media (width<=420px){.guest-layout--songbook{padding-left:10px;padding-right:10px}.guest-layout--songbook .songbook-hero-card.songbook-header{border-radius:20px;min-height:146px;padding:14px}.guest-layout--songbook .songbook-hero-art{min-width:68px}.guest-layout--songbook .songbook-search-type-toggle button{gap:4px;padding:6px 2px;font-size:.68rem}.guest-layout--songbook .songbook-search-type-toggle svg{width:14px;height:14px}.guest-layout--songbook .songbook-title-card{grid-template-columns:40px minmax(0,1fr) auto;min-height:56px;padding:8px 9px}.guest-layout--songbook .songbook-title-icon{width:40px;height:40px}.songbook-title-actions{gap:6px}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.empty-results{border-top:1px solid var(--border);padding-top:10px}.more-results-button{justify-self:center;padding:10px 16px}.divider{color:var(--muted);text-transform:uppercase;align-items:center;gap:12px;font-size:.75rem;font-weight:700;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.banner{color:var(--pink-strong);background:#fff4faeb;border:1px solid #ff3d9a42;border-radius:16px;margin-bottom:16px;padding:12px 14px}.topbar,.host-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.guest-layout{align-content:start;gap:6px;max-width:560px;margin:0 auto;padding-bottom:96px;display:grid}.guest-app-bar{box-shadow:var(--shadow);z-index:20;background:#ffffffc7;border:1px solid #2ec7d329;border-radius:18px;justify-content:space-between;align-items:center;padding:6px 8px;display:flex;position:sticky;top:8px}.guest-app-logo{object-fit:contain;object-position:left center;width:auto;max-width:min(205px,58vw);height:clamp(32px,7vw,44px);display:block}.guest-app-brand{align-items:center;min-width:0;display:inline-flex}.guest-app-actions{flex:none;align-items:center;gap:6px;display:inline-flex}.guest-online-status{color:#0d1f3db8;letter-spacing:0;white-space:nowrap;flex:none;align-items:center;gap:5px;max-width:80px;font-size:clamp(.7rem,2.5vw,.78rem);font-weight:900;line-height:1;display:inline-flex}.guest-online-dot{background:#20d26b;border-radius:999px;flex:none;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #20d26b94}.guest-menu-button{box-shadow:none;color:var(--teal-strong);background:0 0;border:0;border-radius:10px;width:36px;height:36px;min-height:36px;padding:0;position:relative}.guest-menu-button:hover:not(:disabled){box-shadow:none;background:#2ec7d314}.guest-menu-button svg{width:20px;height:20px}.guest-layout.guest-dark-theme{color:#f8fafc}.guest-dark-theme .guest-app-bar,.guest-dark-theme .guest-tabs,.guest-dark-theme .panel,.guest-dark-theme .guest-now-singing,.guest-dark-theme .room-queue-card,.guest-dark-theme .queue-section,.guest-dark-theme .popular-searches-panel{color:#f8fafc;background:linear-gradient(135deg,#2ec7d31a,#ff3d9a14),#091836e0;border-color:#2ec7d333;box-shadow:0 22px 62px #0000003d}.guest-dark-theme .guest-app-bar{background:linear-gradient(135deg,#2ec7d324,#ff3d9a1a),#07142eeb;border-color:#2ec7d347}.guest-dark-theme .guest-app-logo{filter:drop-shadow(0 10px 24px #2ec7d333)}.guest-dark-theme .guest-online-status,.guest-dark-theme .guest-tabs button,.guest-dark-theme .join-intro,.guest-dark-theme .popular-search-copy span,.guest-dark-theme .muted,.guest-dark-theme .search-did-you-mean,.guest-dark-theme .result-item span,.guest-dark-theme .queue-list li span{color:#e2f0ffc7}.guest-dark-theme .guest-menu-button{color:#7dd3fc}.guest-dark-theme .guest-chat-button,.guest-dark-theme .eyebrow,.guest-dark-theme .popular-searches-header>svg{color:var(--pink)}.guest-dark-theme .guest-tabs button.active{background:linear-gradient(135deg, var(--teal), var(--pink));color:#fff;box-shadow:0 12px 32px #ff3d9a33}.guest-dark-theme label,.guest-dark-theme h1,.guest-dark-theme h2,.guest-dark-theme h3,.guest-dark-theme .section-title h2,.guest-dark-theme .popular-searches-header h2,.guest-dark-theme .search-results-header h2,.guest-dark-theme .suggested-songs-header h2,.guest-dark-theme .result-item strong,.guest-dark-theme .queue-list li strong,.guest-dark-theme .room-badge strong,.guest-dark-theme .queue-summary,.guest-dark-theme .popular-search-copy strong,.guest-dark-theme .guest-now-singing-title,.guest-dark-theme .guest-now-singing-singer{color:#f8fafc}.guest-dark-theme .section-title span,.guest-dark-theme .popular-rank,.guest-dark-theme .search-source-label{color:#a5f3fc;background:#2ec7d324;border-color:#2ec7d342}.guest-dark-theme .search-form>div,.guest-dark-theme .result-item,.guest-dark-theme .queue-list li,.guest-dark-theme .popular-search-item,.guest-dark-theme .search-loading-card{color:#f8fafc;background:#061737b8;border-color:#2ec7d32e}.guest-dark-theme .queue-list li.is-own-song,.guest-dark-theme .queue-list li.is-current{background:linear-gradient(135deg,#2ec7d329,#ff3d9a1f),#061737d1}.guest-dark-theme .queue-copy span,.guest-dark-theme .queue-section .muted{color:#e2f0ffbd}.guest-dark-theme .queue-index{box-shadow:0 8px 20px #ff3d9a2e}.guest-dark-theme .queue-thumb-frame{background:#e2f0ff1a}.guest-dark-theme .song-status-badge{color:#a5f3fc;background:#2ec7d324;border-color:#2ec7d352}.guest-dark-theme .song-status-badge.is-now-playing{color:#f9a8d4;background:#ff3d9a2e;border-color:#ff3d9a5c}.guest-dark-theme .search-loading-card:before{background:linear-gradient(90deg,#0000,#ffffff1f,#0000)}.guest-dark-theme .community-chat-close{color:#a5f3fc;background:#061737c7;border-color:#2ec7d33d}.guest-dark-theme .community-chat-close:hover:not(:disabled),.guest-dark-theme .community-chat-close:focus-visible{color:#f8fafc;background:#2ec7d324}.guest-dark-theme .community-chat-messages{background:#01081652;border-color:#2ec7d32e}.guest-dark-theme .community-chat-message{border-bottom-color:#2ec7d324}.guest-dark-theme .community-chat-message strong{color:#67e8f9}.guest-dark-theme .community-chat-form input{color:#f8fafc;background:#01081657;border-color:#2ec7d33d;width:100%}.guest-chat-button,.guest-chat-button.has-unread-chat{color:var(--pink)}.guest-chat-badge{background:linear-gradient(135deg,#ff3d9a,#ff6ac7);border:2px solid #fffffff5;border-radius:999px;width:11px;height:11px;animation:1.35s ease-in-out infinite chat-badge-pulse;position:absolute;top:7px;right:7px;box-shadow:0 0 14px #ff3d9a94}.guest-dark-theme .guest-chat-badge{border-color:#091836fa}.guest-chat-button:hover:not(:disabled){box-shadow:none;background:#ff3d9a14}.guest-status-banner{color:var(--teal-strong);background:#2ec7d31f;border:1px solid #2ec7d338;border-radius:999px;justify-self:center;padding:8px 14px;font-size:.86rem;font-weight:900}.guest-toast{bottom:calc(92px + env(safe-area-inset-bottom));color:#fff;text-align:left;z-index:80;background:linear-gradient(135deg,#2ec7d3f0,#ff3d9af0),#fff;border:1px solid #fff9;border-radius:999px;align-items:center;gap:8px;width:max-content;max-width:min(88vw,460px);padding:11px 15px;font-size:clamp(.82rem,3vw,.94rem);font-weight:900;animation:.26s ease-out both guest-toast-rise;display:inline-flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 18px 44px #ff3d9a3d,0 12px 28px #2ec7d338}.guest-toast svg{flex:none;width:18px;height:18px}.guest-toast span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@keyframes guest-toast-rise{0%{opacity:0;transform:translate(-50%,14px)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes chat-badge-pulse{0%,to{opacity:.82;transform:scale(1)}50%{opacity:1;transform:scale(1.22)}}.guest-unavailable-card{text-align:center;place-items:center;gap:12px;padding:26px 20px;display:grid}.guest-unavailable-icon{filter:drop-shadow(0 10px 24px #2ec7d32e);object-fit:contain;width:auto;max-width:min(280px,78vw);height:clamp(42px,10vw,56px)}.guest-unavailable-card h2{color:var(--text-strong);font-size:1.35rem;line-height:1.15}.host-shell{color:#f8fafc;box-sizing:border-box;background:radial-gradient(circle at 16% 8%,#2ec7d333,#0000 28%),radial-gradient(circle at 84% 12%,#ff3d9a29,#0000 30%),linear-gradient(135deg,#061737,#0a1022 72%);height:100vh;min-height:100vh;padding:clamp(8px,1.1vw,16px);position:relative;overflow:hidden}.host-layout{--host-header-height:clamp(44px, 5vh, 54px);--host-layout-gap:clamp(5px, .75vw, 10px);--host-sidebar-width:clamp(280px, 20vw, 320px);--now-playing-min-height:64px;--now-playing-max-height:84px;--room-activity-height:clamp(130px, 16vh, 180px);grid-template-columns:minmax(0, 1fr) var(--host-sidebar-width);grid-template-rows:var(--host-header-height) 1fr minmax(var(--now-playing-min-height), var(--now-playing-max-height));align-content:start;align-items:start;gap:var(--host-layout-gap);justify-content:start;max-width:1860px;height:100%;min-height:0;max-height:100%;margin:0 auto;display:grid;position:relative;overflow:hidden}.host-room-tv-mode{height:var(--host-tv-height,100%);max-width:none;min-height:0;transform:translateX(-50%) scale(var(--host-tv-scale,1));transform-origin:top;width:var(--host-tv-width,100%);position:absolute;top:0;left:50%;overflow:hidden}.host-header{height:var(--host-header-height);grid-column:1/-1;align-items:center;min-height:0;margin-bottom:0}.host-brand-block{align-items:center;min-width:0;display:flex}.host-header-actions{flex:none;align-items:center;gap:7px;display:flex}.host-menu{position:relative}.host-menu-toggle{color:#f8fafc99;cursor:pointer;height:38px;transition:background var(--sr-transition-fast), color var(--sr-transition-fast);background:0 0;border:none;justify-content:center;align-items:center;width:38px;padding:0;display:flex}.host-menu-toggle:hover,.host-menu-toggle:focus-visible{color:#f8fafc;background:#ffffff14;outline:none}.host-menu-toggle svg{width:18px;height:18px}.host-search-toggle{color:#2ec7d3c7;margin-left:6px}.host-menu-dropdown{z-index:100;background:#0c1c3af5;border:1px solid #ffffff1f;border-radius:12px;min-width:200px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 48px #00000073}.host-menu-item{color:#f8fafc;cursor:pointer;transition:background var(--sr-transition-fast);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.84rem;display:flex}.host-menu-item:hover,.host-menu-item:focus-visible{background:#ffffff14;outline:none}.host-menu-item svg{opacity:.7;flex-shrink:0;width:16px;height:16px}.host-menu-item span:first-of-type{flex:1}.host-menu-account{background:linear-gradient(135deg,#2ec7d324,#ff3d9a14),#ffffff0a;border:1px solid #2ec7d32e;align-items:center}.host-menu-account span:first-of-type{gap:2px;min-width:0;display:grid}.host-menu-account strong,.host-menu-account small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.host-menu-account strong{color:#f8fafc;font-size:.84rem;line-height:1.1}.host-menu-account small{color:#a5f3fcd1;font-size:.68rem;font-weight:800;line-height:1.1}.host-menu-item--danger{color:var(--pink-strong,#ff3d9a)}.host-menu-item--danger:hover,.host-menu-item--danger:focus-visible{background:#ff3d9a1a}.host-menu-switch{height:20px;transition:background var(--sr-transition-fast);background:#ffffff1f;border-radius:999px;width:36px;display:block;position:relative}.host-menu-switch.is-on{background:#2ec7d373}.host-menu-switch-dot{height:16px;transition:transform var(--sr-transition-fast);background:#f8fafc;border-radius:50%;width:16px;display:block;position:absolute;top:2px;left:2px}.host-menu-switch.is-on .host-menu-switch-dot{transform:translate(16px)}.host-menu-divider{background:#ffffff14;height:1px;margin:4px 8px}.host-menu-qr-card{text-align:center;background:linear-gradient(135deg,#2ec7d324,#ff3d9a14),#ffffff0b;border:1px solid #2ec7d32e;border-radius:12px;place-items:center;gap:8px;margin:6px;padding:10px;display:grid}.host-menu-qr-card canvas{background:#fff;border-radius:10px;display:block;width:126px!important;height:126px!important}.host-menu-qr-card div{gap:3px;display:grid}.host-menu-qr-card span{color:#a5f3fcdb;letter-spacing:.12em;text-transform:uppercase;font-size:.64rem;font-weight:900}.host-menu-qr-card strong{color:#f8fafc;letter-spacing:.08em;font-size:1.12rem;font-weight:950}.host-search-backdrop{z-index:180;background:linear-gradient(90deg,#06173700,#06173775);justify-content:flex-end;align-items:stretch;padding:22px;display:flex;position:absolute;inset:0}.host-search-panel{background:linear-gradient(145deg,#2ec7d31f,#ff3d9a1f),#061737f5;border:1px solid #ffffff29;border-radius:30px;grid-template-rows:auto minmax(0,1fr);gap:12px;width:clamp(390px,31vw,430px);min-width:360px;max-width:min(430px,100% - 32px);padding:12px;display:grid;overflow:hidden;box-shadow:0 32px 90px #00000080}.host-search-header{color:#f8fafc;justify-content:space-between;align-items:center;gap:12px;padding:4px 4px 0;display:flex}.host-search-header div{gap:2px;min-width:0;display:grid}.host-search-header span{color:#2ec7d3c7;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:900}.host-search-header strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.host-search-header button{color:#f8fafc;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.host-search-body{scrollbar-width:thin;background:radial-gradient(circle at 20% 0,#2ec7d32e,#0000 30%),radial-gradient(circle at 84% 12%,#ff3d9a24,#0000 26%),#f8fafcf5;border:1px solid #ffffffc7;border-radius:24px;align-content:start;gap:14px;min-height:0;padding:14px;display:grid;position:relative;overflow:auto;box-shadow:inset 0 0 0 1px #06173714}.host-search-form{gap:8px;display:grid}.host-search-form label{color:var(--navy);font-size:.82rem;font-weight:900}.host-search-form>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.host-search-form input{min-width:0}.host-search-form button{white-space:nowrap;min-height:44px;padding-inline:14px}.host-search-body .search-results{color:var(--navy);box-shadow:none;padding:0}.host-search-body .search-results h2{color:var(--navy);font-size:1rem}.host-search-body .result-item{color:var(--navy);background:#ffffffeb;grid-template-columns:64px minmax(0,1fr) auto}.host-search-body .result-item strong{color:var(--navy)}.host-search-body .result-item span{color:#061737a3}.host-search-body .result-item button{min-height:38px;padding-inline:10px}.host-search-body .result-add-icon-button{border-radius:999px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;min-height:38px;padding:0;display:inline-flex}.host-search-body .result-add-icon-button svg{width:18px;height:18px}.host-narrow-warning{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#061737eb;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.host-narrow-warning-card{color:#f8fafc;text-align:center;background:#0c1c3afa;border:1px solid #2ec7d333;border-radius:16px;flex-direction:column;gap:14px;max-width:380px;padding:32px;display:flex}.host-narrow-warning-card svg{color:var(--pink-strong,#ff3d9a);margin:0 auto}.host-narrow-warning-card h2{margin:0;font-size:1.2rem;line-height:1.25}.host-narrow-warning-card p{color:#f8fafcb3;margin:0;font-size:.88rem;line-height:1.5}.host-narrow-warning-size{color:#f8fafc80;font-variant-numeric:tabular-nums;font-size:.78rem}.host-narrow-warning-actions{flex-direction:column;gap:8px;margin-top:6px;display:flex}.host-narrow-warning-primary{background:linear-gradient(135deg, var(--teal,#2ec7d3), var(--teal-strong,#1ba8b3));color:#fff;cursor:pointer;min-height:42px;transition:opacity var(--sr-transition-fast);border:none;border-radius:999px;align-items:center;padding:10px 18px;font-size:.88rem;font-weight:600}.host-narrow-warning-primary:hover,.host-narrow-warning-primary:focus-visible{opacity:.88;outline:none}.host-narrow-warning-secondary{color:#f8fafc99;cursor:pointer;min-height:38px;transition:color var(--sr-transition-fast);background:0 0;border:1px solid #ffffff2e;border-radius:999px;align-items:center;padding:8px 16px;font-size:.82rem}.host-narrow-warning-secondary:hover,.host-narrow-warning-secondary:focus-visible{color:#f8fafc;outline:none}.host-toast{color:#f8fafc;z-index:10000;background:#0c1c3af2;border:1px solid #2ec7d34d;border-radius:999px;padding:10px 20px;font-size:.82rem;animation:.2s ease-out hostToastSlideUp;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0006}@keyframes hostToastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.host-heart-counter{box-shadow:none;color:#f8fafc;transition:opacity var(--sr-transition-fast);white-space:nowrap;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;margin-right:8px;padding:0;display:inline-flex}.host-heart-counter.is-active{box-shadow:none}.host-heart-counter.is-flashing{animation:.6s ease-out heart-flash}@keyframes heart-flash{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.host-heart-counter svg{color:var(--sr-color-primary-pink);fill:currentColor;filter:drop-shadow(0 0 10px #ff3d9a70);width:20px;height:20px}.host-heart-counter span{font-size:.92rem;font-weight:950;line-height:1}.host-guests-badge{box-shadow:none;color:#f8fafc;white-space:nowrap;background:0 0;border:0;border-radius:0;align-items:center;gap:8px;min-height:0;padding:0;display:inline-flex}.host-guests-badge svg{color:#67e8f9;width:1rem;height:1rem}.host-guests-badge span{font-size:.9rem;font-weight:900}.host-guests-badge:hover:not(:disabled),.host-guests-badge:focus-visible{opacity:.8;outline:0}.host-modal-backdrop{z-index:70;background:#010816b8;place-items:center;padding:clamp(18px,4vw,52px);animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}.host-guest-modal{border-radius:var(--sr-radius-xl);color:#f8fafc;background:radial-gradient(circle at 10% 0,#2ec7d329,#0000 34%),radial-gradient(circle at 90% 12%,#ff3d9a29,#0000 30%),#091836f0;border:1px solid #2ec7d333;gap:18px;width:min(100%,780px);max-width:780px;max-height:min(760px,100vh - 36px);padding:clamp(18px,2vw,26px);animation:.18s ease-out modal-pop;display:grid;overflow:hidden;box-shadow:0 30px 100px #0000006b}.host-guest-modal-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.host-guest-modal-header h2{color:#fff;font-size:clamp(1.7rem,2.4vw,2.4rem)}.host-modal-close{position:static}.host-guest-empty{border-radius:var(--sr-radius-lg);text-align:center;border:1px dashed #2ec7d342;place-items:center;gap:8px;min-height:220px;padding:22px;display:grid}.host-guest-empty svg{color:#67e8f9;width:42px;height:42px}.host-guest-empty p{color:#cbd5e1;font-weight:750}.host-guest-list{gap:10px;min-height:0;margin:0;padding:0 2px 0 0;list-style:none;display:grid;overflow:auto}.host-guest-list li{border-radius:var(--sr-radius-lg);background:#ffffff12;border:1px solid #ffffff1c;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.guest-avatar{background:linear-gradient(135deg, var(--sr-color-primary-teal), var(--sr-color-primary-pink));color:#fff;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;font-weight:950;display:inline-flex}.host-guest-copy{gap:3px;min-width:0;display:grid}.host-guest-copy strong,.host-guest-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.host-guest-copy strong{color:#fff;font-size:1rem}.host-guest-copy span{color:#cbd5e1;text-transform:capitalize;font-size:.82rem;font-weight:800}.host-guest-actions{gap:8px;display:flex}.host-guest-actions button{min-height:38px;padding:8px 11px}.host-logo{filter:drop-shadow(0 10px 22px #00000047);object-fit:contain;object-position:left center;width:auto;max-width:min(220px,24vw);height:clamp(28px,2.7vw,36px);display:block}.host-logo-image{max-width:min(180px,16vw);height:clamp(24px,2.4vw,32px)}.guest-logo{filter:drop-shadow(0 8px 18px #0f172a33);object-fit:contain;align-self:center;width:auto;max-width:min(280px,78vw);height:clamp(42px,11vw,56px);margin:0 auto 2px;display:block}.player-panel{border-radius:var(--sr-radius-xl);height:auto;min-height:0;box-shadow:0 0 0 2px #2ec7d324, 0 28px 80px #00000057, var(--sr-shadow-glow-pink);background:#000;border:1px solid #2ec7d347;grid-area:2/1;place-self:stretch stretch;position:relative;overflow:hidden}.player-panel iframe,.youtube-frame{border:0;width:100%;height:100%;min-height:0;display:block}.player-panel iframe{pointer-events:none}.youtube-player-shell{background:#000;width:100%;height:100%;position:relative;overflow:hidden}.youtube-player-shell .youtube-frame,.youtube-player-shell iframe{pointer-events:none;border:0;width:100%;height:100%;display:block}.singroom-player-controls{opacity:1;pointer-events:auto;z-index:4;background:linear-gradient(#06173700,#061737e6),#0617371a;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;padding:clamp(12px,1.4vw,22px);transition:opacity .18s,transform .18s;display:grid;position:absolute;bottom:0;left:0;right:0;transform:translateY(0)}.youtube-player-shell.hide-controls .singroom-player-controls{opacity:0;pointer-events:none;transform:translateY(18px)}.youtube-player-shell.hide-controls:focus-within .singroom-player-controls,.youtube-player-shell:focus-within .singroom-player-controls{opacity:1;pointer-events:auto;transform:translateY(0)}.youtube-player-shell:focus{outline-offset:-2px;outline:2px solid #2ec7d399}.player-icon-button{color:#f8fafc;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;width:clamp(38px,3.1vw,48px);height:clamp(38px,3.1vw,48px);min-height:0;padding:0}.player-icon-button:hover:not(:disabled){background:linear-gradient(135deg, var(--sr-color-primary-teal), #0d9ca6);color:#fff;box-shadow:0 0 24px #2ec7d33d}.player-icon-button.stop:hover:not(:disabled){background:linear-gradient(135deg, var(--sr-color-primary-pink), #e01875);box-shadow:0 0 24px #ff3d9a42}.player-progress-wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;display:grid}.player-progress-wrap input[type=range]{accent-color:var(--sr-color-primary-pink);box-shadow:none;background:0 0;border:0;min-height:0;padding:0}.player-progress-wrap span{color:#e5f6ff;text-align:right;min-width:92px;font-size:clamp(.72rem,1vw,.9rem);font-weight:850}.host-recovery-screen{text-align:center;background:radial-gradient(circle at 30% 24%,#2ec7d333,#0000 32%),radial-gradient(circle at 74% 70%,#ff3d9a2e,#0000 34%),linear-gradient(135deg,#061737,#080d1f);align-content:center;justify-items:center;gap:18px;height:100vh;padding:clamp(24px,4vw,80px);display:grid;overflow:hidden}.host-recovery-logo{filter:drop-shadow(0 14px 34px #2ec7d338);object-fit:contain;width:auto;max-width:min(360px,76vw);height:clamp(60px,8vw,86px)}.host-recovery-screen h1{color:#f8fafc;margin:0;font-size:clamp(1.4rem,3vw,2.4rem)}.host-room-ended-screen{background:radial-gradient(circle at 20% 10%,#2ec7d333,#0000 34%),radial-gradient(circle at 82% 78%,#ff3d9a38,#0000 36%),linear-gradient(135deg,#061737,#080d1f);align-content:center;place-items:center;min-height:100dvh;padding:clamp(24px,4vw,80px);display:grid;overflow:hidden}.host-room-ended-card{color:#e5f6ff;text-align:center;background:linear-gradient(135deg,#ffffff1f,#ffffff0f),#061737db;border:1px solid #2ec7d342;border-radius:24px;justify-items:center;gap:12px;max-width:min(620px,100vw - 32px);padding:clamp(24px,4vw,42px);display:grid;box-shadow:0 28px 80px #01081675}.host-room-ended-card h1{color:#f8fafc;margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:1}.host-room-ended-card p{color:#cbd5e1;margin:0;font-size:clamp(1rem,2vw,1.22rem);font-weight:800}.host-room-ended-code{background:#2ec7d31a;border:1px solid #2ec7d338;border-radius:999px;padding:8px 14px}.host-room-ended-code strong{color:#67e8f9;letter-spacing:.08em}.host-room-ended-card button{margin-top:8px}.room-activity-panel{flex-direction:column;flex:0 0 var(--room-activity-height);height:var(--room-activity-height);gap:10px;min-height:0;padding:clamp(10px,.9vw,14px);display:flex;position:relative;overflow:hidden}.room-activity-list{scrollbar-width:none;gap:9px;min-height:0;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.room-activity-list::-webkit-scrollbar{display:none}.room-activity-list li{color:#e5f6ff;opacity:.72;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:0;animation:.24s ease-out both activity-row-in;display:grid}.room-activity-list li:first-child{opacity:1}.room-activity-icon{color:#67e8f9;background:#2ec7d31f;border:1px solid #2ec7d32e;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.room-activity-icon svg{width:14px;height:14px}.room-activity-icon.is-guest_banned,.room-activity-icon.is-guest_removed,.room-activity-icon.is-song_stopped{color:#ff8fc9;background:#ff3d9a1f;border-color:#ff3d9a38}.room-activity-icon.is-now_singing,.room-activity-icon.is-song_added{color:#ffb3d8;background:#ff3d9a1a;border-color:#ff3d9a2e}.room-activity-icon.is-song_ended{color:#a5f3fc;background:#2ec7d324;border-color:#2ec7d33d}.room-activity-list p{color:#e5f6ff;text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:750;overflow:hidden}.room-activity-list li:first-child p{color:#f8fafc;font-weight:850}.room-activity-empty{border-radius:var(--sr-radius-md);background:#ffffff0a;border:1px dashed #2ec7d338;flex:auto;align-content:center;gap:4px;min-height:0;padding:10px 12px;display:grid}.room-activity-empty strong{color:#f8fafc;font-size:.98rem}.room-activity-empty p{color:#cbd5e1;font-size:.86rem;font-weight:750}@keyframes activity-row-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.empty-player{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;min-height:0;padding:clamp(24px,4vw,48px);display:flex;position:relative;overflow:hidden}.empty-player:before{content:"";background:radial-gradient(circle at 24% 35%,#2ec7d32e,#0000 24%),radial-gradient(circle at 76%,#ff3d9a33,#0000 28%);position:absolute;inset:0}.empty-player>*{z-index:1;position:relative}.empty-player-logo{filter:drop-shadow(0 12px 28px #00000040);object-fit:contain;opacity:.9;width:auto;max-width:min(420px,76vw);height:clamp(66px,7vw,96px)}.empty-player h2{color:#fff;font-size:clamp(2rem,3.7vw,3.6rem)}.host-side{overscroll-behavior:contain;scrollbar-width:none;flex-direction:column;grid-area:2/2/4;align-self:start;gap:clamp(8px,1vh,14px);height:100%;min-height:0;max-height:100%;padding-right:4px;display:flex;overflow:hidden}.host-side::-webkit-scrollbar{width:0;display:none}.queue-list::-webkit-scrollbar{width:0;display:none}.host-side::-webkit-scrollbar-thumb{background:#2ec7d347;border-radius:999px}.queue-list::-webkit-scrollbar-thumb{background:#2ec7d347;border-radius:999px}.host-card{border-radius:var(--sr-radius-lg);background:linear-gradient(135deg,#ffffff1a,#ffffff0b),#091836c2;border:1px solid #ffffff1f;flex:none;padding:clamp(10px,.9vw,16px);box-shadow:0 20px 52px #00000038}.host-card-heading{align-items:center;gap:8px;margin-bottom:10px;display:flex}.host-card-heading svg{color:var(--sr-color-primary-teal);width:18px;height:18px}.qr-card{box-sizing:border-box;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(14px,1.3vw,20px);min-width:0;max-width:100%;padding:clamp(14px,1.3vw,20px);display:grid;overflow:hidden;container-type:inline-size}.qr-card>div{box-sizing:border-box;text-align:center;align-content:center;justify-items:center;gap:7px;min-width:0;max-width:100%;display:grid;overflow:hidden;container-type:inline-size}.qr-card canvas{background:#fff;border-radius:14px;flex:none;max-width:min(100%,152px);display:block;width:clamp(92px,38cqw,152px)!important;height:auto!important}.qr-card strong{color:#fff;letter-spacing:clamp(.001em,.16cqw,.045em);text-shadow:0 0 24px #2ec7d333;text-overflow:clip;white-space:nowrap;min-width:0;max-width:100%;margin:0;font-size:clamp(.7rem,11.7647cqw,3.05rem);line-height:1;display:block;overflow:hidden}.qr-card .muted{overflow-wrap:anywhere;max-width:100%}.qr-room-label{color:#a5f3fc;letter-spacing:.14em;overflow-wrap:anywhere;text-transform:uppercase;max-width:100%;font-size:.72rem;font-weight:950}.qr-card.is-compact{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:12px}.qr-card.is-compact strong{letter-spacing:clamp(.001em,.14cqw,.04em);font-size:clamp(.68rem,11.4286cqw,2.25rem)}.join-intro{color:var(--muted);margin:0;font-size:.85rem;line-height:1.3}.room-badge{justify-items:start;gap:4px;display:grid}.join-card{align-self:start;position:relative;overflow:hidden}.join-card .stack{gap:14px}.join-card input{min-height:52px;padding:16px;font-size:1rem}.join-card button{min-height:52px;font-size:1rem}.join-cancel-button{box-shadow:none;width:100%}.join-card:before,.left-room-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 20% 20%,#2ec7d329,#0000 32%),radial-gradient(circle at 84% 10%,#ff3d9a1f,#0000 28%);position:absolute;inset:0}.join-card>*,.left-room-card>*{z-index:1;position:relative}.room-badge strong{color:var(--navy);letter-spacing:.08em;font-size:clamp(2rem,12vw,4rem);line-height:1}.guest-session-card{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffffd6;border-radius:20px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.guest-small-qr{border:1px solid var(--border);background:#fff;border-radius:16px;place-items:center;width:56px;height:56px;padding:4px;display:grid}.guest-small-qr canvas{display:block}.guest-room-copy{gap:2px;min-width:0;display:grid}.guest-room-copy strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:1rem;line-height:1.15;overflow:hidden}.guest-room-copy span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.guest-room-actions{justify-content:end;align-items:center;gap:6px;display:flex}.guest-menu-backdrop{z-index:55;background:#0617378a;align-items:end;padding:14px;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}.guest-menu-sheet{background:linear-gradient(135deg,#2ec7d317,#ff3d9a14),#fffffff5;border:1px solid #ffffffc2;border-radius:26px;gap:12px;width:100%;max-width:520px;max-height:min(720px,100vh - 28px);margin:0 auto;padding:10px 18px 16px;animation:.18s ease-out menu-sheet-in;display:grid;overflow:auto;box-shadow:0 30px 90px #06173747}.guest-menu-handle{background:#0617372e;border-radius:999px;justify-self:center;width:44px;height:4px}.guest-menu-section{gap:4px;display:grid}.guest-menu-section button{justify-content:flex-start}.guest-menu-toggle-row,.guest-menu-action-row,.guest-menu-songbook-row{box-shadow:none;color:var(--text-strong);background:0 0;border:0;border-bottom:1px solid #06173714;border-radius:0;width:100%;min-height:46px;padding:8px 0;transform:none}.guest-menu-toggle-row{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:46px;font-size:.8rem;font-weight:900;display:grid}.guest-menu-songbook-row{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:46px;display:grid}.guest-menu-songbook-row>div{gap:2px;min-width:0;display:grid}.guest-menu-songbook-row span:first-child{color:var(--muted);font-size:.8rem;font-weight:900}.guest-menu-songbook-row small{color:var(--muted);font-size:.72rem;font-weight:750}.guest-menu-songbook-status{color:var(--teal-strong);text-transform:uppercase;white-space:nowrap;background:#2ec7d31a;border:1px solid #2ec7d32e;border-radius:999px;padding:5px 8px;font-size:.64rem;font-weight:900}.guest-menu-songbook-update{color:var(--sr-color-primary-pink);white-space:nowrap;background:#ff3d9a1a;border:1px solid #ff3d9a3d;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-height:30px;padding:5px 9px;font-size:.72rem;font-weight:900;display:inline-flex}.guest-menu-songbook-update svg{width:14px;height:14px}.guest-menu-action-row{text-align:center;justify-content:center;align-items:center;gap:12px;font-size:.8rem;font-weight:900;display:inline-flex}.guest-menu-section .guest-menu-action-row{justify-content:center}.guest-menu-action-row svg{color:var(--teal-strong);flex:none;width:20px;height:20px}.guest-menu-section .guest-menu-toggle-row+.guest-menu-action-row{margin-top:10px}.guest-menu-toggle-row>span:first-child,.guest-menu-action-row{color:var(--muted)}.guest-menu-action-row.danger,.guest-menu-action-row.danger svg{color:#e01875}.guest-menu-action-row:hover:not(:disabled),.guest-menu-action-row:focus-visible{box-shadow:none;color:var(--text-strong);background:#2ec7d314;border-color:#2ec7d32e;transform:none}.guest-menu-switch{background:#06173729;border:1px solid #06173724;border-radius:999px;flex:none;justify-self:end;align-items:center;width:46px;height:26px;min-height:26px;padding:3px;transition:background .16s,border-color .16s;display:inline-flex}.guest-menu-switch:hover:not(:disabled),.guest-menu-switch:focus-visible{transform:none;box-shadow:0 0 0 3px #ff3d9a29}.guest-menu-switch span{background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .16s;transform:translate(0);box-shadow:0 4px 12px #0617372e}.guest-menu-switch.is-on{background:linear-gradient(135deg,#ff3d9a,#e01875);border-color:#ff3d9a70}.guest-menu-switch.is-on span{transform:translate(20px)}.guest-menu-toggle-state{color:var(--teal-strong);background:#2ec7d31f;border:1px solid #2ec7d338;border-radius:999px;margin-left:auto;padding:4px 9px;font-size:.72rem;font-weight:900}.guest-dark-theme .guest-menu-backdrop{background:#020817b8}.guest-dark-theme .guest-menu-sheet{color:#f8fafc;background:linear-gradient(135deg,#2ec7d31f,#ff3d9a1a),#091836fa;border-color:#2ec7d33d;box-shadow:0 34px 96px #00000070}.guest-dark-theme .guest-menu-handle{background:#e2f0ff3d}.guest-dark-theme .guest-info-row{border-bottom-color:#e2f0ff1a}.guest-dark-theme .guest-menu-details dt{color:#e2f0ffad}.guest-dark-theme .guest-menu-details dd,.guest-dark-theme .guest-menu-section button{color:#f8fafc}.guest-dark-theme .guest-menu-section button:hover:not(:disabled),.guest-dark-theme .guest-info-row-button:hover:not(:disabled){color:#fff;background:#2ec7d31a}.guest-dark-theme .guest-menu-toggle-row,.guest-dark-theme .guest-menu-action-row,.guest-dark-theme .guest-menu-songbook-row{border-bottom-color:#e2f0ff1a}.guest-dark-theme .guest-menu-toggle-row>span:first-child,.guest-dark-theme .guest-menu-action-row,.guest-dark-theme .guest-menu-songbook-row span:first-child,.guest-dark-theme .guest-menu-songbook-row small{color:#e2f0ffad}.guest-dark-theme .guest-menu-songbook-status{color:#67e8f9;background:#2ec7d31a;border-color:#2ec7d33d}.guest-dark-theme .guest-menu-songbook-update{color:#f9a8d4;background:#ff3d9a29;border-color:#ff3d9a4d}.guest-dark-theme .guest-menu-action-row:hover:not(:disabled),.guest-dark-theme .guest-menu-action-row:focus-visible{color:#fff;background:#2ec7d31a}.guest-dark-theme .guest-menu-switch{background:#e2f0ff1f;border-color:#e2f0ff29}.guest-dark-theme .guest-menu-switch.is-on{background:linear-gradient(135deg,#ff3d9a,#e01875);border-color:#ff3d9a75}.guest-dark-theme .guest-menu-toggle-state{color:#f9a8d4;background:#ff3d9a24;border-color:#ff3d9a47}.guest-dark-theme .guest-display-name-modal,.guest-dark-theme .guest-leave-modal{color:#f8fafc;background:radial-gradient(circle at 12% 0,#2ec7d329,#0000 34%),radial-gradient(circle at 88% 0,#ff3d9a24,#0000 34%),#07142efa;border-color:#2ec7d33d;box-shadow:0 26px 70px #0000006b}.guest-dark-theme .guest-display-name-modal h2,.guest-dark-theme .guest-display-name-modal label,.guest-dark-theme .guest-leave-modal h2{color:#f8fafc}.guest-dark-theme .guest-leave-modal p{color:#e2f0ffb8}.guest-dark-theme .guest-display-name-modal input{color:#f8fafc;background:#01081680;border-color:#2ec7d347}.guest-dark-theme .guest-display-name-modal input::placeholder{color:#e2f0ff7a}.guest-dark-theme .guest-display-name-modal input:focus{border-color:#ff3d9a8f;box-shadow:0 0 0 3px #2ec7d329,0 0 20px #ff3d9a1f}.guest-dark-theme .guest-display-name-modal .modal-actions button.secondary,.guest-dark-theme .guest-leave-modal .modal-actions button.secondary{color:#a5f3fc;background:#01081670;border-color:#2ec7d34d}.guest-menu-details{margin:0;display:grid}.guest-info-row{background:0 0;border:0;border-bottom:1px solid #06173714;border-radius:0;grid-template-columns:minmax(92px,.8fr) minmax(0,1fr) 38px;align-items:center;gap:10px;min-height:44px;padding:5px 0;display:grid}.guest-info-row-button{color:inherit;text-align:left;width:100%;min-height:44px}.guest-info-row-button:hover:not(:disabled){box-shadow:none;color:inherit;background:#ffffff5c;border-color:#06173714;transform:none}.guest-row-icon-button{color:var(--teal-strong);background:0 0;border:0;border-radius:8px;flex:none;justify-content:center;justify-self:end;width:34px;height:34px;min-height:34px;padding:0}.guest-row-icon-button:hover:not(:disabled){box-shadow:none;color:var(--teal-strong);background:#2ec7d314;transform:none}.guest-menu-details dt{color:var(--muted);font-size:.8rem;font-weight:900}.guest-menu-details dd{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;justify-self:end;margin:0;font-weight:950;overflow:hidden}.community-chat-backdrop{z-index:60;background:#03081c9e;align-items:end;padding:clamp(6px,1.5vw,18px);animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}.community-chat-modal{color:var(--navy);background:radial-gradient(circle at 10% 0,#2ec7d32e,#0000 32%),radial-gradient(circle at 92% 0,#ff3d9a29,#0000 32%),linear-gradient(135deg,#fffffffa,#f8fbfff5);border:1px solid #2ec7d33d;border-radius:30px;grid-template-rows:auto minmax(0,1fr) auto auto;gap:8px;width:100%;max-width:min(820px,100%);height:min(86dvh,720px);max-height:min(86dvh,720px);margin:0 auto;padding:clamp(10px,1.8vw,18px);animation:.18s ease-out menu-sheet-in;display:grid;overflow:hidden;box-shadow:0 30px 90px #06173757}.community-chat-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:32px;display:grid}.community-chat-header h2,.community-chat-header p{margin:0}.community-chat-header .eyebrow{color:var(--pink);letter-spacing:.12em;font-size:.72rem;line-height:1}.community-chat-header h2{color:var(--navy);font-size:clamp(1.35rem,3vw,1.85rem);line-height:1.1}.community-chat-header p:not(.eyebrow){color:var(--muted);font-size:.82rem;font-weight:800}.community-chat-close{color:var(--text-strong);background:#ffffffc7;border:1px solid #2ec7d32e;border-radius:999px;width:32px;height:32px;min-height:32px;padding:0}.community-chat-close svg{width:16px;height:16px}.community-chat-messages{scrollbar-color:#2ec7d373 transparent;background:#f1f5f9b8;border:1px solid #2ec7d324;border-radius:18px;gap:8px;min-width:0;min-height:0;max-height:none;padding:8px;display:grid;overflow:auto}.community-chat-message{grid-template-columns:auto minmax(0,1fr);place-items:start;gap:7px;padding:0;display:grid}.community-chat-message.is-own{grid-template-columns:minmax(0,1fr);justify-items:end}.community-chat-message.is-own .community-chat-avatar{display:none}.community-chat-avatar{color:#fff;background:linear-gradient(135deg,#28c7d3,#ff3d9a);border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;margin-top:3px;font-size:.76rem;font-weight:950;display:inline-flex}.community-chat-avatar svg{width:17px;height:17px}.community-chat-avatar img{border-radius:inherit;object-fit:cover;content-visibility:auto;contain:size layout style;width:100%;height:100%;display:block}.community-chat-message.is-anonymous .community-chat-avatar{color:#a5f3fc;background:linear-gradient(135deg,#0f172af2,#475569eb)}.community-chat-message.is-anonymous .community-chat-avatar svg{color:#a5f3fc;width:19px;height:19px}.community-chat-message.is-admin .community-chat-avatar{background:linear-gradient(135deg,#7c3aed,#ff3d9a)}.community-chat-bubble{-webkit-user-select:text;user-select:text;background:#ffffffe0;border:1px solid #e2e8f0db;border-radius:18px;justify-self:start;gap:4px;width:fit-content;min-width:0;max-width:min(100%,640px);padding:8px 10px;display:grid;box-shadow:0 10px 26px #0f172a14}.community-chat-message-content{grid-template-columns:minmax(0,auto) auto;align-items:end;gap:4px;min-width:0;max-width:min(100%,700px);display:grid}.community-chat-message.is-own .community-chat-bubble{background:linear-gradient(135deg,#ff3d9a29,#2ec7d31f),#fffffff5;border-color:#ff3d9a42;border-bottom-right-radius:8px;grid-column:2;justify-self:end}.community-chat-message.is-own .community-chat-message-content{grid-template-columns:auto minmax(0,auto);justify-items:end}.community-chat-message:not(.is-own) .community-chat-bubble{border-bottom-left-radius:8px}.community-chat-message.is-admin .community-chat-bubble{background:linear-gradient(135deg,#ff3d9a14,#2ec7d30f),#fffffff2;border-color:#ff3d9a38}.community-chat-meta{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:5px;padding:0 6px;display:flex}.community-chat-message.is-own .community-chat-meta{text-align:right;grid-column:2;justify-content:flex-end}.community-chat-meta strong{color:var(--teal-strong);font-size:.78rem;font-weight:950}.community-chat-message.is-admin .community-chat-meta strong{color:#d9468f}.community-chat-meta span{color:#7c3aed;text-transform:uppercase;background:#7c3aed1f;border:1px solid #7c3aed33;border-radius:999px;padding:4px 7px;font-size:.68rem;font-weight:950;line-height:1}.community-chat-meta time{color:#64748be0;margin-left:4px;font-size:.72rem;font-weight:800}.community-chat-bubble-stack{min-width:0;display:grid}.community-chat-bubble-message{cursor:pointer;border-radius:12px;gap:2px;min-width:0;padding:2px 0;display:grid}.community-chat-bubble-message+.community-chat-bubble-message{border-top:1px solid #94a3b82e;margin-top:5px;padding-top:7px}.community-chat-bubble-message.is-selected{background:#ff3d9a14;box-shadow:0 0 0 6px #ff3d9a14}.community-chat-bubble-message:focus-visible{outline-offset:3px;outline:2px solid #2ec7d394}.community-chat-inline-time{color:#64748bb8;justify-self:end;font-size:.68rem;font-weight:850;line-height:1}.community-chat-message.is-own .community-chat-meta time{order:-1;margin-left:0}.community-chat-message p,.community-chat-empty{color:var(--text-strong);overflow-wrap:anywhere;margin:0;font-size:.86rem;font-weight:760;line-height:1.28}.community-chat-message.is-own p{text-align:left}.community-chat-reply-preview{box-shadow:none;color:#334155;text-align:left;background:#0f172a0a;border:0;border-left:3px solid #2ec7d3b8;border-radius:10px;justify-items:start;gap:2px;min-height:0;padding:6px 8px;display:grid}.community-chat-reply-preview span,.community-chat-replying-to span{color:var(--teal-strong);font-size:.72rem;font-weight:950}.community-chat-reply-preview small,.community-chat-replying-to p{color:#64748b;text-overflow:ellipsis;white-space:nowrap;width:100%;margin:0;font-size:.78rem;font-weight:800;line-height:1.25;overflow:hidden}.community-chat-reply-button{box-shadow:none;color:#64748bd1;background:#ffffffc2;border:1px solid #94a3b83d;border-radius:999px;flex:none;justify-self:start;align-items:center;gap:5px;width:auto;height:30px;min-height:0;padding:0 9px;display:inline-flex}.community-chat-message-content>.community-chat-reply-button{grid-area:2/2;justify-self:start}.community-chat-reply-button:hover,.community-chat-reply-button:focus-visible{color:var(--pink);background:#ff3d9a1a;border-color:#ff3d9a47;transform:none}.community-chat-reply-button svg{width:15px;height:15px}.community-chat-reply-button span{font-size:.72rem;font-weight:950;line-height:1}.community-chat-media{border-radius:12px;max-width:min(320px,72vw);margin-top:4px;text-decoration:none;display:block;overflow:hidden}.community-chat-media img,.community-chat-media video{object-fit:cover;background:#0f172a14;width:100%;max-height:220px;display:block}.community-chat-image-button{box-shadow:none;cursor:zoom-in;min-height:0;text-align:inherit;background:0 0;border:0;padding:0}.community-chat-image-button:hover,.community-chat-image-button:focus-visible{transform:none;box-shadow:0 0 0 3px #2ec7d338}.community-chat-media audio{width:260px;max-width:100%;display:block}.community-chat-media.is-file{color:var(--text-strong);background:#2ec7d31a;border:1px solid #2ec7d333;gap:3px;padding:10px 12px;display:grid}.community-chat-media.is-file span{color:var(--teal-strong);overflow-wrap:anywhere;font-size:.82rem;font-weight:950}.community-chat-media.is-file small{color:#64748b;font-size:.72rem;font-weight:850}.community-chat-message.is-own .community-chat-reply-button{grid-area:2/1;justify-self:end}.community-chat-replying-to{background:linear-gradient(135deg,#2ec7d31a,#ff3d9a12),#ffffffe0;border:1px solid #2ec7d32e;border-radius:14px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:0;padding:8px 10px;display:grid}.community-chat-replying-to div{min-width:0}.community-chat-replying-to button{box-shadow:none;color:#64748b;background:#ffffffb8;border:1px solid #94a3b847;border-radius:999px;width:30px;height:30px;min-height:0;padding:0}.community-chat-replying-to button svg{width:15px;height:15px}.community-chat-empty{color:var(--muted);text-align:center;padding:12px}.community-chat-form{grid-template-columns:auto minmax(0,1fr) auto;gap:6px;min-width:0;min-height:0;display:grid}.community-chat-file-input{display:none}.community-chat-image-upload{cursor:pointer;color:var(--teal-strong);background:linear-gradient(135deg,#2ec7d31f,#ff3d9a14),#ffffffdb;border:1px solid #2ec7d333;border-radius:16px;justify-content:center;align-items:center;width:44px;min-width:44px;min-height:44px;display:inline-flex}.community-chat-image-upload svg{width:16px;height:16px}.community-chat-image-upload:hover,.community-chat-image-upload:focus-visible{background:linear-gradient(135deg,#2ec7d33d,#ff3d9a24),#ffffffdb;border-color:#2ec7d3;transform:translateY(-1px)}.community-chat-form input{border:1px solid #94a3b861;border-radius:16px;width:100%;min-height:44px;padding:0 12px}.community-chat-form button{border-radius:16px;justify-content:center;align-items:center;gap:0;width:44px;min-width:44px;min-height:44px;padding:0;display:inline-flex}.community-chat-attach-button{color:var(--teal-strong);background:linear-gradient(135deg,#2ec7d31f,#ff3d9a14),#ffffffdb;border:1px solid #2ec7d333;width:44px}.community-chat-form button svg{width:16px;height:16px}.community-chat-file-preview{background:linear-gradient(135deg,#2ec7d31a,#ff3d9a12),#ffffffe0;border:1px solid #2ec7d32e;border-radius:16px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;padding:8px 10px;display:grid}.community-chat-file-preview span{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:900;overflow:hidden}.community-chat-file-preview small{color:#64748b;font-size:.72rem;font-weight:850}.community-chat-file-preview button{box-shadow:none;color:#64748b;background:#ffffffb8;border:1px solid #94a3b847;border-radius:999px;width:28px;height:28px;min-height:0;padding:0}.community-chat-lightbox-backdrop{z-index:90;background:#010816c7;align-items:center;padding:clamp(14px,4vw,34px);display:grid;position:fixed;inset:0}.community-chat-lightbox{background:radial-gradient(circle at 12% 0,#2ec7d31f,#0000 34%),radial-gradient(circle at 88% 0,#ff3d9a24,#0000 34%),#f8fbfffa;border:1px solid #2ec7d33d;border-radius:24px;justify-self:center;gap:12px;width:fit-content;max-width:min(860px,100%);max-height:92dvh;padding:14px;display:grid;position:relative;box-shadow:0 30px 90px #00000061}.community-chat-lightbox img{object-fit:contain;border-radius:18px;max-width:min(820px,100vw - 64px);max-height:min(70dvh,720px);display:block}.community-chat-lightbox-close{color:#0f172a;background:#ffffffe6;border:1px solid #94a3b847;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;min-height:0;padding:0;display:inline-flex;position:absolute;top:12px;right:12px}.community-chat-lightbox-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.community-chat-lightbox-actions a,.community-chat-lightbox-actions button{color:#fff;background:linear-gradient(135deg,#28c7d3,#14a7b3);border:0;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:10px 18px;font-size:.86rem;font-weight:950;text-decoration:none;display:inline-flex}.community-chat-lightbox-actions button{background:linear-gradient(135deg,#ff3d9a,#d81b7e)}.community-chat-error{color:var(--pink);text-align:center;margin:0;font-size:.84rem;font-weight:900}@media (width<=640px){.community-chat-backdrop{padding:4px}.community-chat-modal{border-radius:22px 22px 18px 18px;height:min(88dvh,720px);max-height:min(88dvh,720px);padding:8px}.community-chat-header{padding:0 2px}.community-chat-messages{border-radius:16px;padding:6px}.community-chat-message{gap:5px}.community-chat-avatar{width:28px;height:28px}.community-chat-message-content{max-width:100%}.community-chat-bubble{max-width:min(100%,82vw);padding:8px 9px}.community-chat-message p,.community-chat-empty{font-size:.84rem}.community-chat-reply-button{height:28px;padding:0 8px}.community-chat-reply-button span{display:none}}.guest-tabs{border:1px solid var(--border);box-shadow:var(--shadow);z-index:8;background:#ffffffc7;border-radius:999px;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;display:grid;position:sticky;top:8px}.guest-tabs--bottom{bottom:max(8px, env(safe-area-inset-bottom));border-radius:999px;padding:4px;position:fixed;top:auto;left:12px;right:12px}.guest-tabs button{color:var(--muted);background:0 0;border-radius:999px;flex-direction:column;align-items:center;gap:2px;min-height:42px;padding:6px 4px;font-size:.72rem;display:inline-flex}.guest-tabs button svg{width:1rem;height:1rem}.guest-tabs button.active{background:linear-gradient(135deg, var(--teal), var(--pink));color:#fff}.guest-bottom-nav-spacer{height:64px}.guest-now-singing{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#2ec7d31a,#ff3d9a14),#ffffffdb;border:1px solid #2ec7d32e;border-radius:16px;gap:4px;padding:6px 10px;display:grid}.guest-now-singing-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.guest-now-singing-header .eyebrow{margin:0}.now-singing-heart-button{-webkit-tap-highlight-color:transparent;appearance:none;box-shadow:none;color:var(--pink);text-shadow:0 0 16px #ff3d9a61;border:0;border-radius:0;flex:none;justify-content:center;align-self:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;font-size:clamp(2.15rem,9vw,2.62rem);transition:opacity .14s,transform .14s cubic-bezier(.2,1.4,.4,1),text-shadow .14s;display:inline-flex;position:relative;transform:translateY(-6px);background:0 0!important}.now-singing-heart-glyph{color:var(--sr-color-primary-pink);fill:currentColor;filter:drop-shadow(0 0 10px #ff3d9a6b);pointer-events:none;width:clamp(34px,9vw,42px);height:clamp(34px,9vw,42px);animation:1.9s ease-in-out infinite heart-breathe;display:block}.now-singing-heart-button:active:not(:disabled){box-shadow:none;opacity:.92;text-shadow:0 0 8px #ff3d9af2,0 0 24px #ff3d9ab8;transform:translateY(-7px)scale(1.16);background:0 0!important}.now-singing-heart-button:hover:not(:disabled),.now-singing-heart-button:focus-visible{box-shadow:none;text-shadow:0 0 8px #ff3d9ad9,0 0 20px #ff3d9a94;outline:0;transform:translateY(-7px)scale(1.06);background:0 0!important}.now-singing-heart-button:focus-visible{outline-offset:3px;outline:2px solid #ff3d9a52}@keyframes heart-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes guest-heart-float{0%{opacity:0;transform:translate(-50%, -50%) scale(calc(var(--burst-scale,1) * .72))}18%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--burst-drift,0px)), calc(-50% - var(--burst-travel,110px))) scale(calc(var(--burst-scale,1) * 1.14))}}.guest-heart-burst-layer{pointer-events:none;z-index:1000;position:fixed;inset:0;overflow:visible}.guest-heart-burst-layer span{animation:guest-heart-float var(--burst-duration,1.1s) ease-out forwards;transform:translate(-50%, -50%) scale(var(--burst-scale,1));line-height:1;position:fixed;top:0;left:0}.guest-heart-burst-layer svg{color:var(--sr-color-primary-pink);fill:currentColor;filter:drop-shadow(0 0 10px #ff3d9ab8)drop-shadow(0 0 20px #ff3d9a47);width:22px;height:22px;display:block}.guest-now-singing-body{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.guest-now-singing-body div{gap:2px;min-width:0;display:grid}.guest-now-singing strong{color:var(--text-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;overflow:hidden}.queue-tab-stack{padding-bottom:calc(clamp(170px, 28vh, 260px) + env(safe-area-inset-bottom));gap:10px;display:grid}.heart-reaction-bar{bottom:calc(72px + env(safe-area-inset-bottom));pointer-events:none;z-index:25;justify-items:center;width:min(100vw - 28px,430px);display:grid;position:fixed;left:50%;transform:translate(-50%)}.heart-reaction-bar button{-webkit-tap-highlight-color:transparent;appearance:none;pointer-events:auto}.heart-reaction-pill{color:var(--sr-color-primary-pink);background:#fff;border:0;border-radius:999px;min-height:48px;padding:9px 18px;font-size:.95rem;font-weight:950;box-shadow:0 0 24px #ff3d9a4d,0 0 48px #ff3d9a26}.heart-reaction-pill svg{color:var(--sr-color-primary-pink);fill:currentColor;filter:drop-shadow(0 0 10px #ffffff4d);width:30px;height:30px;animation:1.9s ease-in-out infinite heart-breathe}.heart-reaction-panel{color:var(--text-strong);text-align:center;background:radial-gradient(circle at 50% 0,#ff3d9a2e,#0000 58%),#fffffff0;border:1px solid #ff3d9a3d;border-radius:24px;align-content:center;justify-items:center;gap:4px;width:100%;height:25vh;min-height:170px;max-height:260px;padding:16px 18px;animation:.22s cubic-bezier(.2,1.35,.35,1) both heart-panel-pop;display:grid;box-shadow:0 22px 52px #0f172a29,0 0 34px #ff3d9a2e}.heart-reaction-panel svg{color:var(--sr-color-primary-pink);fill:currentColor;filter:drop-shadow(0 0 12px #ff3d9a7a);width:42px;height:42px;transition:transform .15s cubic-bezier(.2,1.35,.35,1);animation:1.9s ease-in-out infinite heart-breathe}.heart-reaction-panel.is-popping svg{transform:scale(1.15)}.heart-reaction-panel span{color:var(--text-strong);font-size:.98rem;font-weight:950}.heart-reaction-panel small{color:var(--muted);font-size:.78rem;font-weight:850}.heart-reaction-panel:hover:not(:disabled){background:radial-gradient(circle at 50% 0,#ff3d9a33,#0000 58%),#fffffff2;border-color:#ff3d9a52;transform:none;box-shadow:0 22px 52px #0f172a29,0 0 38px #ff3d9a38}.heart-reaction-pill:hover:not(:disabled){background:#fff;transform:none;box-shadow:0 0 32px #ff3d9a66,0 0 60px #ff3d9a33}.heart-reaction-panel:active,.heart-reaction-pill:active{background:radial-gradient(circle at 50% 0,#ff3d9a3d,#0000 58%),#fffffff0;border-color:#ff3d9a5c;transform:scale(.985);box-shadow:0 18px 42px #ff3d9a33,0 0 30px #ff3d9a38}.heart-reaction-pill:active{background:#ff3d9a0a;transform:scale(.985);box-shadow:0 0 20px #ff3d9a33}.heart-reaction-panel:focus-visible,.heart-reaction-pill:focus-visible{outline-offset:4px;outline:3px solid #ff3d9a4d}@keyframes heart-panel-pop{0%{opacity:0;transform:translateY(18px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}.guest-now-singing span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:800;overflow:hidden}.tab-panel{padding:12px}.popular-searches-panel{gap:8px;padding:12px;display:grid}.popular-searches-header{justify-content:space-between;align-items:center;display:flex}.popular-searches-header h2{color:var(--navy);margin:0;font-size:1rem;line-height:1.1}.popular-searches-header>svg{color:var(--pink);filter:drop-shadow(0 8px 18px #ff3d9a38);width:22px;height:22px}.popular-empty-state{color:var(--muted);text-align:center;place-items:center;gap:8px;min-height:180px;display:grid}.popular-empty-state svg{color:var(--teal);width:34px;height:34px}.popular-empty-state strong{color:var(--navy);font-size:1rem}.popular-empty-state p{margin:0;font-weight:800}.popular-search-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.popular-search-item{background:#ffffffb8;border:1px solid #2ec7d32e;border-radius:15px;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:48px;padding:6px 8px;display:grid;box-shadow:0 12px 26px #06173714}.popular-rank{color:var(--navy);white-space:nowrap;place-items:center end;width:100%;font-size:.96rem;font-weight:1000;display:inline-grid}.popular-search-copy{min-width:0}.popular-search-copy strong,.popular-search-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.popular-search-copy strong{color:var(--navy);font-size:.95rem;line-height:1.15}.popular-search-copy span{color:var(--muted);margin-top:2px;font-size:.74rem;font-weight:800}.popular-search-item button{padding:6px}.popular-search-item button svg{width:14px;height:14px}.popular-show-more-button{justify-self:center;min-height:44px;padding-inline:22px}.popular-show-more-button:focus-visible{color:var(--pink);outline-offset:4px;background:#ffffffd1;border-color:#ff3d9a80;outline:2px solid #ff3d9ab8;transform:none;box-shadow:0 0 0 6px #ff3d9a1f,0 0 22px #2ec7d32e}@media (width<=420px){.popular-rank{font-size:.9rem}.join-card .stack{gap:10px}.join-card input{min-height:48px;padding:14px;font-size:.95rem}.join-card button{min-height:48px;font-size:.95rem}.room-badge strong{font-size:clamp(1.4rem,8vw,1.8rem)}.join-intro{font-size:.8rem}}.compact-button{min-height:34px;padding:7px 10px}.qr-modal-backdrop{z-index:50;background:#061737a8;place-items:center;padding:20px;animation:.18s ease-out fade-in;display:grid;position:fixed;inset:0}.qr-modal{border:1px solid var(--border);text-align:center;background:#fffffff0;border-radius:24px;justify-items:center;gap:12px;width:100%;max-width:min(360px,100vw - 32px);padding:28px 24px 22px;animation:.18s ease-out modal-pop;display:grid;position:relative;box-shadow:0 28px 80px #06173747}.confirm-modal{color:var(--sr-color-navy);background:#fffffff0;border:1px solid #06173714;border-radius:24px;gap:12px;width:100%;max-width:min(360px,100vw - 32px);padding:22px;animation:.18s ease-out modal-pop;display:grid;box-shadow:0 28px 80px #06173747}.confirm-modal p{color:var(--sr-color-text-secondary)}.confirm-modal .modal-actions button.secondary{color:var(--sr-color-text-primary)}.confirm-modal h2{color:var(--sr-color-navy)}.confirm-modal .modal-actions button.danger{background:linear-gradient(135deg, var(--sr-color-primary-pink), #e01875);color:#fff;border:none}.v2-modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 16% 18%,#24d9ff2e,#0000 30%),radial-gradient(circle at 84% 16%,#ff3d9a33,#0000 34%),#020617c2}.v2-logout-confirm-modal{color:#f8fbff;text-align:center;background:radial-gradient(circle at 14% 0,#24d9ff29,#0000 36%),radial-gradient(circle at 92% 0,#ff3d9a26,#0000 36%),linear-gradient(145deg,#061837fa,#160a30fa);border:1px solid #24d9ff47;gap:14px;max-width:min(420px,100vw - 32px);padding:26px;box-shadow:0 28px 90px #00000080,inset 0 0 0 1px #ffffff0a}.v2-logout-confirm-modal h2{color:#f8fbff;letter-spacing:0;font-size:clamp(1.65rem,4vw,2.25rem)}.v2-logout-confirm-modal p{color:#e2f0ffc7;font-size:.98rem;line-height:1.45}.v2-logout-confirm-modal .modal-actions{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:4px}.v2-logout-confirm-modal .modal-actions button{border-radius:999px;min-width:0;padding:12px 16px}.v2-logout-confirm-modal .modal-actions button.secondary{color:#a8f3ff;background:#0f264dc7;border:1px solid #24d9ff57}.v2-logout-confirm-modal .modal-actions button.secondary:hover,.v2-logout-confirm-modal .modal-actions button.secondary:focus-visible{background:#16396ce0;border-color:#24d9ffb8;box-shadow:0 0 24px #24d9ff2e}.v2-logout-confirm-modal .modal-actions button.danger{background:linear-gradient(135deg,#ff3d9a,#d81b7e);box-shadow:0 14px 32px #ff3d9a3d}.v2-logout-confirm-modal .modal-actions button.danger:hover,.v2-logout-confirm-modal .modal-actions button.danger:focus-visible{background:linear-gradient(135deg,#ff5eb0,#f02b91);box-shadow:0 0 30px #ff3d9a57}.host-close-confirm-modal{max-width:min(420px,100vw - 32px)}.host-close-confirm-modal .modal-actions button{min-width:0;padding-left:12px;padding-right:12px}.existing-host-room-modal{max-width:min(520px,100vw - 32px)}.existing-host-room-modal strong{color:var(--sr-color-primary-pink)}.existing-host-room-modal .modal-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.existing-host-room-modal .modal-actions button{min-width:0;padding-left:12px;padding-right:12px}.download-modal{text-align:center;justify-items:stretch;max-width:min(760px,100vw - 32px)}.download-install-options{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 8px;display:grid}.download-install-option{color:var(--text-strong);background:linear-gradient(135deg,#2ec7d314,#ff3d9a0f),#ffffffb8;border:1px solid #2ec7d32e;border-radius:18px;gap:8px;padding:16px;display:grid}.download-install-option-primary{border-color:#2ec7d33d}.download-install-option-icon{color:var(--sr-color-primary-teal);background:#2ec7d321;border-radius:14px;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex}.download-install-option-icon svg{width:1.25rem;height:1.25rem}.download-install-option h3{color:var(--text-strong);margin:0;font-size:1rem;line-height:1.15}.download-install-option p{color:var(--muted);margin:0;font-size:.9rem;font-weight:800;line-height:1.35}.download-install-button{background:linear-gradient(135deg, var(--sr-color-primary-teal), var(--sr-color-primary-pink));color:#fff;border:0;border-radius:16px;justify-content:center;justify-self:stretch;align-items:center;gap:10px;min-height:50px;margin-top:4px;font-weight:950;display:inline-flex}.download-install-button:disabled{box-shadow:none;cursor:default;opacity:.86;background:linear-gradient(135deg,#94a3b8,#cbd5e1)}.download-install-button svg{width:1.12rem;height:1.12rem}.download-install-status{color:var(--text-strong);background:#2ec7d31f;border:1px solid #2ec7d338;border-radius:14px;margin:0;padding:9px 12px;font-size:.88rem}.download-install-status.is-warning{color:#475569;background:#94a3b824;border-color:#94a3b847;line-height:1.35}.download-apk-fallback{background:#ff3d9a14;border:1px solid #ff3d9a38;border-radius:16px;gap:9px;margin-top:4px;padding:12px;display:grid}.download-apk-fallback p,.download-apk-fallback span{color:var(--muted);margin:0;font-size:.84rem;font-weight:800;line-height:1.35}.download-apk-fallback a{background:linear-gradient(135deg, var(--sr-color-primary-pink), #a855f7);color:#fff;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 12px;font-size:.9rem;font-weight:950;text-decoration:none;display:inline-flex}.download-apk-fallback a:hover,.download-apk-fallback a:focus-visible{box-shadow:0 0 0 4px #ff3d9a2e}.download-apk-fallback svg{width:1.05rem;height:1.05rem}.download-support-copy{margin-bottom:0}.download-ios-guide{border-color:#ff3d9a33}.download-ios-guide .download-install-option-icon{color:var(--sr-color-primary-pink);background:#ff3d9a1f}.download-ios-guide ol{color:var(--muted);margin:0;padding-left:18px;font-size:.88rem;font-weight:800}.download-ios-guide li+li{margin-top:4px}@media (width<=680px){.download-install-options{grid-template-columns:1fr}}.download-facebook-link{color:var(--sr-color-primary-pink);justify-self:center;font-weight:950;text-decoration:none}.download-facebook-link:hover,.download-facebook-link:focus-visible{color:var(--sr-color-primary-teal)}.modal-actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:4px;display:grid}.qr-modal canvas{border:1px solid var(--border);background:#fff;border-radius:18px}.qr-modal h2{font-size:1.35rem}.qr-modal p{color:var(--muted);font-weight:800}.qr-modal-close{background:var(--surface-strong);border:1px solid var(--border);color:var(--text);border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;font-size:1.4rem;line-height:1;display:inline-flex;position:absolute;top:12px;right:12px}.modal-logo{object-fit:contain;justify-self:center;width:auto;max-width:min(280px,82vw);height:clamp(42px,8vw,56px);display:inline-flex}.left-room-shell{align-items:center;min-height:calc(100vh - 32px);display:grid}.left-room-card{text-align:center;gap:14px;width:100%;max-width:460px;margin:0 auto;display:grid;position:relative;overflow:hidden}.left-room-card h1{font-size:clamp(2rem,8vw,3.2rem)}.left-room-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.scanner-panel{border:1px solid var(--border);background:#f8fafcc2;border-radius:18px;gap:10px;padding:10px;display:grid}.scanner-panel video{aspect-ratio:4/3;object-fit:cover;background:#020617;border-radius:16px;width:100%}.manual-room-form{border-top:1px solid var(--border);gap:10px;padding-top:14px;display:grid}.manual-room-form>div{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes menu-sheet-in{0%{opacity:0;transform:translateY(22px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.now-playing{height:100%;max-height:var(--now-playing-max-height);min-height:var(--now-playing-min-height);background:linear-gradient(135deg,#2ec7d31f,#ff3d9a14),#091836c7;border-color:#2ec7d338;grid-area:3/1;grid-template-columns:max-content minmax(0,1fr);align-content:center;align-self:stretch;gap:6px 12px;padding:clamp(8px,.75vw,12px) clamp(12px,1vw,16px);display:grid;overflow:hidden}.now-playing .host-card-heading{align-self:center;min-width:max-content;margin-bottom:0}.now-playing-details{align-items:center;gap:clamp(10px,1vw,16px);width:100%;min-width:0;display:flex}.now-playing-track{flex:auto;align-items:center;min-width:0;display:flex}.now-playing h2{color:#f8fafc;min-width:0;font-size:clamp(.92rem,1.15vw,1.18rem);line-height:1.1}.now-playing h2 span,.now-playing-requester span{text-overflow:ellipsis;min-width:0;overflow:hidden}.now-playing h2 span{white-space:nowrap;display:block}.now-playing-requester span{white-space:nowrap}.now-playing-requester{color:#cbd5e1;white-space:nowrap;flex:0 clamp(135px,14vw,210px);grid-template-columns:17px minmax(0,1fr);align-items:center;gap:6px;min-width:0;max-width:clamp(135px,14vw,210px);margin:0;font-size:.84rem;font-weight:800;display:grid}.now-playing-requester svg{color:#ffb3d8;width:15px;height:15px}.now-playing-controls{flex:none;align-items:center;gap:7px;margin-left:auto;display:inline-flex}.now-playing-control-button{aspect-ratio:1;color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;height:clamp(34px,2.7vw,42px);padding:0;transition:background .16s,box-shadow .16s,color .16s,transform .16s;display:inline-grid}.now-playing-control-button svg{width:clamp(16px,1.25vw,20px);height:clamp(16px,1.25vw,20px)}.now-playing-control-button:hover,.now-playing-control-button:focus-visible{color:#8cf7ff;background:#2ec7d338;transform:translateY(-1px);box-shadow:0 0 0 3px #2ec7d338}.now-playing-control-button.next:hover,.now-playing-control-button.next:focus-visible{color:#8cf7ff;background:#2ec7d33d}.now-playing-control-button.stop:hover,.now-playing-control-button.stop:focus-visible{color:#ffb3d8;background:#ff3d9a33;box-shadow:0 0 0 3px #ff3d9a2e}.now-playing-control-button:disabled{cursor:not-allowed;opacity:.42;transform:none}.up-next-card{flex-direction:column;flex:auto;gap:10px;min-height:0;display:flex}.up-next-list{scrollbar-width:none;flex-direction:column;flex:auto;align-items:stretch;gap:8px;min-height:0;max-height:none;margin:0;padding:0;list-style:none;display:flex;overflow:auto}.up-next-list::-webkit-scrollbar{display:none}.up-next-list li{border-radius:var(--sr-radius-md);background:#ffffff0f;border:1px solid #ffffff14;flex:none;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:72px;max-height:96px;padding:7px 9px;display:grid}.up-next-list li.is-next{box-shadow:inset 3px 0 0 var(--sr-color-primary-teal);background:linear-gradient(135deg,#2ec7d329,#ff3d9a1f),#ffffff14;border-color:#2ec7d357;padding-block:10px}.up-next-list li>span{color:#a5f3fc;background:#2ec7d31f;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.78rem;font-weight:950;display:inline-flex}.up-next-list li.is-next>span{background:linear-gradient(135deg, var(--sr-color-primary-teal), var(--sr-color-primary-pink));color:#fff}.up-next-list strong,.up-next-list small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.up-next-list strong{color:#f8fafc;font-size:.86rem;line-height:1.2}.up-next-list small{color:#cbd5e1;font-size:.78rem}.up-next-list .queue-label{color:#67e8f9;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px;font-size:.68rem;font-weight:950}.queue-remove-button{color:#ffb3d8;background:#ff3d9a1a;border:1px solid #ff3d9a38;border-radius:999px;min-height:30px;padding:6px 9px;font-size:.72rem}.queue-remove-button:hover:not(:disabled){background:linear-gradient(135deg, var(--sr-color-primary-pink), #e01875);color:#fff}.reaction-stage{pointer-events:none;z-index:15;position:absolute;inset:0;overflow:hidden}.reaction-popup{animation:float-reaction var(--reaction-duration,4.4s) ease-out forwards;left:var(--reaction-x,8%);top:var(--reaction-y,28%);position:absolute}.reaction-popup img{filter:drop-shadow(0 10px 18px #06173780)drop-shadow(0 0 18px #ff3d9a6b);object-fit:contain;width:clamp(28px,2.8vw,46px);height:clamp(28px,2.8vw,46px);display:block}.reaction-popup svg{color:var(--sr-color-primary-pink);fill:currentColor;filter:drop-shadow(0 10px 18px #06173780)drop-shadow(0 0 18px #ff3d9a6b);width:clamp(28px,2.8vw,46px);height:clamp(28px,2.8vw,46px);display:block}@keyframes float-reaction{0%{opacity:0;top:var(--reaction-y,82%);transform:translate(0, 18px) scale(calc(var(--reaction-scale,1) * .86))}12%{opacity:1}72%{opacity:1}to{opacity:0;top:var(--reaction-end-y,14%);transform:translate(var(--reaction-drift,0), 0) scale(calc(var(--reaction-scale,1) * 1.08))}}.section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-title span{border:1px solid var(--border);color:var(--teal-strong);text-align:center;background:#2ec7d31a;border-radius:999px;min-width:2rem;padding:2px 10px;font-weight:900}.host-side .section-title span{color:#a5f3fc;background:#2ec7d324;border-color:#2ec7d33d}.queue-section{border:1px solid var(--border);min-width:0;box-shadow:var(--shadow-soft);background:#ffffffd6;border-radius:16px;padding:12px}.room-queue-card{box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#2ec7d31a,#ff3d9a14),#ffffffdb;border:1px solid #2ec7d32e;border-radius:16px;padding:10px}.room-queue-card .section-title{margin-bottom:6px}.room-queue-card .section-title h2{font-size:1.1rem}.room-queue-card .section-title span{background:#2ec7d31f;border-color:#2ec7d333}.room-queue-card .queue-summary{margin-bottom:8px;font-size:.86rem}.is-reserved-by-you{color:var(--sr-color-primary-pink)!important}.host-side .queue-section{background:#091836d1;border-color:#2ec7d32e;flex-direction:column;flex:0 150px;min-height:78px;padding:14px;display:flex}.queue-list{padding:0;gap:8px;max-height:38vh;margin:0;padding-right:2px;list-style:none;display:grid;overflow:auto}.queue-summary{color:var(--text-strong);margin-bottom:10px;font-size:.92rem;font-weight:900}.host-side .queue-list{scrollbar-width:none;flex:auto;min-height:0;max-height:none;overflow:auto}.queue-list li{border:1px solid var(--border);background:#f8fafce6;border-radius:16px;grid-template-columns:30px 58px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.queue-list li:hover{box-shadow:var(--shadow-soft);border-color:#2ec7d357;transform:translateY(-1px)}.queue-list li.is-current{border-color:var(--pink);box-shadow:inset 3px 0 0 var(--pink), var(--shadow-soft)}.queue-index-now{background:var(--pink);font-size:.7rem}.now-playing-your-song{color:#16a34a;white-space:nowrap;background:#16a34a1f;border:1px solid #16a34a38;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:900}.queue-list li.is-own-song{background:linear-gradient(135deg,#2ec7d31f,#ff3d9a14),#fffffff0;border-color:#2ec7d357}.host-side .queue-list li{background:#061737c2;border-color:#2ec7d329}.queue-index{background:linear-gradient(135deg, var(--teal), var(--pink));color:#fff;border-radius:999px;place-items:center;width:30px;height:30px;font-weight:800;display:grid}.queue-thumb-frame{aspect-ratio:16/9;background:#64748b2e;border-radius:12px;width:58px;overflow:hidden}.queue-thumb{object-fit:cover;width:100%;height:100%;display:block}.queue-copy{min-width:0;display:grid}.queue-copy strong,.queue-copy span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.queue-copy span,.muted{color:var(--muted)}.queue-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.song-status-badge{color:#078691;white-space:nowrap;background:#2ec7d321;border:1px solid #2ec7d347;border-radius:999px;padding:5px 8px;font-size:.68rem;font-weight:900}.song-status-badge.is-now-playing{color:var(--pink-strong);background:#ff3d9a1f;border-color:#ff3d9a42}.eyebrow{color:var(--pink);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:800}.error-text{color:var(--pink-strong);font-weight:700}button,input{font:inherit}label{color:var(--text-strong);font-weight:800}input{box-sizing:border-box;border:1px solid var(--border);background:var(--field);width:100%;color:var(--text);border-radius:14px;padding:14px 16px;transition:border-color .16s,box-shadow .16s,background .16s}input:focus-visible{border-color:var(--teal);box-shadow:0 0 0 4px var(--focus)}button{background:linear-gradient(135deg, var(--teal), var(--teal-strong));color:#fff;cursor:pointer;border:0;border-radius:14px;min-height:46px;padding:14px 18px;font-weight:800;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}button:hover:not(:disabled){background:linear-gradient(135deg,#22b8c4,#087f8a);transform:translateY(-1px);box-shadow:0 14px 28px #2ec7d333}button:disabled{cursor:not-allowed;opacity:.55}button.secondary{color:var(--teal-strong);background:#ffffffd6;border:1px solid #2ec7d357}.host-shell button.secondary{color:#f8fafc;background:#ffffff14;border-color:#2ec7d34d}.host-header button.secondary{align-items:center;gap:8px;min-height:34px;padding:7px 12px;display:inline-flex}.host-header button.secondary svg{width:1rem;height:1rem}button.danger{color:var(--pink-strong);background:#ff3d9a1a;border:1px solid #ff3d9a3d;padding:10px 12px}button.danger:hover:not(:disabled){background:linear-gradient(135deg, var(--pink), var(--pink-strong));color:#fff}@media (width>=1400px){.host-layout{grid-template-columns:minmax(0,1fr) 320px}.player-panel,.player-panel iframe,.youtube-frame{min-height:0}.host-side .queue-list{max-height:none}.host-side .queue-list li{grid-template-columns:30px 58px minmax(0,1fr) auto}.host-side .queue-index{width:30px;height:30px}.host-side .queue-thumb-frame{width:58px}}@media (height<=820px){.host-layout{--host-header-height:clamp(40px, 5vh, 48px);--now-playing-min-height:58px;--now-playing-max-height:76px;--room-activity-height:clamp(110px, 14vh, 130px);gap:clamp(4px,.7vh,8px)}.host-side{gap:clamp(8px,1vh,12px)}.host-card,.qr-card,.qr-card.is-compact{padding:10px}.host-card-heading{margin-bottom:6px}.now-playing{gap:5px 8px;padding:8px 10px}.qr-card canvas{width:112px!important;height:112px!important}.qr-card strong{font-size:clamp(.7rem,11.7647cqw,2.15rem)}.up-next-card{flex-basis:0}.room-activity-panel{gap:6px;padding:10px}.room-activity-list li{padding:0}}@media (width<=900px){.app-shell{padding:14px}.v2-host-auth-card{grid-template-columns:1fr;min-height:0;max-height:calc(100dvh - 28px);overflow:hidden}.v2-host-auth-left,.v2-host-auth-right{gap:clamp(5px,1vh,10px);padding:clamp(12px,2.4vh,24px) clamp(16px,5vw,32px)}.v2-host-auth-right{display:none}.host-layout{grid-template-columns:1fr;min-height:auto}.host-room-tv-mode{grid-template-columns:1fr;grid-template-rows:var(--host-header-height) auto minmax(var(--now-playing-min-height), 1fr) minmax(140px, 28vh);min-height:0}.host-room-tv-mode .player-panel{grid-area:2/1}.host-room-tv-mode .now-playing{grid-area:3/1}.now-playing-details{flex-direction:column;align-items:flex-start;gap:6px}.now-playing-track,.now-playing-requester{width:100%}.now-playing-requester{flex-basis:auto;max-width:none;padding-left:58px}.host-side{gap:20px}.host-room-tv-mode .host-side{grid-area:4/1;max-height:100%;overflow:hidden}.landing-page{border-radius:18px;padding:14px 0}.landing-content{padding-left:32px;padding-right:32px}.landing-hero{grid-template-columns:1fr}.hero-product-area{justify-self:center;width:100%;max-width:760px}.landing-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-device-visual{grid-template-columns:minmax(125px,.3fr) clamp(38px,6vw,66px) minmax(280px,.7fr);justify-self:center;width:100%;max-width:680px}.hero-phone-visual,.hero-tv-visual{width:100%}.landing-action-card+.landing-action-card{border-top:0;border-left:1px solid #2ec7d32e}.site-footer{grid-template-columns:minmax(0,1fr) minmax(190px,.72fr)}.footer-community,.footer-meta{grid-column:1/-1}.player-panel,.player-panel iframe,.youtube-frame,.empty-player{min-height:clamp(360px,54vh,620px)}.host-room-tv-mode .player-panel,.host-room-tv-mode .player-panel iframe,.host-room-tv-mode .youtube-frame,.host-room-tv-mode .empty-player{min-height:0}.qr-card{align-items:flex-start}.queue-list{max-height:none;overflow:visible}.host-room-tv-mode .queue-list{max-height:22vh;overflow:auto}}@media (width<=860px){.landing-header{flex-wrap:wrap;align-items:center;gap:10px}.landing-menu-toggle{box-shadow:var(--sr-shadow-card);color:var(--sr-color-primary-teal);cursor:pointer;background:#ffffffb8;border:1px solid #2ec7d32e;border-radius:999px;flex:none;justify-content:center;align-items:center;width:40px;height:40px;margin-left:auto;padding:0;display:flex}.landing-nav{order:3;width:100%;display:none}.landing-nav.is-open{flex-direction:column;display:flex}.landing-nav button{width:100%;min-height:40px;padding:7px 10px;font-size:.78rem}}@media (width<=560px){.app-shell{padding:8px}.landing-content{gap:12px;padding-left:clamp(14px,4vw,22px);padding-right:clamp(14px,4vw,22px)}.landing-logo{max-width:min(260px,64vw);height:clamp(42px,12vw,58px)}.landing-hero{grid-template-columns:1fr;gap:14px}.hero-copy{gap:9px}.hero-copy h1{gap:7px;font-size:clamp(2rem,10.2vw,3rem)}.hero-headline-main{font-size:.76em;line-height:.92}.hero-headline-hook{line-height:.88}.hero-copy p{font-size:.9rem;line-height:1.45}.feature-row{gap:7px 11px}.feature-row span{gap:6px;font-size:clamp(.66rem,2.7vw,.76rem)}.hero-device-visual{grid-template-columns:minmax(74px,.29fr) clamp(24px,7vw,38px) minmax(168px,.71fr);gap:clamp(8px,2vw,12px);width:100%;max-width:min(100%,440px);margin:0 auto}.hero-phone-visual,.hero-tv-visual{justify-self:center;width:100%;max-width:none;margin-right:0}.hero-phone-visual figcaption,.hero-tv-visual figcaption{white-space:nowrap;padding:5px 7px;font-size:clamp(.48rem,1.9vw,.64rem)}.device-flow-dots{gap:5px;display:flex}.device-flow-dots span{width:6px;height:6px}.landing-action-card{gap:5px;min-height:auto;padding:clamp(8px,2.2vw,12px) clamp(5px,1.7vw,8px)}.landing-actions{border-radius:22px;grid-template-columns:repeat(2,minmax(0,1fr))}.landing-action-card+.landing-action-card{border-top:0;border-left:1px solid #2ec7d32e}.action-icon{width:clamp(34px,10vw,42px);height:clamp(34px,10vw,42px);font-size:.9rem}.action-icon svg{width:18px;height:18px}.landing-action-card h2{font-size:clamp(.62rem,2.7vw,.82rem);line-height:1.12}.landing-action-card p{font-size:clamp(.58rem,2.5vw,.72rem);line-height:1.25}.landing-primary-button,.landing-code-button,.landing-scan-button{border-radius:10px;gap:4px;width:100%;min-height:32px;padding:7px clamp(3px,1.2vw,6px);font-size:clamp(.5rem,2.15vw,.72rem)}.landing-code-entry input{border-radius:10px 0 0 10px;min-height:32px;padding:7px clamp(4px,1.3vw,7px);font-size:clamp(.5rem,2.15vw,.72rem)}.landing-code-entry .landing-code-button{border-radius:0 10px 10px 0;padding-left:clamp(6px,1.4vw,8px);padding-right:clamp(6px,1.4vw,8px)}.landing-primary-button svg,.landing-code-button svg,.landing-scan-button svg{width:clamp(.68rem,2.6vw,.9rem);height:clamp(.68rem,2.6vw,.9rem)}.landing-join-options{grid-template-columns:minmax(0,1fr) minmax(32px,.5fr);gap:clamp(3px,1vw,5px);max-width:100%}.coming-soon-badge{padding:4px 7px;font-size:clamp(.54rem,2.3vw,.68rem)}.site-footer{text-align:center;grid-template-columns:1fr;justify-items:center;gap:18px;padding:22px 18px}.footer-brand,.footer-community,.footer-meta{text-align:center;justify-items:center}.footer-links{grid-template-columns:max-content;justify-content:center;justify-items:center;gap:8px}.footer-logo img{width:auto;max-width:min(250px,82vw);height:clamp(40px,12vw,54px)}.footer-brand p,.footer-brand small,.footer-community p,.footer-community small,.footer-meta small,.footer-meta span,.footer-community a,.footer-links a,.footer-links button{font-size:.88rem}.footer-meta{flex-direction:column;align-items:center;gap:4px;width:100%}.topbar,.host-header,.qr-card{flex-direction:column;align-items:stretch}.host-room-tv-mode .host-header{flex-direction:row;align-items:center}.host-header-actions{gap:8px}.host-guests-badge{font-size:.86rem}.host-side{grid-template-columns:1fr;gap:18px}.host-room-tv-mode .host-side{gap:12px}.host-brand-block{flex-direction:row;align-items:center}.host-logo{max-width:190px}.qr-card{grid-template-columns:1fr}.host-card,.qr-card{padding:16px}.player-panel,.player-panel iframe,.youtube-frame,.empty-player{min-height:300px}.host-room-tv-mode .player-panel,.host-room-tv-mode .player-panel iframe,.host-room-tv-mode .youtube-frame,.host-room-tv-mode .empty-player{min-height:0}.topbar button,.host-header button{width:100%}.host-room-tv-mode .host-header button{width:auto}.host-guest-list li{grid-template-columns:40px minmax(0,1fr)}.host-guest-actions{grid-column:1/-1}.host-guest-actions button{flex:1}.guest-layout{align-content:start;padding-bottom:24px}.guest-logo{height:clamp(36px,10vw,44px);margin-bottom:4px}.guest-layout .panel,.queue-section,.guest-session-card{border-radius:20px;padding:18px}.join-card .stack{gap:12px}.room-badge strong{font-size:clamp(1.6rem,10vw,2.2rem)}.guest-session-card{grid-template-columns:minmax(0,1fr) auto}.guest-room-copy strong{font-size:.95rem}.guest-tabs button{min-height:40px;padding:6px 4px;font-size:.7rem}input,button{min-height:42px;padding:10px 12px}.search-form>div{grid-template-columns:minmax(0,1fr) auto;gap:8px}.result-item{grid-template-columns:64px minmax(0,1fr) auto}.result-item button{min-height:34px;padding:7px 10px}.queue-list li{grid-template-columns:28px 56px minmax(0,1fr);gap:8px;padding:8px}.queue-thumb-frame{width:56px}.queue-list button{grid-column:1/-1}.queue-badges{grid-column:3;justify-self:start;margin-top:2px}.queue-copy strong{line-height:1.2}.qr-modal{padding:26px 18px 20px}.qr-modal canvas{width:220px!important;height:220px!important}.modal-actions,.left-room-actions,.manual-room-form>div{grid-template-columns:1fr}}@media (width<=380px){.landing-content{padding-left:10px;padding-right:10px}.hero-device-visual{grid-template-columns:minmax(64px,.28fr) 22px minmax(144px,.72fr)}.hero-phone-visual figcaption,.hero-tv-visual figcaption{padding:4px 5px;font-size:.44rem}.device-flow-dots{gap:4px}.device-flow-dots span{width:5px;height:5px}.landing-action-card{padding:8px 4px}.landing-action-card p{display:none}.landing-primary-button,.landing-code-button,.landing-scan-button{min-height:30px;padding:6px 3px}.landing-code-entry input{min-height:30px;padding:6px 4px}.landing-code-entry .landing-code-button{padding-left:6px;padding-right:6px}.landing-join-options{grid-template-columns:minmax(0,1fr) minmax(30px,.48fr)}.site-footer{grid-template-columns:1fr}.footer-links{grid-template-columns:max-content;justify-content:center;justify-items:center}.join-card .stack{gap:8px}.join-card input{min-height:44px;padding:12px;font-size:.9rem}.join-card button{min-height:44px;font-size:.9rem}.guest-logo{height:clamp(30px,8vw,36px)}.room-badge strong{font-size:clamp(1.2rem,7vw,1.5rem)}.join-intro{font-size:.75rem}}@media (height<=500px) and (orientation:landscape){.guest-layout{min-height:auto;padding-bottom:20px}.guest-logo{height:28px;margin-bottom:0}.join-card .stack{gap:8px}.join-card input{min-height:40px;padding:10px}.join-card button{min-height:40px}.room-badge strong{font-size:1.2rem}}.admin-shell{border-radius:var(--sr-radius-lg);color:#f8fafc;background:radial-gradient(circle at 12% 6%,#2ec7d33d,#0000 28%),radial-gradient(circle at 88% 8%,#ff3d9a33,#0000 30%),linear-gradient(135deg,#061737,#0a1022 72%);min-height:calc(100vh - 56px);padding:clamp(18px,3vw,34px)}.admin-auth-shell{place-items:center;display:grid}.admin-login-card,.admin-card,.admin-metric-card,.admin-room-modal{border-radius:var(--sr-radius-lg);background:#091836d1;border:1px solid #2ec7d33d;box-shadow:0 24px 70px #00000052}.admin-login-card{gap:12px;width:100%;max-width:min(520px,100%);margin:0 auto;padding:clamp(22px,4vw,32px);display:grid}.admin-login-card h1,.admin-header h1,.admin-card h2,.admin-room-modal h2,.admin-room-modal h3{color:#f8fafc}.admin-logo{object-fit:contain;justify-self:start;width:auto;max-width:min(380px,82vw);height:clamp(60px,7vw,80px)}.admin-login-card h1{font-size:clamp(1.65rem,4.5vw,2.4rem);line-height:1.08}.admin-login-form,.admin-grid{gap:10px;display:grid}.admin-login-form input{min-height:46px;padding:12px 14px}.admin-login-form button{min-height:46px;padding:12px 16px}.admin-auth-divider{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:.82rem;font-weight:900;display:grid}.admin-auth-divider:before,.admin-auth-divider:after{content:"";background:#94a3b847;height:1px}.admin-google-login-button{color:#1f2937;background:#fff;border:1px solid #cbd5e1e6;border-radius:14px;justify-content:center;align-items:center;gap:12px;min-height:48px;padding:12px 16px;font-weight:900;display:inline-flex}.admin-google-login-button:hover,.admin-google-login-button:focus-visible{color:#0f172a;background:#f8fafc;border-color:#2ec7d3d9;box-shadow:0 0 0 4px #2ec7d329}.google-g-mark{color:#4285f4;justify-content:center;align-items:center;width:22px;height:22px;font-family:Arial,sans-serif;font-size:1.35rem;font-weight:900;line-height:1;display:inline-flex}.admin-login-form label,.admin-note{color:#cbd5e1;font-weight:800}.admin-header{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:18px;display:grid}.admin-overview-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.admin-tabs{scrollbar-width:thin;background:#ffffff0f;border:1px solid #2ec7d32e;border-radius:999px;align-items:center;gap:6px;margin:0 0 14px;padding:6px;display:flex;overflow-x:auto}.admin-tabs button{box-shadow:none;color:#cbd5e1;min-height:38px;transition:background var(--sr-transition-fast), border-color var(--sr-transition-fast), color var(--sr-transition-fast), transform var(--sr-transition-fast);background:0 0;border:1px solid #0000;border-radius:999px;flex:none;padding:9px 14px;font-size:.86rem;font-weight:950}.admin-tabs button:hover,.admin-tabs button:focus-visible{color:#67e8f9;background:#2ec7d31f;border-color:#2ec7d342;transform:translateY(-1px)}.admin-tabs button.active{color:#f8fafc;background:linear-gradient(135deg,#2ec7d33d,#ff3d9a2e);border-color:#2ec7d36b;box-shadow:0 14px 34px #2ec7d324,inset 0 1px #ffffff29}.admin-tab-panel{gap:14px;display:grid}.admin-metric-card,.admin-card{padding:clamp(14px,2vw,20px)}.admin-metric-card{gap:8px;display:grid}.admin-metric-card span,.admin-table th,.admin-list-row small,.admin-health-grid span{color:#cbd5e1}.admin-metric-card strong{color:#67e8f9;font-size:clamp(2rem,4vw,3.4rem);line-height:1}.admin-section-title{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.admin-subsection-title{margin-top:18px}.admin-section-title span{color:#a5f3fc;background:#2ec7d324;border:1px solid #2ec7d33d;border-radius:999px;padding:4px 10px;font-weight:950}.admin-sort-controls{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 12px;display:flex}.admin-sort-controls label{color:#cbd5e1;letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:8px;font-size:.78rem;font-weight:900;display:flex}.admin-sort-controls select{appearance:none;color:#f8fafc;font:inherit;letter-spacing:0;text-transform:none;background:linear-gradient(135deg,#2ec7d31f,#ff3d9a14),#ffffff14;border:1px solid #2ec7d342;border-radius:999px;min-height:34px;padding:7px 32px 7px 12px}.admin-sort-controls input{color:#f8fafc;font:inherit;background:linear-gradient(135deg,#2ec7d31f,#ff3d9a14),#ffffff14;border:1px solid #2ec7d342;border-radius:999px;min-height:34px;padding:7px 10px}.admin-small-number-input{width:84px}.admin-sort-controls select:focus-visible{outline:none;box-shadow:0 0 0 3px #2ec7d32e}.admin-sort-controls option{color:#f8fafc;background:#061737}.admin-list-editor{gap:12px;display:grid}.admin-list-editor-input{gap:8px;display:flex}.admin-list-editor-input input{flex:1}.admin-list-editor-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.admin-list-editor-list li{background:#ffffff0a;border:1px solid #2ec7d324;border-radius:10px;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.admin-list-editor-list li span{text-overflow:ellipsis;white-space:nowrap;font-size:.88rem;font-weight:600;overflow:hidden}.admin-list-editor-list li button{flex:none;width:28px;min-width:0;height:28px;min-height:0;padding:0}.admin-list-editor-actions{gap:8px;display:flex}.admin-version-config{background:#ffffff0b;border:1px solid #2ec7d329;border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 14px;padding:14px;display:grid}.admin-version-config label{color:#cbd5e1;letter-spacing:.02em;text-transform:uppercase;gap:6px;font-size:.76rem;font-weight:900;display:grid}.admin-version-config input,.admin-version-config select,.admin-version-config textarea{color:#f8fafc;font:inherit;background:#ffffff14;border:1px solid #2ec7d338;border-radius:12px;min-width:0;min-height:42px;padding:10px 12px}.admin-version-config textarea{resize:vertical;min-height:92px;line-height:1.45}.admin-version-config input::placeholder,.admin-version-config textarea::placeholder{color:#cbd5e194}.admin-version-config-wide{grid-column:span 2}.admin-version-config button[type=submit]{align-self:end;min-height:42px}.songbook-alias-form{grid-template-columns:minmax(180px,.75fr) minmax(260px,1.4fr) auto}.songbook-alias-actions{flex-wrap:wrap;align-self:end;gap:8px;display:flex}.songbook-alias-actions button{min-height:42px}.songbook-alias-search{margin-top:4px}.songbook-cleanup-summary{flex-wrap:wrap;gap:8px;margin:0 0 14px;display:flex}.songbook-cleanup-summary span,.songbook-import-preview span,.songbook-import-preview strong{color:#dbeafe;background:#ffffff0f;border:1px solid #2ec7d324;border-radius:999px;padding:8px 11px;font-size:.86rem;font-weight:800}.songbook-cleanup-summary strong{color:#7df9ff}.songbook-cleanup-prompt-card{background:linear-gradient(135deg,#2ec7d31a,#ff3d9a14),#ffffff0d;border:1px solid #2ec7d329;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;margin:14px 0;padding:14px;display:flex}.songbook-cleanup-prompt-card strong{color:#f8fafc;margin-bottom:4px;font-size:.98rem;display:block}.songbook-cleanup-prompt-card p{color:#cbd5e1;margin:0;font-size:.9rem;line-height:1.45}.songbook-cleanup-prompt-card button{flex:none}.songbook-cleanup-prompt-preview{margin:0 0 14px}.songbook-cleanup-prompt-preview summary{color:#7df9ff;cursor:pointer;font-size:.84rem;font-weight:900}.songbook-cleanup-prompt-preview pre{color:#dbeafe;white-space:pre-wrap;background:#0108168a;border:1px solid #2ec7d324;border-radius:14px;max-height:260px;margin:10px 0 0;padding:12px;font-size:.78rem;line-height:1.45;overflow:auto}.songbook-chunked-export-row{flex-wrap:wrap;align-items:end;gap:10px;margin:12px 0;display:flex}.songbook-chunked-export-row label{color:#cbd5e1;letter-spacing:.02em;text-transform:uppercase;gap:6px;font-size:.78rem;font-weight:900;display:grid}.songbook-chunked-export-row input{color:#f8fafc;font:inherit;background:#ffffff14;border:1px solid #2ec7d338;border-radius:12px;width:130px;min-height:42px;padding:8px 10px}.songbook-export-parts{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.songbook-download-all-link{color:#f8fafc;background:linear-gradient(135deg,#2ec7d338,#ff3d9a2e);border-color:#7df9ff47}.songbook-file-picker{color:#cbd5e1;letter-spacing:.02em;text-transform:uppercase;gap:7px;font-size:.78rem;font-weight:900;display:grid}.songbook-file-picker input{color:#f8fafc;font:inherit;background:#ffffff14;border:1px solid #2ec7d338;border-radius:12px;padding:10px 12px}.songbook-import-preview{flex-wrap:wrap;gap:8px;display:flex}.songbook-download-link{justify-self:start}.songbook-alias-finder{background:radial-gradient(circle at 12% 0,#2ec7d31a,#0000 34%),#ffffff0a;border:1px solid #2ec7d324;border-radius:16px;gap:10px;margin:0 0 14px;padding:14px;display:grid}.songbook-alias-candidate-list{grid-template-columns:repeat(auto-fit,minmax(min(360px,100%),1fr));gap:8px;max-height:380px;padding-right:2px;display:grid;overflow:auto}.songbook-alias-candidate{color:#f8fafc;cursor:pointer;background:#ffffff0e;border:1px solid #2ec7d324;border-radius:14px;grid-template-columns:18px minmax(0,1fr);align-items:flex-start;gap:10px;padding:10px 12px;display:grid}.songbook-alias-candidate input{accent-color:var(--sr-color-primary-pink);width:16px;margin-top:3px}.songbook-alias-candidate span{gap:3px;min-width:0;display:grid}.songbook-alias-candidate strong{overflow-wrap:break-word;line-height:1.25}.songbook-alias-candidate small{color:#9fb3d8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.35;display:-webkit-box;overflow:hidden}.admin-cache-edit-modal{width:min(720px,100%)}.admin-cache-edit-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.admin-cache-edit-checkbox{flex-direction:row;align-items:center;gap:10px;display:flex!important}.admin-cache-edit-checkbox input{width:auto;min-height:auto}.admin-cache-edit-summary{color:#cbd5e1;flex-wrap:wrap;align-self:center;gap:8px 14px;font-size:.86rem;font-weight:800;display:flex}.update-required-shell{place-items:center;min-height:100dvh;padding:clamp(16px,3vw,32px);display:grid}.update-required-card{text-align:center;background:radial-gradient(circle at 18% 0,#2ec7d338,#0000 38%),radial-gradient(circle at 90% 12%,#ff3d9a2e,#0000 40%),#fffffff5;gap:clamp(10px,1.8dvh,14px);max-width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);display:grid;overflow:auto}.update-required-card .guest-logo{justify-self:center;max-height:clamp(56px,10dvh,84px)}.update-required-card h1{color:var(--sr-color-navy);font-size:clamp(2rem,6vw,3rem);line-height:1}.update-required-card p{color:var(--sr-color-text-secondary);margin:0}.update-version-grid{text-align:left;background:#0617370a;border:1px solid #2ec7d32e;border-radius:16px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 14px;padding:14px;display:grid}.update-version-grid span{color:var(--sr-color-text-secondary);text-transform:uppercase;font-size:.8rem;font-weight:900}.update-version-grid strong{color:var(--sr-color-navy);text-align:right;font-weight:950}.button-link{background:linear-gradient(135deg, var(--sr-color-primary-teal), var(--sr-color-primary-pink));color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:12px 18px;font-weight:950;text-decoration:none;display:inline-flex}.update-download-button{color:#fff;letter-spacing:.02em;text-shadow:0 2px 8px #06173757;background:linear-gradient(135deg,#ff2f93 0%,#ff3d9a 46%,#2ec7d3 100%);border:2px solid #061737e0;justify-self:stretch;min-height:56px;font-size:clamp(1rem,2.8vw,1.16rem);box-shadow:0 18px 38px #ff3d9a5c,0 0 0 4px #ffffffeb,inset 0 1px #ffffff61}.update-download-button:hover,.update-download-button:focus-visible{color:#fff;transform:translateY(-1px);box-shadow:0 20px 44px #ff3d9a70,0 0 0 5px #2ec7d380,inset 0 1px #ffffff6b}.update-download-note{font-size:.92rem}.admin-table-wrap{overflow:auto}.admin-table{border-collapse:collapse;width:100%;min-width:860px}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff1a;padding:10px 8px}.admin-table td{color:#f8fafc;font-size:.88rem}.admin-table th button{box-shadow:none;color:#cbd5e1;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;min-height:auto;padding:0}.admin-table th button:hover,.admin-table th button:focus-visible{color:#67e8f9;transform:none}.admin-table th button:focus-visible{outline-offset:3px;outline:2px solid #2ec7d38c}.admin-row-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-cache-row-actions{white-space:nowrap;flex-wrap:nowrap}.admin-chat-message-cell{max-width:min(560px,45vw)}.admin-chat-message-cell strong,.admin-chat-message-cell span{overflow-wrap:anywhere;display:block}.admin-chat-message-cell span{color:#94a3b8;margin-top:4px;font-size:.74rem}.admin-inline-editor{background:linear-gradient(135deg,#2ec7d31a,#ff3d9a14),#0f172a6b;border:1px solid #2ec7d338;border-radius:18px;gap:12px;margin:0 0 14px;padding:14px;display:grid}.admin-chat-editor{grid-template-columns:minmax(180px,.35fr) minmax(260px,1fr) auto}.admin-chat-word-editor{grid-template-columns:minmax(180px,.8fr) minmax(180px,.8fr) auto}.admin-chat-word-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.admin-chat-word-chip{color:#e7f7ff;background:#2ec7d31a;border:1px solid #2ec7d338;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 12px;font-size:.82rem;font-weight:850;display:inline-flex}.admin-chat-word-chip button{color:#ff8bc3;background:#ff3d9a29;border:1px solid #ff3d9a40;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;min-height:22px;padding:0;display:inline-flex}.admin-chat-word-chip button svg{width:13px;height:13px}.admin-inline-editor label{color:#cbd5e1;letter-spacing:.02em;text-transform:uppercase;gap:7px;font-size:.76rem;font-weight:950;display:grid}.admin-inline-editor input,.admin-inline-editor textarea{color:#f8fafc;font:inherit;background:#02081775;border:1px solid #2ec7d338;border-radius:12px;min-height:42px;padding:10px 12px}.admin-inline-editor textarea{resize:vertical;min-height:86px}.admin-inline-editor-actions{flex-wrap:wrap;align-self:end;gap:8px;display:flex}.admin-cache-toolbar,.admin-pagination-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;display:flex}.admin-cache-search{grid-template-columns:minmax(240px,1fr) auto auto;align-items:end;gap:10px;margin:0 0 12px;display:grid}.admin-cache-search label{color:#cbd5e1;letter-spacing:.02em;text-transform:uppercase;gap:7px;font-size:.78rem;font-weight:900;display:grid}.admin-cache-search span{color:#a5f3fc;align-self:center;font-size:.82rem;font-weight:900}.admin-cache-search-input{background:linear-gradient(135deg,#2ec7d31f,#ff3d9a14),#ffffff14;border:1px solid #2ec7d342;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:6px 8px 6px 12px;display:flex}.admin-cache-search-input svg{color:#67e8f9;flex:none;width:18px;height:18px}.admin-cache-search-input input{color:#f8fafc;font:inherit;background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:30px;padding:0}.admin-cache-search-input input::placeholder{color:#cbd5e19e}.admin-pagination-bar{color:#cbd5e1;font-size:.84rem;font-weight:850}.admin-page-count{color:#a5f3fc;align-self:center;padding:0 4px;font-size:.78rem;font-weight:950}.admin-empty-action{color:#dbeafe;background:#0f172a73;border:1px solid #2ec7d333;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px;padding:12px 14px;display:flex}.admin-empty-action p{margin:0}.admin-icon-button{border-radius:999px;min-width:34px;padding:6px!important}.admin-icon-button svg{width:16px;height:16px}.admin-select-cell{width:38px;text-align:center!important}.admin-select-cell input{accent-color:var(--sr-color-primary-pink);width:16px;height:16px}.youtube-cache-import-tool{background:radial-gradient(circle at 8% 0,#2ec7d31f,#0000 36%),radial-gradient(circle at 92% 0,#ff3d9a1f,#0000 38%),#ffffff0e;border:1px solid #2ec7d32e;border-radius:18px;gap:12px;margin:0 0 14px;padding:clamp(12px,1.6vw,16px);display:grid}.youtube-cache-cleanup-tool{background:radial-gradient(circle at 10% 0,#ff3d9a1f,#0000 34%),radial-gradient(circle at 90% 0,#2ec7d31a,#0000 36%),#ffffff0b;border:1px solid #ff3d9a2e;border-radius:18px;gap:12px;margin:0 0 14px;padding:clamp(12px,1.6vw,16px);display:grid}.youtube-cache-import-tool .admin-section-title,.youtube-cache-cleanup-tool .admin-section-title{margin-bottom:0}.youtube-cache-import-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.youtube-cache-cleanup-controls{grid-template-columns:minmax(220px,1fr) auto auto;align-items:end;gap:10px;display:grid}.youtube-cache-cleanup-controls label{color:#cbd5e1;letter-spacing:.02em;text-transform:uppercase;gap:7px;font-size:.78rem;font-weight:900;display:grid}.youtube-cache-cleanup-controls input{color:#f8fafc;font:inherit;background:#ffffff14;border:1px solid #2ec7d33d;border-radius:14px;outline:none;min-width:0;min-height:42px;padding:9px 12px}.youtube-cache-cleanup-controls input:focus-visible{border-color:#ff3d9a80;box-shadow:0 0 0 3px #ff3d9a2e}.youtube-cache-cleanup-preview{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.youtube-cache-cleanup-preview span{color:#a5f3fc;background:#0108163d;border:1px solid #2ec7d329;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:950}.youtube-cache-cleanup-cloud-preview{background:#01081633;border:1px solid #2ec7d329;border-radius:14px;gap:10px;padding:12px;display:grid}.youtube-cache-cleanup-cloud-preview h4{color:#f8fafc;margin:0;font-size:1rem}.youtube-cache-cleanup-sample-table{max-height:min(420px,50vh);overflow:auto}.youtube-cache-cleanup-job{background:#01081647;border:1px solid #2ec7d32e;border-radius:14px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px;padding:10px 12px;display:grid}.youtube-cache-cleanup-job-header{flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px;display:flex}.youtube-cache-cleanup-job strong{color:#f8fafc}.youtube-cache-cleanup-job span{color:#cbd5e1;font-size:.78rem;font-weight:850}.admin-inline-toggle{color:#cbd5e1;cursor:pointer;text-transform:uppercase;align-items:center;gap:6px;min-height:34px;font-size:.78rem;font-weight:950;display:inline-flex}.admin-inline-toggle input{accent-color:var(--sr-color-primary-pink);width:15px;height:15px}.youtube-cache-file-picker{color:#e0f7ff;cursor:pointer;background:#ffffff14;border:1px solid #2ec7d33d;border-radius:999px;align-items:center;max-width:min(100%,320px);min-height:36px;padding:8px 12px;font-size:.8rem;font-weight:950;display:inline-flex}.youtube-cache-file-picker input{display:none}.youtube-cache-file-picker span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.youtube-cache-import-tool a{color:#a5f3fc;background:#2ec7d31f;border:1px solid #2ec7d33d;border-radius:999px;align-items:center;min-height:32px;padding:6px 10px;font-size:.76rem;font-weight:950;text-decoration:none;display:inline-flex}.youtube-cache-import-tool a:hover,.youtube-cache-import-tool a:focus-visible{color:#fff;background:#ff3d9a29;border-color:#ff3d9a52}.youtube-cache-import-preview{background:#0108163d;border:1px solid #2ec7d329;border-radius:14px;gap:8px;padding:10px 12px;display:grid}.youtube-cache-import-preview strong{color:#f8fafc}.youtube-cache-import-preview ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.youtube-cache-import-preview li{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.youtube-cache-import-preview li span{color:#e5f6ff;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:850;overflow:hidden}.youtube-cache-import-preview li small{color:#a5f3fc;font-weight:850}.youtube-cache-import-preview li.is-invalid small{color:#ff8fc9}.admin-success-note{color:#a5f3fc;background:linear-gradient(135deg,#2ec7d32e,#ff3d9a1f),#ffffff14;border:1px solid #2ec7d357;border-radius:14px;margin:0;padding:10px 12px;font-weight:950}.admin-muted,.admin-cell-note{color:#cbd5e1;font-size:.86rem}.admin-cell-note{overflow-wrap:anywhere;max-width:420px;margin-top:4px;display:block}.admin-row-actions button,.admin-table button,.admin-list-row button{min-height:32px;padding:6px 10px;font-size:.76rem}.admin-row-actions button.icon-only,.admin-table button.icon-only{aspect-ratio:1;justify-content:center;align-items:center;width:34px;padding:6px;display:inline-flex}.admin-row-actions button.icon-only svg,.admin-table button.icon-only svg{width:16px;height:16px}.admin-table th button{min-height:auto;padding:0}.admin-health-grid,.admin-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.admin-health-grid p,.admin-detail-grid section{border-radius:var(--sr-radius-md);background:#ffffff14;border:1px solid #ffffff1a;gap:8px;padding:12px;display:grid}.admin-modal-backdrop{z-index:80;background:#010816c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.admin-room-modal{width:min(1120px,100%);max-height:calc(100vh - 36px);padding:clamp(18px,2.6vw,28px);overflow:auto}.admin-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-detail-grid section{align-content:start;padding:14px}.admin-list-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;display:grid}.admin-list-row span{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=900px){.admin-header,.admin-overview-grid,.admin-health-grid,.youtube-cache-cleanup-controls,.admin-detail-grid{grid-template-columns:1fr}.admin-header{align-items:start}}.host-layout.host-room-tv-mode{grid-template-columns:minmax(0, 1fr) var(--host-sidebar-width)!important;grid-template-rows:var(--host-header-height) 1fr minmax(var(--now-playing-min-height), var(--now-playing-max-height))!important}.host-room-tv-mode .host-header{flex-direction:row!important;grid-area:1/1/auto/-1!important;align-items:center!important;margin-bottom:0!important}.host-room-tv-mode .host-header button{width:auto!important}.host-room-tv-mode .host-brand-block{flex-direction:row!important;align-items:center!important}.host-room-tv-mode .host-header-actions{gap:7px!important}.host-room-tv-mode .player-panel{grid-area:2/1!important;min-height:0!important}.host-room-tv-mode .player-panel iframe,.host-room-tv-mode .youtube-frame,.host-room-tv-mode .empty-player{min-height:0!important}.host-room-tv-mode .now-playing{grid-area:3/1!important}.host-room-tv-mode .now-playing-details{flex-direction:row!important;align-items:center!important}.host-room-tv-mode .now-playing-track,.host-room-tv-mode .now-playing-requester{width:auto!important}.host-room-tv-mode .now-playing-requester{flex-basis:190px!important;max-width:28%!important;padding-left:0!important}.host-room-tv-mode .host-side{flex-direction:column!important;grid-area:2/2/4!important;gap:clamp(8px,1vh,12px)!important;max-height:100%!important;display:flex!important;overflow:hidden!important}.host-room-tv-mode .qr-card{flex-direction:row!important;grid-template-columns:auto minmax(0,1fr)!important;align-items:center!important}.host-room-tv-mode .queue-list{max-height:none!important;overflow:auto!important}.host-room-tv-mode.host-layout--video-fullscreen{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:var(--host-header-height) minmax(0, 1fr)!important}.host-room-tv-mode.host-layout--video-fullscreen .player-panel{grid-area:2/1!important}.host-room-tv-mode.host-layout--video-fullscreen .youtube-player-shell .youtube-frame,.host-room-tv-mode.host-layout--video-fullscreen .youtube-player-shell iframe{min-width:100%;height:max(100%,56.25vw);min-height:100%;width:max(100%, calc((100vh - var(--host-header-height)) * 16 / 9));position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.host-room-tv-mode.host-layout--video-fullscreen .now-playing,.host-room-tv-mode.host-layout--video-fullscreen .host-side{display:none!important}.host-room-tv-mode.host-layout--video-fullscreen .host-header{grid-column:1!important}@media (width>=1200px) and (height>=700px){.app-shell{padding:clamp(16px,2.5vh,32px)}.landing-page{font-size:clamp(16px,1.1vw,20px)}.landing-nav{padding:clamp(10px,1.5vh,16px) clamp(16px,2.5vw,32px)}.landing-hero-text h1{font-size:clamp(36px,4vw,56px)}.landing-hero-text p{font-size:clamp(18px,1.4vw,24px)}.landing-primary-button,.landing-code-button,.landing-scan-button{padding:clamp(12px,1.2vh,16px) clamp(20px,2.5vw,32px);font-size:clamp(14px,1vw,16px)}.landing-scan-button{padding:8px}.hero-phone-visual,.hero-tv-visual{max-width:clamp(180px,16vw,280px)}.footer-links{font-size:clamp(14px,.9vw,16px)}.host-card{padding:clamp(14px,1.5vh,20px)}.guest-app-logo{height:clamp(40px,5vh,56px)}.inbox-row{padding:clamp(12px,1.2vh,18px)}.inbox-row-summary{font-size:clamp(14px,.9vw,16px)}.inbox-row-subject strong{font-size:clamp(15px,1vw,18px)}.feedback-card{max-width:min(580px,42vw);padding:clamp(24px,3vh,36px)}.admin-card,.admin-room-modal{padding:clamp(20px,2.5vh,32px)}.host-body{gap:clamp(12px,1.5vh,20px)}}.skeleton-line{background:linear-gradient(90deg,#ffffff0f 25%,#ffffff26 50%,#ffffff0f 75%) 0 0/200% 100%;border-radius:4px;animation:1.6s ease-in-out infinite skeleton-shimmer}.skeleton-line--h2{width:75%;height:18px}.skeleton-line--small{width:45%;height:13px;margin-top:8px}.skeleton-list{flex-direction:column;gap:10px;display:flex}.skeleton-line--row{width:100%;height:32px}.skeleton-line--row-small{width:100%;height:24px}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.song-interstitial{background:#091836eb 50%/cover;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.song-interstitial:before{content:"";background:#091836d1;position:absolute;inset:0}.song-interstitial-content{text-align:center;z-index:1;position:relative}.song-interstitial-label{color:#fff9;letter-spacing:.05em;text-transform:uppercase;margin:0 0 16px;font-size:1.1rem;font-weight:600}.song-interstitial-next{color:var(--sr-color-primary-teal);letter-spacing:.03em;text-transform:uppercase;margin:0 0 6px;font-size:.9rem;font-weight:600}.song-interstitial-title{color:#f8fafc;text-overflow:ellipsis;white-space:nowrap;max-width:80vw;margin:0;font-size:1.3rem;font-weight:700;overflow:hidden}.song-interstitial-empty{color:#ffffffb3;margin:0;font-size:1rem}.guest-layout.guest-dark-theme{color:#f8fafc;background:radial-gradient(circle at 10% 0,#2ec7d32e,#0000 32%),radial-gradient(circle at 90% 0,#ff3d9a29,#0000 34%),linear-gradient(135deg,#07142e 0%,#0b1030 48%,#180629 100%)}.guest-dark-theme .panel,.guest-dark-theme .guest-app-bar,.guest-dark-theme .guest-tabs,.guest-dark-theme .guest-now-singing,.guest-dark-theme .room-queue-card,.guest-dark-theme .queue-section,.guest-dark-theme .popular-searches-panel{color:#f8fafc;background:linear-gradient(135deg,#2ec7d31c,#ff3d9a14),#07142eeb;border-color:#2ec7d338;box-shadow:0 22px 58px #00000047}.guest-dark-theme .guest-tabs--bottom{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.guest-dark-theme .tab-panel{background:radial-gradient(circle at 12% 0,#2ec7d31f,#0000 34%),radial-gradient(circle at 88% 0,#ff3d9a1a,#0000 36%),#07142ee6}.guest-dark-theme .search-form>div{box-shadow:none;color:#f8fafc;background:0 0;border-color:#0000}.guest-dark-theme input,.guest-dark-theme textarea,.guest-dark-theme select{color:#f8fafc;background:#0108167a;border-color:#2ec7d347}.guest-dark-theme input:focus,.guest-dark-theme textarea:focus,.guest-dark-theme select:focus{border-color:#ff3d9a8f;box-shadow:0 0 0 3px #2ec7d329,0 0 20px #ff3d9a1f}.guest-dark-theme input::placeholder,.guest-dark-theme textarea::placeholder{color:#e2f0ff7a}.guest-dark-theme button.secondary,.guest-dark-theme .join-cancel-button{color:#a5f3fc;background:#01081670;border-color:#2ec7d34d}.guest-dark-theme button.secondary:hover:not(:disabled),.guest-dark-theme button.secondary:focus-visible,.guest-dark-theme .join-cancel-button:hover:not(:disabled),.guest-dark-theme .join-cancel-button:focus-visible{color:#f8fafc;background:#2ec7d324;border-color:#ff3d9a5c;box-shadow:0 0 0 3px #2ec7d324}.guest-dark-theme label,.guest-dark-theme h1,.guest-dark-theme h2,.guest-dark-theme h3,.guest-dark-theme .section-title h2,.guest-dark-theme .popular-searches-header h2,.guest-dark-theme .search-results-header h2,.guest-dark-theme .suggested-songs-header h2,.guest-dark-theme .result-item strong,.guest-dark-theme .queue-list li strong,.guest-dark-theme .room-badge strong,.guest-dark-theme .queue-summary,.guest-dark-theme .popular-search-copy strong,.guest-dark-theme .guest-now-singing strong,.guest-dark-theme .guest-now-singing-title,.guest-dark-theme .guest-now-singing-singer{color:#f8fafc}.guest-dark-theme .guest-now-singing span,.guest-dark-theme .guest-now-singing .muted,.guest-dark-theme .queue-copy span,.guest-dark-theme .queue-section .muted,.guest-dark-theme .popular-search-copy span,.guest-dark-theme .result-item span,.guest-dark-theme .queue-list li span,.guest-dark-theme .muted,.guest-dark-theme .join-intro{color:#e2f0ffc2}.guest-dark-theme .guest-now-singing{background:linear-gradient(135deg,#2ec7d321,#ff3d9a1a),#061737e0}.guest-dark-theme .guest-now-singing .eyebrow,.guest-dark-theme .eyebrow,.guest-dark-theme .guest-chat-button{color:#ff4ca3}.guest-dark-theme .result-item,.guest-dark-theme .queue-list li,.guest-dark-theme .popular-search-item,.guest-dark-theme .search-loading-card,.guest-dark-theme .songbook-header,.guest-dark-theme .songbook-search-view,.guest-dark-theme .songbook-title-card,.guest-dark-theme .songbook-empty{color:#f8fafc;background:linear-gradient(135deg,#2ec7d314,#ff3d9a0f),#01081666;border-color:#2ec7d333;box-shadow:0 14px 34px #0000002e}.guest-dark-theme .songbook-header h2,.guest-dark-theme .songbook-list-header strong,.guest-dark-theme .songbook-title-copy strong{color:#f8fafc}.guest-dark-theme .songbook-header span,.guest-dark-theme .songbook-list-header,.guest-dark-theme .songbook-title-copy small,.guest-dark-theme .songbook-empty{color:#e2f0ffc2}.guest-dark-theme .songbook-letter-strip button{color:#e2f0ffbd;background:#01081675;border-color:#2ec7d333}.guest-dark-theme .songbook-letter-strip button.active{background:linear-gradient(135deg, var(--sr-color-primary-teal), var(--sr-color-primary-pink));color:#fff;border-color:#0000;box-shadow:0 10px 24px #ff3d9a38}.guest-dark-theme .songbook-title-icon{color:#67e8f9;background:#2ec7d329}.guest-dark-theme .songbook-header-update{color:#fff}.guest-dark-theme .songbook-header-search{color:#e2f0ffb3}.guest-dark-theme .songbook-header-search:hover{background:#2ec7d324}.guest-dark-theme .songbook-header.is-expanded{background:#01081699;border-color:#2ec7d366}.guest-dark-theme .songbook-header.is-expanded input{color:#f8fafc}.guest-dark-theme .songbook-header.is-expanded input::placeholder{color:#e2f0ff80}.guest-dark-theme .songbook-header-close{color:#e2f0ffb3}.guest-dark-theme .songbook-header-close:hover{color:#f8fafc;background:#2ec7d32e}.guest-dark-theme .songbook-status-pill{color:#e2f0ff9e;background:#2ec7d314;border-color:#2ec7d32e}.guest-dark-theme .songbook-search-view-header h2,.guest-dark-theme .songbook-search-type-toggle button.active{color:#f8fafc}.guest-dark-theme .songbook-search-close,.guest-dark-theme .songbook-search-type-toggle button,.guest-dark-theme .songbook-search-input-row,.guest-dark-theme .songbook-search-empty,.guest-dark-theme .songbook-search-hint{color:#e2f0ffc7;background:#01081675;border-color:#2ec7d33d}.guest-dark-theme .songbook-loading-overlay{background:#01081699}.guest-dark-theme .songbook-search-type-toggle button.active{background:linear-gradient(135deg,#2ec7d32e,#ff3d9a24),#07142eeb;border-color:#ff3d9a52}.guest-dark-theme .songbook-search-input-row input{color:#f8fafc}.guest-dark-theme .songbook-search-input-row input::placeholder{color:#e2f0ff85}.guest-dark-theme .popular-rank{color:#f9a8d4;background:linear-gradient(135deg,#ff3d9a29,#2ec7d31f),#01081657;border:1px solid #ff3d9a42;border-radius:999px;justify-items:center;min-height:32px;padding:4px 8px;box-shadow:0 8px 18px #ff3d9a1f}.guest-dark-theme .popular-searches-header>svg,.guest-dark-theme .popular-empty-state svg{color:#67e8f9}.guest-dark-theme .popular-empty-state strong{color:#f8fafc}.guest-dark-theme .popular-empty-state p{color:#e2f0ffb8}.guest-dark-theme .section-title span,.guest-dark-theme .search-source-label,.guest-dark-theme .queue-index{color:#a5f3fc;background:linear-gradient(135deg,#2ec7d32e,#ff3d9a1f),#01081661;border-color:#2ec7d347}.guest-dark-theme .search-did-you-mean,.guest-dark-theme .youtube-fallback-button{color:#a5f3fc;background:#2ec7d31f;border-color:#2ec7d342}.guest-dark-theme .search-did-you-mean strong{color:#67e8f9}.guest-dark-theme .heart-reaction-pill{background:#07142eeb;box-shadow:0 0 24px #ff3d9a40,0 0 48px #ff3d9a1f}.guest-dark-theme .heart-reaction-pill:hover:not(:disabled){background:#07142ef5;box-shadow:0 0 32px #ff3d9a59,0 0 60px #ff3d9a2e}.guest-dark-theme .heart-reaction-panel{color:#f8fafc;background:radial-gradient(circle at 50% 0,#ff3d9a33,#0000 58%),#07142ef5;border-color:#ff3d9a52}.guest-dark-theme .heart-reaction-panel span{color:#f8fafc}.guest-dark-theme .heart-reaction-panel small{color:#e2f0ffb8}.guest-dark-theme .community-chat-backdrop{background:#010816bd}.guest-dark-theme .community-chat-modal{color:#f8fafc;background:radial-gradient(circle at 12% 0,#2ec7d329,#0000 34%),radial-gradient(circle at 88% 0,#ff3d9a24,#0000 34%),#07142efa;border-color:#2ec7d342;box-shadow:0 28px 74px #00000075}.guest-dark-theme .community-chat-header h2,.guest-dark-theme .community-chat-message p{color:#f8fafc}.guest-dark-theme .community-chat-header p:not(.eyebrow),.guest-dark-theme .community-chat-empty{color:#e2f0ffb8}.guest-dark-theme .community-chat-messages,.guest-dark-theme .community-chat-bubble,.guest-dark-theme .community-chat-form{border-color:#2ec7d329}.guest-dark-theme .community-chat-messages{background:#0108165c}.guest-dark-theme .community-chat-bubble{box-shadow:none;background:#07142eb8}.guest-dark-theme .community-chat-message.is-own .community-chat-bubble{background:linear-gradient(135deg,#ff3d9a2e,#2ec7d31f),#091c3ae6;border-color:#ff3d9a47}.guest-dark-theme .community-chat-message.is-admin .community-chat-bubble{background:linear-gradient(135deg,#ff3d9a1f,#2ec7d314),#07142ed1;border-color:#ff3d9a38}.guest-dark-theme .community-chat-meta strong{color:#67e8f9}.guest-dark-theme .community-chat-meta time{color:#e2f0ff94}.guest-dark-theme .community-chat-bubble-message+.community-chat-bubble-message{border-top-color:#2ec7d329}.guest-dark-theme .community-chat-bubble-message.is-selected{background:#ff3d9a1f;box-shadow:0 0 0 6px #ff3d9a14}.guest-dark-theme .community-chat-inline-time{color:#e2f0ff80}.guest-dark-theme .community-chat-media.is-file,.guest-dark-theme .community-chat-file-preview,.guest-dark-theme .community-chat-lightbox{background:#01081657;border-color:#2ec7d33d}.guest-dark-theme .community-chat-media.is-file span,.guest-dark-theme .community-chat-file-preview span{color:#e2f0ff}.guest-dark-theme .community-chat-media.is-file small,.guest-dark-theme .community-chat-file-preview small{color:#e2f0ff9e}.guest-dark-theme .community-chat-reply-preview,.guest-dark-theme .community-chat-replying-to{color:#e2f0ff;background:#01081657;border-color:#2ec7d33d}.guest-dark-theme .community-chat-reply-preview small,.guest-dark-theme .community-chat-replying-to p{color:#e2f0ffb3}.guest-dark-theme .community-chat-reply-button{color:#e2f0ff9e;background:#01081661;border-color:#2ec7d32e}.guest-dark-theme .community-chat-reply-button:hover,.guest-dark-theme .community-chat-reply-button:focus-visible{color:#ff8cc4;background:#ff3d9a24;border-color:#ff3d9a47}.guest-dark-theme .community-chat-replying-to button{color:#f8fafc;background:#0108167a;border-color:#2ec7d33d}.guest-dark-theme .community-chat-close,.guest-dark-theme .community-chat-form input,.guest-dark-theme .community-chat-attach-button,.guest-dark-theme .community-chat-file-preview button,.guest-dark-theme .community-chat-lightbox-close{color:#f8fafc;background:#0108167a;border-color:#2ec7d342}.guest-dark-theme .community-chat-form input::placeholder{color:#e2f0ff7a}@media (width<=900px){.v2-auth-page{padding:8px;overflow:hidden}.v2-auth-page .v2-host-auth-card{grid-template-rows:auto auto minmax(0,1fr) auto;align-content:start;gap:clamp(7px,1.35vh,12px);height:calc(100dvh - 16px);max-height:calc(100dvh - 16px);padding:clamp(10px,1.8vh,16px) clamp(12px,3.8vw,18px) 0;overflow:hidden}.v2-auth-page .v2-host-auth-logo{height:clamp(34px,6.4vh,44px)}.v2-host-auth-heading{gap:2px;margin-top:-2px}.v2-host-auth-heading h1{font-size:clamp(1.18rem,6.2vw,2.12rem);line-height:.98}.v2-host-auth-heading p{font-size:clamp(.74rem,3.25vw,.86rem)}.v2-host-auth-methods{grid-template-columns:1fr;min-height:0}.v2-login-or-divider,.v2-login-qr-card{display:none}.v2-login-method-card{gap:clamp(7px,1.25vh,10px);padding:clamp(10px,1.9vh,14px);overflow:hidden}.v2-login-method-header{gap:10px}.v2-login-method-header h2{margin-bottom:2px;font-size:clamp(.95rem,4vw,1.08rem)}.v2-login-method-header p{font-size:clamp(.72rem,3.2vw,.82rem)}.v2-login-method-icon{width:clamp(38px,6.6vh,46px);height:clamp(38px,6.6vh,46px)}.v2-login-method-icon svg{width:22px;height:22px}.v2-auth-page .v2-host-login-form{gap:clamp(4px,.9vh,7px)}.v2-auth-page .v2-host-login-form label:not(.v2-login-remember){font-size:.76rem}.v2-login-input-shell{min-height:clamp(36px,6vh,42px)}.v2-login-input-shell input{min-height:34px}.v2-login-remember{font-size:.78rem}.v2-login-remember input{width:16px;height:16px}.v2-login-submit{min-height:clamp(38px,6.4vh,44px)}.v2-google-login-button{min-height:clamp(36px,6vh,42px);padding:7px 12px;font-size:.82rem}.v2-google-mark{width:20px;height:20px}.v2-auth-page .v2-login-link-button{min-height:18px;font-size:.8rem}.v2-login-continue{display:none}.v2-login-security-note{min-height:38px;margin-left:calc(-1*clamp(12px,3.8vw,18px));margin-right:calc(-1*clamp(12px,3.8vw,18px));padding:6px 14px}.v2-login-security-note svg{width:18px;height:18px}.v2-login-security-note strong,.v2-login-security-note span{font-size:.72rem}.v2-profile-phone-shell{border-radius:28px}.v2-profile-cover{min-height:135px}.v2-profile-identity-card{text-align:center;grid-template-columns:1fr;place-items:start center;min-height:0;margin-top:-44px;padding:16px}.v2-profile-avatar-wrap{width:88px;height:88px}.v2-profile-avatar-edit{width:34px;height:34px}.v2-profile-card-heading{grid-template-columns:1fr;align-items:stretch}.v2-profile-subscription{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;min-height:76px;padding:12px}.v2-profile-section-icon{width:40px;height:40px}.v2-profile-section-icon svg{width:20px;height:20px}.v2-profile-subscription>span{padding:8px 10px}.v2-profile-card-heading{flex-direction:column}.v2-profile-card-heading button{justify-content:center}.v2-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=901px) and (height<=780px){.v2-auth-page .v2-host-auth-card{gap:8px;padding-top:14px}.v2-auth-page .v2-host-auth-logo{height:44px}.v2-host-auth-heading{gap:3px;margin-top:-4px}.v2-host-auth-heading h1{font-size:clamp(1.9rem,4.7vh,2.55rem)}.v2-host-auth-heading p,.v2-login-method-header p,.v2-login-continue small,.v2-login-security-note span{font-size:.78rem}.v2-login-method-card{gap:9px;padding:13px 18px}.v2-login-method-icon{width:42px;height:42px}.v2-login-method-icon svg{width:23px;height:23px}.v2-login-input-shell,.v2-login-submit,.v2-google-login-button{min-height:40px}.v2-auth-page .v2-host-auth-qr canvas{width:clamp(156px,21vh,178px)!important;height:clamp(156px,21vh,178px)!important}.v2-login-qr-steps{align-items:start}.v2-login-qr-steps li{font-size:.74rem;line-height:1.22}.v2-login-qr-steps svg{width:36px;height:36px;padding:8px}.v2-login-continue{min-height:54px;width:calc((100% - (var(--v2-login-method-gap,clamp(14px, 2.5vw, 38px)) * 2) - var(--v2-login-or-width,52px)) / 2);margin-top:8px;padding-top:10px;padding-bottom:10px}.v2-login-security-note{min-height:50px}}@media (width<=520px){.v2-host-auth-heading h1{font-size:clamp(1.02rem,6.5vw,1.8rem)}.v2-login-method-header{text-align:left;grid-template-columns:auto minmax(0,1fr);justify-items:start}.v2-login-continue{grid-template-columns:minmax(0,1fr) auto;width:100%}.v2-login-continue .v2-login-method-icon{display:none}.guest-profile-section{gap:12px;padding:16px;display:grid}.guest-profile-header{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;display:grid}.guest-profile-header div{gap:2px;display:grid}.guest-profile-name{font-size:1.15rem;line-height:1.15}.guest-profile-email{color:var(--muted);font-size:.78rem;font-weight:800}.guest-profile-avatar{object-fit:cover;border-radius:50%;width:64px;height:64px}.guest-profile-edit-button{border:1px solid var(--border);color:var(--sr-color-primary-pink);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:4px;margin-top:6px;padding:4px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.guest-profile-edit-button:hover{border-color:var(--sr-color-primary-pink)}.guest-profile-edit-button svg{width:14px;height:14px}.guest-profile-divider{border:0;border-top:1px solid var(--border);margin:0 16px}.guest-profile-section-title{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:950}.guest-profile-title{color:var(--text-strong);font-size:1.2rem;font-weight:800;line-height:1.2}.guest-profile-room-row{cursor:pointer;align-items:center;gap:8px;padding:4px 0;display:flex}.guest-profile-room-code{background:linear-gradient(135deg,var(--teal),var(--pink));color:#fff;letter-spacing:.08em;border-radius:999px;min-width:0;padding:3px 12px;font-size:.88rem;font-weight:950}.guest-profile-room-id{color:var(--muted);font-family:monospace;font-size:.78rem;font-weight:800}.guest-quick-actions{gap:10px;padding:8px 0 4px;display:flex;overflow:hidden}.guest-quick-action{aspect-ratio:1;background:var(--surface);border:1px solid var(--border);cursor:pointer;min-width:0;color:var(--text-strong);border-radius:14px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;font-size:.72rem;font-weight:700;transition:background .15s,border-color .15s;display:flex}.guest-quick-action:hover,.guest-quick-action:focus-visible{border-color:var(--sr-color-primary-pink);background:var(--sr-color-primary-pink-10)}.guest-quick-action svg{width:22px;height:22px;color:var(--sr-color-primary-pink)}.guest-me-subview-header{align-items:center;gap:12px;display:flex}.guest-me-subview-back{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.guest-me-subview-back svg{width:18px;height:18px;color:var(--text-strong)}.guest-me-song-list{gap:8px;display:grid}.guest-me-song-row{align-items:center;gap:12px;padding:8px 0;display:flex}.guest-me-song-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:48px;height:48px}.guest-me-song-info{flex:1;gap:2px;min-width:0;display:grid}.guest-me-song-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;overflow:hidden}.guest-me-song-info small{color:var(--muted);font-size:.75rem}.guest-me-song-action{cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.guest-me-song-action svg{width:20px;height:20px}.guest-me-shop-list{gap:12px;padding:4px 0;display:grid}.guest-me-shop-card{border:1px solid var(--border);background:var(--surface);text-align:center;border-radius:14px;gap:6px;padding:16px;display:grid}.guest-me-shop-icon{justify-content:center;align-items:center;margin-bottom:4px;display:flex}.guest-me-shop-card strong{font-size:.95rem}.guest-me-shop-card small{color:var(--muted);font-size:.8rem}.guest-profile-badges{flex-wrap:wrap;gap:6px;display:flex}.guest-badge-pill{white-space:nowrap;color:#666;border:1px solid;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:900}.guest-badge-pill.is-free{color:#999;background:#f5f5f5;border-color:#d0d0d0}.guest-badge-pill.is-supporter{color:#d97706;background:#fffbeb;border-color:#f59e0b}.guest-badge-pill.is-vip{color:#6d28d9;background:#f5f3ff;border-color:#8b5cf6}.guest-badge-pill.is-admin{color:#7c3aed;background:#f0e6ff;border-color:#a855f7}.guest-badge-pill.is-pioneer{color:#16a34a;background:#e6f7e6;border-color:#4ade80}.guest-badge-pill.disabled{background:var(--border);border:1px dashed var(--muted);color:var(--muted);opacity:.6}.guest-profile-toggle-row{cursor:pointer;justify-content:space-between;align-items:center;font-size:.9rem;font-weight:800;display:flex}.guest-profile-toggle{appearance:none;cursor:pointer;background:#06173729;border:1px solid #06173724;border-radius:999px;flex:none;justify-content:flex-start;align-items:center;width:46px;height:26px;min-height:26px;padding:3px;transition:background .16s,border-color .16s;display:inline-flex}.guest-profile-toggle:hover:not(:disabled),.guest-profile-toggle:focus-visible{transform:none;box-shadow:0 0 0 3px #ff3d9a29}.guest-profile-toggle span{background:#fff;border-radius:999px;width:18px;height:18px;transition:transform .16s;display:block;transform:translate(0);box-shadow:0 4px 12px #0617372e}.guest-profile-toggle.is-on{background:linear-gradient(135deg,#ff3d9a,#e01875);border-color:#ff3d9a70}.guest-profile-toggle.is-on span{transform:translate(20px)}.guest-dark-theme .guest-profile-toggle{background:#ffffff26;border-color:#ffffff1a}.guest-dark-theme .guest-profile-toggle span{background:#e2e8f0}.guest-dark-theme .guest-profile-toggle.is-on{background:linear-gradient(135deg,#ff3d9a,#e01875);border-color:#ff3d9a70}.guest-profile-leave-button{border:1px solid var(--pink);color:var(--pink);background:0 0;border-radius:999px;justify-content:center;align-items:center;gap:8px;width:auto;min-height:42px;margin:0 16px 16px;padding:0 16px;display:flex}}