@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600&family=Barlow:wght@400;500;600&family=Poppins:wght@500;600&display=swap";*{box-sizing:border-box}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:#03060d;min-width:320px}body{letter-spacing:.008em;min-height:100vh;margin:0;font-family:Barlow,system-ui,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.karaoke-app{--accent:#d9a741;--accent-2:#8a531e;--surface:#16110ad1;--surface-strong:#120e09f7;--line:#daa6424d;--muted:#bbb0a0;--danger:#ff6b7a;color:#f8fbff;background-color:#050505;background-image:url(/karaoke-app/assets/admin-floral-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh;padding:24px clamp(16px,3vw,48px) 44px}.brand-header{isolation:isolate;background:0 0;border-bottom:0;place-items:center;max-width:1536px;min-height:160px;margin:0 auto 22px;display:grid;position:relative;overflow:hidden}.vinyl{z-index:-1;background:repeating-radial-gradient(circle,#090806 0 1px,#211a10 2px 3px,#0d0b08 4px 6px);border-radius:50%;width:960px;height:960px;animation:34s linear infinite vinylSpin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:inset 0 0 150px #000,0 0 90px #e0a1331f;-webkit-mask-image:radial-gradient(circle,#000 0 66%,#000000d1 78%,#0000 100%);mask-image:radial-gradient(circle,#000 0 66%,#000000d1 78%,#0000 100%)}.vinyl:after{content:"";opacity:.68;background:radial-gradient(circle,#080706 0 19%,#795018 20% 21%,#171109 22% 100%);border-radius:50%;position:absolute;inset:45%;box-shadow:0 0 34px #000000b8}.vinyl span{background:conic-gradient(from 210deg, transparent 0 21%, #ffd17552 24%, transparent 29% 58%, #ffbe4029 62%, transparent 68%);border-radius:50%;position:absolute;inset:0}.brand-header:before{display:none}.brand-header:after{content:"";background:linear-gradient(90deg, transparent, var(--accent) 12% 88%, transparent);width:min(960px,100%);height:1px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.brand-lockup{z-index:2;justify-content:center;align-items:center;gap:18px;display:flex;transform:translateY(-2px)}.mic-mark{width:76px;height:88px;filter:drop-shadow(0 0 9px color-mix(in srgb, var(--accent), transparent 35%));flex:0 0 76px;animation:3s ease-in-out infinite micGlow;display:block;position:relative;transform:rotate(-34deg)}.mic-capsule{border:4px solid var(--accent);border-radius:18px;width:31px;height:52px;position:absolute;top:2px;left:22px}.mic-cradle{border:4px solid var(--accent);border-top:0;border-radius:0 0 26px 26px;width:50px;height:39px;position:absolute;top:29px;left:12px}.mic-stem{background:var(--accent);border-radius:9px;width:5px;height:19px;position:absolute;top:65px;left:33px}.wordmark{text-align:center;text-transform:uppercase;line-height:.9;display:grid}.wordmark strong{letter-spacing:.055em;background:linear-gradient(#fff1b0 0%,#dfaa49 24%,#8a4b0f 52%,#f0c866 76%,#9b5a16 100%);color:#0000;-webkit-text-stroke:.55px #ffde8ea6;filter:drop-shadow(0 1px #ffdda0)drop-shadow(0 3px #4e2908)drop-shadow(0 6px 7px #000000d1);-webkit-background-clip:text;background-clip:text;font-family:Poppins,Montserrat,sans-serif;font-size:clamp(3.1rem,5.25vw,4.25rem);font-weight:500}.wordmark span{letter-spacing:.48em;color:#e8b755;text-shadow:0 1px #4d2909,0 0 7px #e7a84359;margin-top:13px;padding-left:.48em;font-size:clamp(.7rem,.9vw,.88rem);font-weight:600}.brand-lockup{transform-origin:50%;gap:20px;transform:translateY(-2px)scale(1.16)}.header-tools{z-index:4;align-items:center;gap:12px;display:flex;position:absolute;bottom:25px;right:14px}.live-status{border:1px solid var(--line);color:#f8fbff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c12b3;border-radius:999px;padding:9px 14px;font-size:.78rem}.live-status i{background:#32e681;border-radius:50%;width:9px;height:9px;margin-right:6px;display:inline-block;box-shadow:0 0 8px #32e681}.live-status.is-offline{color:#ffd7dc;background:#21070ac2;border-color:#ff53656b}.live-status.is-offline i{background:#ff5365;box-shadow:0 0 8px #ff5365}.admin-bar{flex-direction:column;gap:14px;max-width:1536px;margin:-12px auto 18px;display:flex}.admin-mode-toggle{align-self:flex-start}.admin-request-controls,.admin-toolbar{width:min(100%,980px);margin:0 auto}.admin-request-controls .request-form{grid-template-columns:210px minmax(320px,1fr) 150px;gap:10px;margin-top:0}.admin-toolbar{justify-content:flex-end;align-items:center;gap:12px;display:flex}.admin-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-backup-actions{justify-content:flex-end;gap:8px;width:min(100%,980px);margin:-10px auto 18px;display:flex}.admin-backup-actions button{border:1px solid var(--line);color:#f4f7fb;cursor:pointer;background:0 0;border-radius:8px;padding:8px 11px}.admin-backup-actions button:hover{border-color:var(--accent);color:var(--accent)}.visually-hidden{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.admin-bar-collapsed{justify-content:flex-start;max-width:1536px;margin:-12px auto 18px;display:flex}.admin-bar button:not(.request-button),.admin-bar-collapsed button,.song-actions button,.compact-action{border:1px solid var(--line);color:#f4f7fb;cursor:pointer;background:0 0;border-radius:8px;padding:8px 11px}.admin-bar button:not(.request-button):hover,.admin-bar-collapsed button:hover,.song-actions button:hover,.compact-action:hover{border-color:var(--accent);color:var(--accent)}.admin-actions .sync-active{color:#06150c;background:linear-gradient(135deg,#78e9a6,#2bad69);border-color:#72eda5;font-weight:700;box-shadow:0 0 0 1px #72eda54d,0 0 24px #45da8452}.admin-bar .admin-actions .sync-active:hover{color:#041109;background:linear-gradient(135deg,#9af2bb,#39bd78);border-color:#b2facd}.admin-bar .danger,.song-actions .remove,.remove-own{color:var(--danger)}.remove-own:hover{border-color:var(--danger);color:#ff9aa5}.main-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;max-width:980px;margin:0 auto;display:grid}.main-layout.public-layout{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px}.public-request-panel{width:min(100%,980px);margin:0 auto 14px}.public-request-panel .request-form{grid-template-columns:210px minmax(320px,1fr) 150px;gap:10px;margin-top:0}.stage-column{min-width:0;display:flex}.stage-column>.video-shell{flex:1}.video-shell,.queue-panel{border:1px solid var(--line);background:linear-gradient(145deg, var(--surface), #03060cd6);border-radius:18px;overflow:hidden;box-shadow:0 18px 60px #00000047}.video-poster,.youtube-player,.empty-player{aspect-ratio:16/9;width:100%}.player-frame{aspect-ratio:16/9;background:#05070b;width:100%;position:relative;overflow:hidden}.player-frame .youtube-player,.player-frame .video-poster{aspect-ratio:auto;width:100%;height:100%;position:absolute;inset:0}.player-error{z-index:4;color:#ffd6da;text-align:center;background:#170709eb;border:1px solid #ff6b7a6b;border-radius:9px;width:min(90%,520px);margin:0;padding:9px 12px;font-size:.78rem;position:absolute;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000006b}.youtube-player{border:0;display:block}.youtube-player iframe{border:0;width:100%;height:100%;display:block}.youtube-player.is-hidden{visibility:hidden;pointer-events:none}.video-poster{background-position:50%;background-size:cover;place-items:center;display:grid}.player-loading{color:#f0c866;letter-spacing:.02em;background:#050401c7;border-radius:999px;padding:8px 12px;font-size:.78rem}.public-video-shell .player-frame,.public-video-shell .video-poster,.public-video-shell .empty-player{aspect-ratio:16/9;background-color:#05070b;background-repeat:no-repeat;background-size:contain}.public-video-shell .now-playing{height:180px;min-height:180px;max-height:180px;padding:16px 20px}.play-button{border:1px solid var(--line);color:#fff;cursor:pointer;width:88px;height:88px;box-shadow:0 0 30px color-mix(in srgb, var(--accent), transparent 75%);background:#0c1228c7;border-radius:50%;place-items:center;font-size:2rem;text-decoration:none;display:grid}.play-button:hover{border-color:var(--accent);transform:scale(1.04)}.now-playing{border-top:1px solid var(--line);justify-content:space-between;align-items:end;gap:14px;height:180px;min-height:180px;max-height:180px;padding:20px 24px;display:flex;overflow:hidden}.now-playing .now-playing-details{flex:1;gap:6px;min-width:0;display:grid}.now-playing span{color:var(--muted);font-size:.75rem}.now-playing strong{white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(.96rem,1.4vw,1.18rem);line-height:1.24;display:-webkit-box;overflow:hidden}.now-playing small{color:var(--muted)}.player-actions{gap:8px;display:flex}.media-action{place-items:center;width:42px;height:42px;padding:0;font-size:1.05rem;line-height:1;display:grid}.media-action-next{font-size:1.24rem}.playback-progress{gap:6px;width:min(100%,540px);margin-top:7px;display:grid}.playback-times{font-variant-numeric:tabular-nums;justify-content:space-between;gap:12px;display:flex}.playback-times span{color:color-mix(in srgb, var(--accent), #fff 25%);font-size:.72rem}.playback-track{background:color-mix(in srgb, var(--muted), transparent 72%);border-radius:999px;height:4px;overflow:hidden}.playback-track i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent), #fff 35%));height:100%;box-shadow:0 0 12px var(--accent);transition:width .35s linear;display:block}.empty-player{color:color-mix(in srgb, var(--muted), transparent 58%);background:radial-gradient(circle,#d9a74109,#0000 38%);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.empty-player .mic-mark{opacity:.34;filter:saturate(.48)blur(.2px);transform:scale(.75)rotate(-34deg)}.empty-player strong{color:#ffffff70;letter-spacing:.025em;font-family:Barlow Condensed,sans-serif;font-size:1.4rem;font-weight:500}.empty-player>span:not(.mic-mark){opacity:.58}.request-form{grid-template-columns:minmax(130px,.62fr) minmax(230px,1fr) auto;align-items:end;gap:12px;margin-top:18px;display:grid}.request-form label{min-width:0;color:var(--muted);gap:7px;font-size:.78rem;display:grid}.request-form label>span{letter-spacing:.018em;color:#f5ead8;font-family:Barlow Condensed,sans-serif;font-size:1.08rem;font-weight:600}.request-form label small{letter-spacing:.01em;color:var(--muted);opacity:.8;font-family:Barlow,system-ui,sans-serif;font-size:.68rem;font-weight:400}.request-form input{color:#fff;border:1px solid var(--line);background:var(--surface);border-radius:9px;width:100%;min-height:42px;padding:0 14px}.request-form input::placeholder{color:color-mix(in srgb, var(--muted), transparent 18%)}.request-button{color:#160f07;cursor:pointer;white-space:nowrap;letter-spacing:.01em;background:linear-gradient(135deg,#d7a33c,#a86a20);border:1px solid #e6b855;border-radius:9px;justify-content:center;align-items:center;min-width:150px;min-height:42px;padding:0 18px;font-family:Barlow,system-ui,sans-serif;font-size:.95rem;font-weight:600;line-height:1.2;display:inline-flex;box-shadow:0 5px 15px #8b54123d,inset 0 1px #ffefb161}.request-button:hover:not(:disabled){background:linear-gradient(135deg,#e4b650,#b77727);transform:translateY(-1px);box-shadow:0 10px 26px #8b541266,inset 0 1px #ffefb180}.request-button:disabled{opacity:.45;cursor:not-allowed}.form-notes{color:var(--muted);justify-content:flex-end;gap:10px;margin-top:11px;font-size:.76rem;display:flex}.notice,.success,.error{border-radius:8px;width:fit-content;max-width:100%;margin:10px 0 0;padding:8px 11px;font-size:.8rem}.notice{color:#ffd27a;background:#ffb02317}.success{color:#79efad;background:#29d07517}.error{color:#ff9aa5;background:#ff4f621a}.queue-panel{flex-direction:column;height:max-content;min-height:0;max-height:560px;padding:24px;display:flex;overflow:hidden}.queue-panel.is-balanced{align-self:start}.queue-panel.is-drop-target{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent), transparent 35%), 0 18px 60px #00000047}.queue-panel.is-balanced .queue-list li{min-height:72px;padding-block:7px}.queue-panel.is-empty{align-self:start}.queue-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.queue-heading h2{letter-spacing:.018em;margin:0;font-family:Barlow Condensed,sans-serif;font-size:1.32rem;font-weight:600}.queue-list{scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--accent), transparent 48%) transparent;gap:0;min-height:0;margin:0;padding:0 6px 0 0;list-style:none;display:grid;overflow:hidden auto}.queue-list::-webkit-scrollbar{width:5px}.queue-list::-webkit-scrollbar-track{background:0 0}.queue-list::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent), transparent 48%);border-radius:999px}.queue-list::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent), transparent 28%)}.queue-list li{border:0;border-bottom:1px solid color-mix(in srgb, var(--line), transparent 42%);background:0 0;border-radius:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;min-height:86px;padding:13px 4px;display:grid}.queue-list li:last-child{border-bottom:0}.queue-list li.is-active .queue-number{border:1px solid color-mix(in srgb, var(--accent), transparent 28%);box-shadow:0 0 14px color-mix(in srgb, var(--accent), transparent 72%)}.queue-list li.is-active .song-info strong{color:var(--accent);text-shadow:0 0 12px color-mix(in srgb, var(--accent), transparent 72%)}.queue-play{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-column:1/3;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:0;display:grid}.queue-play:disabled{cursor:default}.queue-number{background:color-mix(in srgb, var(--accent), transparent 84%);color:#fff;border-radius:9px;place-items:center;width:42px;height:42px;font-weight:600;display:grid}.queue-index,.queue-play-icon{grid-area:1/1;transition:opacity .16s,transform .16s}.queue-play-icon{color:var(--accent);opacity:0;transform:scale(.72)}.queue-play:not(:disabled):hover .queue-index,.queue-play:not(:disabled):focus-visible .queue-index{opacity:0;transform:scale(.72)}.queue-play:not(:disabled):hover .queue-play-icon,.queue-play:not(:disabled):focus-visible .queue-play-icon{opacity:1;transform:scale(1)}.queue-play:not(:disabled):hover .song-info strong{color:var(--accent)}.queue-play:focus-visible{outline:1px solid var(--accent);outline-offset:3px;border-radius:8px}.song-info{gap:5px;min-width:0;display:grid}.song-info strong,.song-info span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.song-info strong{font-size:.92rem}.song-info span{color:var(--muted);font-size:.78rem}.song-actions{gap:4px;display:flex}.song-actions button{padding:6px 8px}.song-actions button:disabled{opacity:.25;cursor:not-allowed}.queue-empty{min-height:120px;color:var(--muted);text-align:center;flex:1;place-items:center;display:grid}.history-panel{max-width:980px;margin:24px auto 0}.history-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.history-heading h2{letter-spacing:.018em;margin:0;font-family:Barlow Condensed,sans-serif;font-size:1.32rem;font-weight:600}.history-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.history-list li{min-width:0}.history-entry{width:100%;color:inherit;font:inherit;text-align:left;background:0 0;border:0;grid-template-columns:32px 92px minmax(0,1fr);align-items:center;gap:11px;padding:9px;display:grid}.history-entry:disabled{cursor:default;opacity:1}.history-entry:not(:disabled){cursor:pointer}.history-entry[draggable=true]{cursor:grab}.history-entry[draggable=true]:active{cursor:grabbing}.history-entry:not(:disabled):hover .history-info strong{color:var(--accent)}.history-entry:not(:disabled):focus-visible{outline:1px solid var(--accent);outline-offset:2px}.history-list img{aspect-ratio:16/9;object-fit:cover;filter:saturate(.78);border-radius:7px;width:92px}.history-number{color:var(--accent);font-variant-numeric:tabular-nums;text-align:center;font-size:.72rem}.history-info{gap:5px;min-width:0;display:grid}.history-info strong,.history-info span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.history-info strong{font-size:.84rem}.history-info span{color:var(--muted);font-size:.74rem}.archive-panel{max-width:980px;margin:30px auto 0}.archive-list{gap:8px;display:grid}.archive-list details{border-bottom:1px solid color-mix(in srgb, var(--line), transparent 34%)}.archive-list summary{color:#f5ead8;cursor:pointer;justify-content:space-between;align-items:center;gap:18px;padding:11px 4px;display:flex}.archive-list summary span{color:var(--muted);font-size:.76rem}.archive-list ol{gap:8px;margin:0;padding:2px 4px 14px 24px;list-style:none;display:grid}.archive-list li{min-width:0}.archive-song{width:100%;color:var(--accent);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:10px;padding:5px 0;font-size:.72rem;display:grid}.archive-song:hover strong,.archive-song:focus-visible strong{color:var(--accent)}.archive-list li div{gap:3px;min-width:0;display:grid}.archive-list li strong{overflow-wrap:anywhere;color:#f8fbff;font-size:.82rem;font-weight:500}.archive-list li small{color:var(--muted)}@keyframes vinylSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}@keyframes micGlow{0%,to{filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent), transparent 45%))}50%{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--accent), transparent 18%))}}@media (width<=900px){.karaoke-app{padding:14px 14px 34px}.brand-header{min-height:142px}.header-tools{bottom:8px;right:4px}.main-layout,.main-layout.public-layout{grid-template-columns:1fr}.brand-lockup{transform:translateY(-2px)scale(1.1)}.queue-panel{min-height:0;max-height:none}.history-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.public-request-panel .request-form,.admin-request-controls .request-form{grid-template-columns:minmax(150px,.65fr) minmax(230px,1fr)}.public-request-panel .request-button,.admin-request-controls .request-button{grid-column:2;justify-self:end}}@media (width<=620px){.brand-header{min-height:126px;margin-bottom:16px}.brand-lockup{gap:12px;transform:translateY(-8px)scale(.94)}.mic-mark{flex-basis:50px;width:50px;height:62px;transform:scale(.78)rotate(-34deg)}.wordmark strong{font-size:clamp(2rem,11vw,3.25rem)}.wordmark span{margin-top:8px;font-size:.58rem}.header-tools{justify-content:flex-end;bottom:7px;left:auto;right:8px}.live-status{color:#32e681;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;font-size:.63rem}.live-status.is-offline{color:#ff5365;background:0 0;border:0}.live-status i{width:6px;height:6px;margin-right:4px}.request-form{grid-template-columns:1fr}.request-form .url-field,.request-button{grid-column:1}.public-request-panel .request-form,.admin-request-controls .request-form{grid-template-columns:1fr}.public-request-panel .request-button,.admin-request-controls .request-button{grid-column:1}.request-button{justify-self:end}.admin-toolbar{flex-direction:column;align-items:flex-start}.video-shell,.queue-panel{border-radius:13px}.history-list{grid-template-columns:1fr}.now-playing,.public-video-shell .now-playing{height:168px;min-height:168px;max-height:168px;padding:15px}.play-button{width:68px;height:68px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}