:root{--night:#0b0b0b;--deck:#131313;--deck-2:#1a1a1a;--groove:#222;--groove-2:#323232;--moon:#f5f5f5;--haze:#9a9ea4;--led:#e27029;--led-glow:none;--hot:#dc6d28;--ok:#3ccf7a;--scrim:rgba(11,11,11,.78);--lift:0 24px 60px rgba(0,0,0,.5);--foil:conic-gradient(from 20deg, #d8d8d8, #f6c7a5 9%, #e27029 17%, #fbe3c9 26%, #f5f5f5 34%, #b6b6b6 50%, #f6c7a5 60%, #dc6d28 68%, #ffe6c7 78%, #d8d8d8);--ui:"Inter", "Inter Display", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--dot:"Fragment Mono", ui-monospace, "SF Mono", Menlo, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--night:#f5f5f5;--deck:#fff;--deck-2:#f0efed;--groove:#e4e2de;--groove-2:#d2cfca;--moon:#0b0b0b;--haze:#505962;--led:#c45a18;--led-glow:none;--hot:#c45a18;--ok:#1f9d55;--scrim:rgba(245,245,245,.86);--lift:0 24px 60px rgba(40,30,20,.12);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:light){:root:not([data-theme=dark]):not(.tv){--night:#f5f5f5;--deck:#fff;--deck-2:#f0efed;--groove:#e4e2de;--groove-2:#d2cfca;--moon:#0b0b0b;--haze:#505962;--led:#c45a18;--led-glow:none;--hot:#c45a18;--ok:#1f9d55;--scrim:rgba(245,245,245,.86);--lift:0 24px 60px rgba(40,30,20,.12);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}}*,:before,:after{box-sizing:border-box}html,body{background:var(--night);color:var(--moon);font-family:var(--ui);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;margin:0;padding:0;font-size:16px;line-height:1.5}body{min-height:100vh;overflow-x:hidden}h1,h2,h3,p,blockquote{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}[hidden]{display:none!important}.ic{flex:none;display:block}.muted{color:var(--haze)}.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 28px}:focus-visible{outline:2px solid var(--led);outline-offset:3px}::selection{background:var(--led);color:var(--night)}.led{font-family:var(--dot);letter-spacing:.06em;color:var(--led);text-shadow:var(--led-glow);font-variant-numeric:tabular-nums;font-weight:400;line-height:1}.led-sm{font-size:13px}.led-xl{letter-spacing:.12em;font-size:48px}.disc{isolation:isolate;width:48px;height:48px;box-shadow:0 0 0 1px rgba(255,255,255,.06), var(--lift);border-radius:50%;flex:none;display:inline-block;position:relative;overflow:hidden}.disc-foil,.disc-grooves{border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.disc-foil{background:linear-gradient(135deg,#d8d8d8,#f6c7a5 30%,#e27029 60%,#fbe3c9);background:var(--foil)}.disc-grooves{background:radial-gradient(circle,transparent 0,transparent 33%,rgba(11,11,11,.16) 33.5%,rgba(11,11,11,.16) 35%,transparent 35.5%),repeating-radial-gradient(circle,rgba(11,11,11,0) 0,rgba(11,11,11,0) 3px,rgba(11,11,11,.06) 3px,rgba(11,11,11,.06) 4px)}.disc-label{color:#0b0b0b;z-index:1;background:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:34%;height:34%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinning .disc-foil,.disc.spinning .disc-foil{animation:7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.disc-mark{width:30px;height:30px;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.disc-mark .disc-label{background:var(--night);width:30%;height:30%}.brand-lg .disc-mark{width:38px;height:38px}.disc-qr,.disc-tv{width:240px;height:240px}.disc-qr .disc-label,.disc-tv .disc-label{background:#fff;width:66%;height:66%}.qr{width:64%;height:64%;display:block}.qr svg{width:100%;height:100%;display:block}.brand{align-items:center;display:inline-flex}.brand-word{letter-spacing:-.045em;margin-left:10px;font-size:19px;font-weight:800}.brand-lg .brand-word{font-size:23px}.btn{white-space:nowrap;user-select:none;border-radius:40px;justify-content:center;align-items:center;height:42px;padding:0 20px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,transform 80ms;display:inline-flex}.btn .ic+span,.btn span+.ic{margin-left:8px}.btn:active{transform:translateY(1px)}.btn[disabled]{opacity:.5;pointer-events:none}.btn-primary{background:var(--hot);color:#fff}.btn-primary:hover{background:#ef8545}.btn-ghost{border:1px solid var(--groove-2);background:0 0}.btn-ghost:hover{border-color:var(--moon)}.btn-sm{border-radius:40px;height:34px;padding:0 14px;font-size:13px}.btn-sm .ic+span{margin-left:5px}.btn-lg{border-radius:40px;height:54px;padding:0 28px;font-size:16px}.btn.block{width:100%}.icon-btn{width:40px;height:40px;color:var(--haze);border:1px solid var(--groove-2);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;transition:color .15s,border-color .15s;display:inline-flex}.icon-btn:hover{color:var(--moon);border-color:var(--groove-2)}.icon-btn.sm{width:34px;height:34px}.icon-btn.on{color:var(--led);border-color:var(--led)}.icon-btn.danger:hover{color:var(--hot);border-color:var(--hot)}.ctrl{background:var(--deck-2);width:44px;height:44px;color:var(--moon);border:1px solid var(--groove-2);border-radius:50%;flex:none;justify-content:center;align-items:center;transition:transform 80ms,border-color .15s,color .15s;display:inline-flex}.ctrl:hover{border-color:var(--haze)}.ctrl:active{transform:scale(.95)}.ctrl-seek{width:auto;font-family:var(--dot);border-radius:40px;padding:0 16px;font-size:13px}.ctrl-hot{background:var(--hot);border-color:var(--hot);color:#fff}.ctrl-hot:hover{color:#fff}.conn{color:var(--haze);font-size:13px}.conn.offline{color:var(--hot)}.toasts{z-index:100;pointer-events:none;flex-direction:column;align-items:center;width:calc(100% - 32px);max-width:460px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}body.has-mini .toasts{bottom:calc(92px + env(safe-area-inset-bottom))}.toast{background:var(--moon);color:var(--night);box-shadow:var(--lift);opacity:0;text-align:center;border-radius:40px;margin-top:8px;padding:12px 20px;font-size:14px;font-weight:500;transition:opacity .25s,transform .25s;transform:translateY(8px)}.toast.in{opacity:1;transform:none}.toast-error{background:var(--hot);color:#fff}.topbar{justify-content:space-between;align-items:center;height:84px;display:flex}.topnav{color:var(--haze);align-items:center;font-size:14px;display:flex}.topnav a{margin-right:28px}.topnav a:hover{color:var(--moon)}.hero{text-align:center;padding-top:72px;position:relative}.hero-glow{pointer-events:none;z-index:-1;background:radial-gradient(55% 55% at 50% 60%,rgba(226,112,41,.45),rgba(30,0,0,0) 70%);width:1000px;max-width:150vw;height:640px;position:absolute;bottom:-40px;left:50%;transform:translate(-50%)}.badge{border:1px solid var(--groove-2);background:var(--deck);color:var(--haze);border-radius:40px;align-items:center;padding:7px 16px;font-size:13px;display:inline-flex}.badge-dot{background:var(--hot);border-radius:50%;width:6px;height:6px;margin-right:8px}.hero-title{letter-spacing:-.045em;max-width:12ch;margin:28px auto 0;font-size:max(44px,min(7.4vw,88px));font-weight:700;line-height:.98}.hero-sub{max-width:34em;color:var(--haze);margin:26px auto 0;font-size:18px;line-height:1.55}.hero-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:14px;margin-top:38px;display:flex}.join{border:1px solid var(--groove-2);background:var(--deck);border-radius:40px;align-items:center;height:54px;padding:0 6px 0 20px;display:flex}.join-label{color:var(--haze);white-space:nowrap;margin-right:12px;font-size:14px}.code-input{letter-spacing:.2em;background:0 0;border:0;outline:0;width:108px;font-size:17px}.code-input::placeholder{color:var(--groove-2)}.join .btn{height:42px}.hero-tv{color:var(--haze);justify-content:center;align-items:center;margin-top:24px;font-size:14px;display:flex}.hero-tv .ic{margin-right:10px}.hero-tv b{color:var(--moon);font-weight:600}.hero-art{justify-content:center;height:300px;margin-top:64px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,transparent);mask-image:linear-gradient(#000 60%,transparent)}.disc-hero{width:600px;max-width:88vw;height:600px;max-height:88vw}.disc-hero .disc-label{background:var(--night);width:34%;height:34%;color:var(--haze);flex-direction:column;box-shadow:0 0 0 1px rgba(255,255,255,.08)}.hero-label-word{letter-spacing:-.04em;color:var(--moon);font-size:22px;font-weight:700}.hero-label .led{margin-top:6px;font-size:11px}.section{padding-top:88px;padding-bottom:40px}.section-title{letter-spacing:-.045em;font-size:max(32px,min(4.4vw,54px));font-weight:800;line-height:1.02}.section-sub{max-width:36em;color:var(--haze);margin-top:16px;font-size:17px}.fixes{grid-gap:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:44px;display:grid}.fix{border:1px solid var(--groove);background:var(--deck);border-radius:20px;flex-direction:column;padding:26px;display:flex}.fix-said{letter-spacing:-.015em;color:var(--moon);font-size:17px;font-weight:600;line-height:1.4}.fix-said:before{content:"“";height:30px;color:var(--hot);font-size:44px;line-height:1;display:block}.fix-did{color:var(--haze);margin-top:14px;font-size:15px;line-height:1.55}.steps{grid-gap:32px;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:44px 0 0;padding:0;list-style:none;display:grid}.step-n{color:var(--hot);font-size:15px;display:block}.steps h3{letter-spacing:-.03em;margin:22px 0 8px;font-size:22px}.steps p{color:var(--haze);max-width:26em}.faq{max-width:800px;margin-top:36px}.faq details{border-top:1px solid var(--groove)}.faq details:last-child{border-bottom:1px solid var(--groove)}.faq summary{cursor:pointer;letter-spacing:-.02em;justify-content:space-between;align-items:center;padding:22px 0;font-size:19px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq .plus{color:var(--haze);transition:transform .2s}.faq details[open] .plus{transform:rotate(45deg)}.faq details p{color:var(--haze);max-width:62ch;padding-bottom:22px}.cta-band{text-align:center;color:#fff;background:linear-gradient(106deg,#1e0000 0%,#e27029 100%);border-radius:28px;margin-top:96px;padding:72px 32px}.cta-band h2{letter-spacing:-.045em;font-size:max(34px,min(5vw,58px));line-height:1}.cta-band p{opacity:.85;margin:12px 0 30px;font-size:17px}.btn-light{color:#0b0b0b;background:#fff}.btn-light:hover{background:#f5f5f5}.footer{background:linear-gradient(var(--groove), var(--groove)) center top / calc(100% - 56px) 1px no-repeat;color:var(--haze);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:48px;padding-top:28px;padding-bottom:44px;font-size:14px;display:flex}.footer a:hover{color:var(--moon)}.songbook{flex-direction:column;height:100%;min-height:0;display:flex}.search-form{background:var(--deck-2);border:1px solid var(--groove-2);border-radius:40px;align-items:center;height:52px;padding:0 5px 0 18px;transition:border-color .15s;display:flex}.search-form:focus-within{border-color:var(--hot)}.search-ic{color:var(--haze);margin-right:10px}.search-input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:16px}.search-input::-webkit-search-cancel-button{-webkit-appearance:none}.search-input::placeholder{color:var(--haze)}.search-form .btn{height:42px;margin-left:4px}.mic{border:0}.mic.live{color:#fff;background:var(--hot);animation:1.2s infinite pulse}@keyframes pulse{0%{box-shadow:0 0 rgba(220,109,40,.55)}to{box-shadow:0 0 0 12px rgba(220,109,40,0)}}.search-wrap{order:-1;margin-bottom:14px;position:relative}.filter{color:var(--haze);cursor:pointer;align-items:center;margin:10px 0 0 4px;font-size:13px;display:inline-flex}.filter input{accent-color:var(--led);margin:0 8px 0 0}.suggest{z-index:20;border:1px solid var(--groove-2);background:var(--deck);box-shadow:var(--lift);border-radius:14px;padding:6px;position:absolute;top:58px;left:0;right:0}.suggest-item{text-align:left;width:100%;color:var(--haze);border-radius:10px;align-items:center;padding:10px;font-size:15px;display:flex}.suggest-item .ic{margin-right:10px}.suggest-item:hover{background:var(--deck-2);color:var(--moon)}.tabs{background:var(--deck-2);border:1px solid var(--groove);border-radius:40px;grid-template-columns:repeat(4,minmax(0,1fr));padding:4px;display:grid}.tab{height:38px;color:var(--haze);border-radius:40px;justify-content:center;align-items:center;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex}.tab .ic{margin-right:7px}.tab:hover{color:var(--moon)}.tab[aria-selected=true]{background:var(--hot);color:#fff}.tab[aria-selected=true] .count{color:#fff}.tab .count{margin-left:7px;font-size:13px}.list{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--groove) transparent;flex:1;min-height:0;margin:6px -8px 0;padding:0 8px;overflow-y:auto}.list-label{color:var(--haze);align-items:center;margin:18px 0 6px;font-size:13px;font-weight:600;display:flex}.list-label .led{margin-left:8px}.song{border-bottom:1px solid var(--groove);align-items:center;padding:10px 0;display:flex}.song>*+*{margin-left:12px}.song .thumb{background:var(--deck-2);border-radius:8px;flex:none;width:80px;height:45px;position:relative;overflow:hidden}.song .thumb img{object-fit:cover;width:100%;height:100%}.dur{font-family:var(--dot);letter-spacing:.04em;color:#e27029;background:rgba(0,0,0,.8);border-radius:4px;padding:2px 4px 1px;font-size:11px;font-weight:800;line-height:1;position:absolute;bottom:4px;right:4px}.song .meta{flex:1;min-width:0}.song .title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.song .sub{color:var(--haze);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:13px;overflow:hidden}.song .sub b{color:var(--moon);margin-right:8px;font-weight:600}.song .actions{flex:none;align-items:center;display:flex}.song .actions>*+*{margin-left:6px}.song .num{text-align:center;width:20px;font-family:var(--dot);color:var(--led);flex:none;font-weight:800}.song.now{background:rgba(220,109,40,.1);border:1px solid rgba(220,109,40,.5);border-radius:14px;margin-top:4px;padding:12px}.eq{background:rgba(0,0,0,.45);justify-content:center;align-items:flex-end;padding-bottom:10px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.eq i{transform-origin:bottom;background:#e27029;border-radius:2px;width:3px;height:16px;margin:0 1.5px;animation:.9s ease-in-out infinite alternate eq;display:block}.eq i:nth-child(2){animation-delay:-.3s}.eq i:nth-child(3){animation-delay:-.6s}@keyframes eq{0%{transform:scaleY(.25)}to{transform:scaleY(1)}}.skeleton .thumb,.skeleton .bar{background:var(--deck-2);animation:1.1s ease-in-out infinite alternate shimmer}.skeleton .bar{border-radius:6px;width:80%;height:11px}.skeleton .bar.short{width:45%;margin-top:8px}@keyframes shimmer{0%{opacity:.5}to{opacity:1}}.empty{text-align:center;padding:48px 12px}.empty-title{letter-spacing:-.02em;font-size:18px;font-weight:700}.empty-body{max-width:290px;color:var(--haze);margin:8px auto 0;font-size:14px}.chips{flex-wrap:wrap;padding-top:16px;display:flex}.chip{border:1px solid var(--groove-2);border-radius:40px;height:38px;margin:0 8px 8px 0;padding:0 16px;font-size:14px;font-weight:500;transition:border-color .15s,color .15s}.chip:hover{border-color:var(--led);color:var(--led)}.transport.disabled .ctrl-row,.deck .ctrl-row.disabled{opacity:.55}.progress-row{align-items:center;display:flex}.time{min-width:52px;font-size:15px}.time:last-child{text-align:right}.progress{cursor:pointer;flex:1;align-items:center;height:22px;margin:0 14px;display:flex}.progress-track{background:var(--groove);border-radius:2px;width:100%;height:4px;position:relative}.progress-fill{background:var(--led);height:100%;box-shadow:var(--led-glow);border-radius:2px}.progress-knob{background:var(--moon);opacity:0;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;transition:opacity .15s;position:absolute;top:50%}.progress:hover .progress-knob{opacity:1}.progress:focus-visible .progress-knob{opacity:1}.ctrl-row{justify-content:center;align-items:center;display:flex}.ctrl-row>*+*{margin-left:10px}.ctrl-row>.disc-btn{margin-left:18px;margin-right:8px}.disc-btn{border-radius:50%;transition:transform .1s}.disc-btn:active{transform:scale(.96)}.disc-play{width:84px;height:84px}.disc-play .disc-label{background:var(--night);width:46%;height:46%;color:var(--moon);box-shadow:0 0 0 1px rgba(255,255,255,.1)}.disc-icon{display:flex}.console{height:100vh;flex-direction:column;height:100dvh;padding:0 24px 20px;display:flex}.console-bar{flex:none;justify-content:space-between;align-items:center;height:72px;display:flex}.bar-right{align-items:center;display:flex}.bar-right>*+*{margin-left:10px}.room-code{background:var(--deck);border:1px solid var(--groove);height:40px;color:var(--haze);border-radius:40px;align-items:center;padding:0 14px;display:inline-flex}.room-code .led{margin:0 10px 0 8px;font-size:20px}.room-code.static .led{margin:0;font-size:18px}button.room-code:hover{border-color:var(--groove-2);color:var(--moon)}.room-code-label{font-size:13px}.people{height:40px;color:var(--haze);align-items:center;padding:0 12px;display:inline-flex}.people .led{margin-left:8px;font-size:16px}.console-main{grid-gap:24px;flex:1;grid-template-columns:minmax(0,1fr) 440px;gap:24px;min-height:0;display:grid}.stage-col{flex-direction:column;min-width:0;min-height:0;display:flex}.screen{min-height:240px;box-shadow:0 0 0 1px var(--groove);background:#000;border-radius:20px;flex:1;position:relative;overflow:hidden}.video{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.video iframe{border:0;width:100%;height:calc(100% + 160px);position:absolute;top:-80px;left:0}.video-shield{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.screen:-webkit-full-screen{border-radius:0}.screen:fullscreen{border-radius:0}.screen-idle{color:#f5f5f5;background:#0b0b0b;justify-content:center;align-items:center;padding:28px;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.screen.is-idle .screen-idle{display:flex}.screen-idle .disc-qr{width:min(300px,42vh);height:min(300px,42vh)}.idle-copy{max-width:300px;margin-left:44px}.idle-lead{letter-spacing:-.035em;font-size:26px;font-weight:700;line-height:1.15}.idle-code{color:#9a9ea4;align-items:baseline;margin-top:22px;font-size:14px;display:flex}.idle-code .led{color:#e27029;text-shadow:0 0 10px rgba(226,112,41,.45);margin-left:14px}.idle-alt{color:#9a9ea4;margin-top:16px;font-size:14px}.screen-fs{z-index:6;color:#f5f5f5;opacity:0;background:rgba(0,0,0,.65);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:opacity .2s;display:flex;position:absolute;top:14px;right:14px}.screen:hover .screen-fs{opacity:1}.screen-fs:focus-visible{opacity:1}.screen-badge{z-index:4;color:#f5f5f5;background:rgba(0,0,0,.72);border-radius:10px;align-items:center;padding:7px 12px;font-size:13px;display:inline-flex;position:absolute;top:14px;left:14px}.screen-badge .ic{margin-right:7px}.gate{z-index:5;color:#fff;background:rgba(0,0,0,.62);flex-direction:column;justify-content:center;align-items:center;font-size:18px;font-weight:600;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.gate-ic{background:#dc6d28;border-radius:50%;justify-content:center;align-items:center;width:76px;height:76px;margin-bottom:14px;animation:1.6s infinite pulse;display:flex}.deck{flex:none;padding:18px 4px 0}.deck-row{grid-gap:24px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:24px;margin-top:12px;display:grid}.np{min-width:0}.np-title{letter-spacing:-.025em;white-space:nowrap;text-overflow:ellipsis;font-size:18px;font-weight:700;line-height:1.25;overflow:hidden}.np-singer{color:var(--haze);margin-top:2px;font-size:14px}.is-playing .np-singer{color:var(--hot)}.np-next{color:var(--haze);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:13px;overflow:hidden}.deck-side{justify-content:flex-end;display:flex}.vol-wrap{color:var(--haze);align-items:center;display:flex}.vol{width:130px;accent-color:var(--led);margin-left:10px}.songbook-panel{background:var(--deck);min-height:0;box-shadow:0 0 0 1px var(--groove);border-radius:24px;flex-direction:column;padding:20px 20px 0;display:flex}@media (max-width:1060px){.console{height:auto;min-height:100vh;padding:0 16px 16px}.console-main{grid-template-columns:minmax(0,1fr)}.screen{flex:none;height:0;min-height:0;padding-top:56.25%}.songbook-panel{height:82vh}.console-bar .btn-ghost span,.people{display:none}.deck-row{grid-template-columns:minmax(0,1fr) auto}.deck-side{display:none}}.remote{height:100vh;flex-direction:column;height:100dvh;display:flex}.remote-bar{flex:none;justify-content:space-between;align-items:center;height:64px;padding:0 16px;display:flex}.remote-bar .bar-right>*+*{margin-left:8px}.remote-bar .brand-word{display:none}.name-btn{border:1px solid var(--groove);border-radius:40px;align-items:center;height:40px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.name-btn .ic{color:var(--hot);margin-right:7px}.name-btn span{text-overflow:ellipsis;white-space:nowrap;max-width:96px;overflow:hidden}.remote-main{flex:1;min-height:0;padding:6px 16px 0}.songbook.compact .tab .ic{display:none}.songbook.compact .song .thumb{width:64px;height:36px}.songbook.compact .btn-sm span{display:none}.songbook.compact .btn-sm{width:34px;padding:0}.mini-player{padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:var(--deck);box-shadow:0 -1px 0 var(--groove);flex:none;position:relative}.mini-progress{height:2px;position:absolute;top:0;left:0;right:0}.mini-fill{background:var(--led);height:100%;box-shadow:var(--led-glow);transition:width 1s linear}.where{color:var(--haze);align-items:center;margin-bottom:10px;font-size:13px;display:flex}.where .ic{color:var(--hot);margin-right:8px}.where-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.here-btn{flex:none;height:30px;margin-left:10px}.songbook.compact .here-btn span,.here-btn span{display:inline}.phone-screen{background:#000;border-radius:14px;height:0;margin:2px 0 12px;padding-top:56.25%;position:relative;overflow:hidden}.mini-row{align-items:center;display:flex}.mini-row>*+*{margin-left:12px}.disc-mini-player{width:48px;height:48px}.disc-mini-player .disc-label{width:62%;height:62%;overflow:hidden}.mini-thumb{object-fit:cover;width:100%;height:100%}.mini-player.idle .disc-mini-player .mini-thumb{visibility:hidden}.mini-text{cursor:pointer;flex:1;min-width:0}.mini-title{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.mini-sub{color:var(--haze);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mini-time{font-size:12px}@media (max-width:380px){.mini-time{display:none}}.sheet-backdrop{z-index:50;background:var(--scrim);justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.sheet{width:100%;max-width:480px;padding:32px 24px;padding-bottom:calc(28px + env(safe-area-inset-bottom));background:var(--deck);box-shadow:0 0 0 1px var(--groove);text-align:center;border-radius:24px 24px 0 0}@media (min-width:560px){.sheet-backdrop{align-items:center}.sheet{border-radius:24px}}.disc-sheet{width:84px;height:84px}.disc-sheet .disc-label{background:var(--night);width:44%;height:44%;color:var(--hot)}.sheet h2{letter-spacing:-.04em;margin-top:18px;font-size:26px}.sheet p{color:var(--haze);margin:6px 0 22px;font-size:15px}.name-input{border:1px solid var(--groove-2);background:var(--night);text-align:center;border-radius:40px;outline:0;width:100%;height:54px;margin-bottom:12px;padding:0 18px;font-size:18px}.name-input:focus{border-color:var(--led)}.boot{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.boot>*+*{margin-top:22px}html.tv{--night:#0b0b0b;--deck:#131313;--deck-2:#1a1a1a;--groove:#222;--groove-2:#323232;--moon:#f5f5f5;--haze:#9a9ea4;--led:#e27029;--led-glow:none;--hot:#dc6d28;--ok:#3ccf7a;--scrim:rgba(11,11,11,.78);--lift:0 24px 60px rgba(0,0,0,.5);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.tv,html.tv body{cursor:none;background:#000;overflow:hidden}.tv-stage{width:100vw;height:100vh;color:var(--moon);background:#000;position:fixed;top:0;left:0;overflow:hidden}.tv-welcome,.tv-idle{background:var(--night);align-items:center;width:100%;height:100%;padding:0 8vw;display:flex;position:absolute;top:0;left:0}.tv-welcome{z-index:30}.tv-idle{z-index:3;display:none}.tv-stage.is-idle .tv-idle{display:flex}.tv-start{border-radius:50%;flex:none}.disc-start{width:60vh;height:60vh}.disc-start .disc-label{background:var(--night);width:40%;height:40%}.tv-ok{font-family:var(--ui);color:var(--led);text-shadow:var(--led-glow);font-size:9vh;font-weight:700}.tv-start:focus{outline:0}.tv-start:focus .disc{box-shadow:0 0 0 1.2vh rgba(226,112,41,.4)}.tv-welcome-copy,.tv-idle-copy{max-width:44vw;margin-left:6vw}.tv-welcome h1{letter-spacing:-.05em;margin-top:5vh;font-size:4.6vw;line-height:1}.tv-welcome p{color:var(--haze);margin-top:3vh;font-size:1.5vw}.disc-tv{width:76vh;height:76vh}.tv-idle-title{letter-spacing:-.05em;margin-top:5vh;font-size:3.8vw;line-height:1.02}.tv-code{color:var(--haze);align-items:baseline;margin-top:4vh;font-size:1.4vw;display:flex}.tv-code .led{margin-left:1vw;font-size:4.4vw}.tv-url{color:var(--haze);margin-top:1.4vh;font-size:1.2vw}.tv-idle-queue{margin-top:5vh}.panel-title{color:var(--haze);font-size:1vw;font-weight:600}.tv-idle-queue .panel-title{font-size:1.2vw}.lower-third{z-index:4;opacity:0;background:rgba(11,11,11,.86);border-radius:999px;align-items:center;padding:1.2vh 2vw 1.2vh 1.2vh;transition:opacity .5s,transform .5s;display:flex;position:absolute;bottom:4vh;left:3vw;transform:translateY(2vh);box-shadow:0 0 0 1px rgba(255,255,255,.06)}.tv-stage.show-lt .lower-third{opacity:1;transform:none}.tv-stage.is-idle .lower-third,.tv-stage.is-idle .up-next,.tv-stage.is-idle .corner-qr{display:none}.disc-lt{width:7vh;height:7vh}.disc-lt .disc-label{background:var(--night);width:50%;height:50%;color:var(--hot)}.lt-text{margin-left:1.2vw}.lt-singer{letter-spacing:-.03em;font-size:1.7vw;font-weight:800;line-height:1.1}.lt-title{color:var(--haze);white-space:nowrap;text-overflow:ellipsis;max-width:40vw;font-size:1.1vw;overflow:hidden}.lt-time{margin-left:2vw;font-size:1.3vw}.up-next{z-index:4;opacity:0;background:rgba(11,11,11,.88);border-radius:1.4vw;width:24vw;padding:1.6vw;transition:opacity .5s,transform .5s;position:absolute;top:4vh;right:2.4vw;transform:translate(2vw);box-shadow:0 0 0 1px rgba(255,255,255,.06)}.tv-stage.show-next .up-next{opacity:1;transform:none}.next-list .nx{align-items:flex-start;margin-top:1.6vh;display:flex}.nx-n{flex:none;width:2.2vw;font-size:1.3vw}.nx-title{font-size:1.1vw;font-weight:600;line-height:1.3}.nx-singer{color:var(--haze);font-size:.95vw}.tv-idle .nx-title{font-size:1.4vw}.tv-idle .nx-singer{font-size:1.1vw}.tv-idle .nx-n{font-size:1.5vw}.nx-more{margin-top:1vh;font-size:.95vw}.corner-qr{z-index:4;opacity:.9;background:rgba(11,11,11,.84);border-radius:1vw;align-items:center;padding:.6vw 1.2vw .6vw .6vw;display:flex;position:absolute;bottom:3vh;right:2vw}.cq-code{background:#fff;border-radius:.5vw;width:5vw;height:5vw;margin-right:.9vw;padding:.3vw}.cq-code svg{width:100%;height:100%;display:block}.corner-qr p{color:var(--haze);margin-bottom:.5vh;font-size:.85vw}.corner-qr .led{font-size:1.5vw}.tv-stage .gate{z-index:20;font-size:2vw}.tv-stage .gate-ic{width:9vw;height:9vw}.tv-stage .gate:focus{outline:0}.tv-conn{z-index:25;background:var(--hot);color:#fff;border-radius:999px;padding:.7vh 1.4vw;font-size:1vw;position:absolute;top:2vh;left:50%;transform:translate(-50%)}.tv-stage .toast{font-size:1.2vw}@media (max-width:860px){.wrap{padding:0 18px}.topnav a{display:none}.hero{padding-top:32px}.hero-art{height:44vw;margin-top:40px}.fixes{grid-template-columns:minmax(0,1fr)}.cta-band{border-radius:20px;padding:52px 20px}.hero-sub{font-size:17px}.hero-cta{flex-direction:column;align-items:stretch}.join{justify-content:space-between}.code-input{flex:1}.hero-tv{display:block}.hero-tv .ic{display:none}.steps{grid-template-columns:minmax(0,1fr);gap:28px}.screen-idle{padding:16px}.screen-idle .disc-qr{width:150px;height:150px}.idle-copy{margin-left:20px}.idle-lead{font-size:17px}.idle-code .led{font-size:30px}.idle-alt{display:none}}@media (max-width:520px){.deck-row{grid-template-columns:minmax(0,1fr);gap:14px}.console-bar .room-code-label{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}