:root{font-family:Inter,system-ui,Arial,sans-serif;color:#faf8ff;background:#080b1c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 90% 0%,#202255 0%,transparent 35%),#080b1c;min-height:100vh}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:14px;background:#ffdf52;color:#17131c;font-weight:800;padding:13px 18px}button.secondary{background:#232a48;color:#fff}button.danger{background:#9f3558;color:#fff}button:disabled{opacity:.45;cursor:not-allowed}input{background:#12172c;border:1px solid #4a5274;border-radius:12px;color:#fff;padding:15px;width:100%}input:focus{outline:2px solid #ffdf52}h1{font-size:clamp(2rem,5vw,4rem);margin:0 0 12px}h2{margin:0 0 16px}p{color:#bfc3d4;line-height:1.5}.wrap{max-width:1040px;margin:auto;padding:28px 18px}.brand{font-weight:950;letter-spacing:.1em;color:#ffdf52;font-size:1.1rem;margin-bottom:24px}.card{background:#12172b;border:1px solid #333b5a;border-radius:22px;padding:24px;margin:14px 0;box-shadow:0 20px 45px #0003}.hero{margin:6vh 0 35px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.muted{color:#a9aec3}.small{font-size:.85rem}.pill{display:inline-block;border-radius:30px;background:#333055;padding:7px 12px;color:#ffdf52}.list{list-style:none;margin:0;padding:0}.list li{padding:14px 0;border-bottom:1px solid #2b314d;display:flex;justify-content:space-between;gap:16px;align-items:center}.list li:last-child{border:0}.songtitle{font-weight:800}.search{margin:20px 0}.score{font-size:4rem;font-weight:950;color:#ffdf52}.stars{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;margin:14px 0}.star{padding:7px 0;background:#242944;color:#aaa;font-size:1.4rem}.star.selected{background:#ffdf52;color:#3a2b05}.tv{display:grid;grid-template-columns:minmax(0,1fr) 290px;min-height:100vh}.stage{padding:24px;display:flex;flex-direction:column;justify-content:center}.stage #player{width:100%;aspect-ratio:16/9;background:#000;border-radius:14px;overflow:hidden}.side{background:#11162e;padding:24px;border-left:1px solid #32395a}.side .code{font-size:2.8rem;color:#ffdf52;font-weight:950;letter-spacing:.12em}.qr{width:180px;height:180px;background:#fff;padding:8px;border-radius:12px}.confetti{font-size:3rem}.toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#ffdf52;color:#181421;padding:12px 20px;border-radius:12px;font-weight:700;z-index:9}@media(max-width:750px){.tv{display:block}.side{border:0}.stage{padding:16px;min-height:55vh}.side .code{font-size:2rem}}
button,select{font:inherit}select{background:#12172c;border:1px solid #4a5274;border-radius:12px;color:#fff;padding:14px;width:100%}a{color:#ffdf52}label{display:block;margin:12px 0;color:#e8e9f5;font-weight:650}label input{display:block;margin-top:7px}.check{display:flex;align-items:center;gap:9px}.check input{width:auto;margin:0}.login{max-width:520px;padding-top:9vh}.admin-header{justify-content:space-between;align-items:flex-start}.song-edit{padding:18px 0;border-top:1px solid #343c5b}.song-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tv-video-area{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0}.tv-video-area #player{max-height:70vh;object-fit:contain}.now-playing{display:flex;gap:16px;align-items:center;justify-content:space-between;background:#11162e;padding:14px 20px;border-radius:12px;font-size:1.3rem;font-weight:800}.now-playing small{font-size:.8rem;color:#c4cadf}.next-singer{border:1px solid #57519b;border-radius:14px;background:#242047;padding:14px;margin-bottom:18px}.next-singer strong{font-size:1.35rem;color:#ffdf52}.next-singer small{color:#bfc3d4}.tv-controls{margin-top:12px}.tv-controls button{padding:8px 11px;font-size:.85rem}@media(max-width:750px){.song-fields{grid-template-columns:1fr}.tv-video-area #player{max-height:55vh}}
.tv-video-area video::-webkit-media-controls-fullscreen-button{display:none}
.admin h1{font-size:clamp(1.8rem,4vw,2.8rem)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.row>input{flex:1;min-width:180px}.song-item{border-top:1px solid #343c5b;padding:16px 0}.song-item summary{display:flex;justify-content:space-between;gap:16px;cursor:pointer;align-items:center}.song-item small{display:block;color:#bfc3d4;margin-top:6px}.song-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.import-item{border-top:1px solid #343c5b;padding:20px 0}.cache-plan{margin-top:24px;padding-top:16px;border-top:1px solid #343c5b}.error{color:#ffb5ba}.toast{max-width:90vw;max-height:40vh;overflow:auto}summary{cursor:pointer}iframe#player{border:0;min-height:200px}.tv-video-area #player-wrap{width:100%;aspect-ratio:16/9;min-height:200px}.player-message{color:#ffdf52}.song-item .pill{white-space:nowrap;font-size:.8rem}@media(max-width:750px){.song-fields{grid-template-columns:1fr}.song-item summary{align-items:flex-start}.song-item .pill{white-space:normal}.tabs button{flex:1}.card{padding:18px}}
.legal{max-width:820px}.legal h2{margin-top:34px}.legal p{font-size:1.05rem}.legal-links{display:flex;gap:20px;flex-wrap:wrap;margin:28px 0;font-size:.9rem}

.welcome{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:40px;align-items:center;margin:32px 0}.brand-art{width:100%;max-width:380px;height:auto;display:block;margin:0 auto}.welcome h1{font-size:clamp(28px,4vw,48px);line-height:1.1}.setup-options{display:grid;gap:12px}.setup-options button{text-align:left;white-space:normal}.setup-options small{display:block;font-weight:400;margin-top:5px}.stage-start{text-align:center;padding:20px 0}.stage-start .brand-art{max-width:300px}.pair-code{display:block;font-size:clamp(40px,8vw,72px);letter-spacing:.12em;color:#ffe54f}.guide li{margin:24px 0;line-height:1.6}.guide{overflow-wrap:anywhere}.table-scroll{overflow:auto}.pagination{margin:16px 0}@media(max-width:700px){.welcome{grid-template-columns:1fr;gap:16px}.welcome .brand-art{max-width:220px}.setup-options button{width:100%}}

.tv-controls{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.tv-controls button{font-size:14px}

/* Donation, compact responsive party controls, and TV-safe layout */
.donation{border-color:#7664bd;background:linear-gradient(135deg,#211d43,#13172b)}.donation-modal{position:fixed;inset:0;background:#050718df;z-index:20;display:grid;place-items:center;padding:16px}.donation-dialog{width:min(540px,96vw);max-height:92vh;overflow:auto;background:#12172b;border:1px solid #615994;border-radius:22px;padding:24px;box-shadow:0 20px 70px #0009}.donation-dialog label{display:block}.donation-dialog input,.donation-dialog textarea{width:100%;margin:8px 0 14px}.donation-qr{display:block;width:min(260px,70vw);height:auto;background:white;padding:8px;border-radius:12px;margin:20px auto}.donation-close{float:right}.reaction-buttons{display:flex;gap:7px;flex-wrap:wrap}.reaction-buttons button,.emoji-button{padding:7px 10px;font-size:1.25rem;min-width:44px}.queue-scroll{max-height:250px;overflow-y:auto;overscroll-behavior:contain}.queue-remove{flex:none;padding:9px 12px}.list li>div{min-width:0}.list li .songtitle{overflow-wrap:anywhere}.mobile-app .list li{align-items:center}.host-controls .row>*{flex:1}.host-controls label{font-size:.95rem}.countdown{font-size:clamp(3.5rem,14vw,8rem);font-weight:950;color:#ffdf52;line-height:1}.countdown-track{height:10px;width:min(70%,680px);background:#252c49;border-radius:10px;overflow:hidden;margin:28px auto}.countdown-track i{display:block;height:100%;background:#ffdf52;transition:width 1s linear}.tv{height:100dvh;min-height:0;overflow:hidden;grid-template-columns:minmax(0,1fr) clamp(230px,20vw,340px)}.stage{padding:clamp(10px,1.5vw,24px);min-height:0;overflow:hidden}.stage .brand{font-size:clamp(.75rem,1.1vw,1rem);margin-bottom:clamp(8px,1vh,16px)}.tv-video-area{overflow:hidden}.tv-video-area #player-wrap{width:min(100%,calc((100dvh - 150px)*1.7778));max-height:calc(100dvh - 150px);min-height:0;aspect-ratio:16/9}.tv-video-area #player{width:100%;height:100%;max-height:calc(100dvh - 150px);min-height:0}.now-playing{flex:none;font-size:clamp(.85rem,1.2vw,1.2rem);padding:clamp(8px,1vw,16px);max-height:12vh;overflow:hidden}.side{padding:clamp(10px,1.2vw,20px);overflow:hidden;font-size:clamp(.74rem,.9vw,.95rem)}.side h2{font-size:clamp(.9rem,1.15vw,1.25rem);margin:8px 0}.side .qr{width:clamp(90px,9vw,145px);height:auto}.side .next-singer{padding:9px;margin:6px 0}.side .next-singer strong{font-size:1.1rem}.side .list li{padding:7px 0;gap:8px}.side .owner-qr{width:100px}.side button{padding:8px 10px;font-size:.85rem}.side .tv-reactions{display:flex;flex-wrap:wrap;gap:6px;font-size:1.25rem}.tv-queue{max-height:24vh;overflow:hidden}.player-message{min-height:0}.tv-video-area h1{font-size:clamp(1.5rem,4vw,3.8rem)}@media(max-width:750px){.tv{display:block;height:auto;min-height:100dvh;overflow:auto}.side{overflow:visible}.tv-video-area #player-wrap{width:100%;max-height:55vh}.stage{min-height:55vh}.now-playing{max-height:none}.side .qr{width:140px}}
.list li>[data-video]{flex:0 0 124px;min-width:124px;text-align:center;white-space:nowrap}.mobile-app .list li>[data-video]{flex-basis:110px;min-width:110px}.side .donation{padding:9px;margin:6px 0;border-radius:14px}.side .donation h2{font-size:.9rem;margin:0 0 6px}.side .donation p{font-size:.75rem;line-height:1.25;margin:4px 0}.side .donation button{width:100%;padding:8px;font-size:.8rem}