:root{--bg-0:#0d0b1a;--bg-1:#1a1433;--bg-2:#3a2a6b;--text:#e9e6f5;--muted:#a39cc2;--accent:#ffc66b;--countdown:#b98cff;--error:#ff7a7a;--panel:#0a0816c7;--line:#ffffff1a;--drawer-w:max(300px, 22vw);--stage-bg:radial-gradient(120% 90% at 30% 20%, var(--bg-2) 0%, var(--bg-1) 55%, var(--bg-0) 100%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--text);overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.4;cursor:default}.code{color:var(--accent);font-family:ui-monospace,SF Mono,Menlo,monospace}.muted{color:var(--muted)}.pill{white-space:nowrap;background:#ffffff14;border:1px solid #ffffff24;border-radius:999px;padding:6px 14px}.input{color:var(--text);font:inherit;background:#ffffff12;border:1px solid #ffffff2e;border-radius:8px;padding:8px 12px}.input:focus{outline:2px solid var(--accent);outline-offset:1px}.gate{background:var(--stage-bg);flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:18px;display:flex;position:fixed;inset:0}.gate h1{margin:0 0 16px;font-size:48px}.gate p{margin:0}.gate__error{color:var(--error);text-align:center;max-width:36em;margin-top:12px!important}.gate__actions{align-items:center;gap:12px;margin-top:18px;display:flex}.gate__actions .btn-primary{margin-top:0}.gate__picker{max-width:22em;padding:11px 12px;font-size:16px}.btn-primary{background:var(--accent);color:var(--bg-1);border:0;border-radius:999px;margin-top:18px;padding:12px 36px;font-size:20px;font-weight:700}.stage{background:var(--stage-bg);flex-direction:column;display:flex;position:fixed;inset:0}.stage__body{flex:1;min-height:0;display:flex}.bgv{object-fit:cover;z-index:0;pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.bgv--on{opacity:1}.stage__scrim{z-index:0;pointer-events:none;background:linear-gradient(#080612a6 0%,#08061200 18%),linear-gradient(#08061200 35%,#08061240 60%,#080612bf 100%);position:absolute;inset:0}.stage__body,.transport{z-index:1;position:relative}.stage__main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;font-size:16px;display:flex}.topbar__right{align-items:center;gap:10px;display:flex}.topbar__left{align-items:center;gap:14px;min-width:0;display:flex}.queue-codes{white-space:nowrap;letter-spacing:.04em;text-shadow:0 1px 6px #0009;font-size:15px}.queue-codes .code{margin-right:.15em}.lyrics-area{flex:1;justify-content:center;align-items:center;min-height:0;padding:0 4vw;display:flex;position:relative}.title-card{align-self:flex-end;width:min(100%,1200px);margin-bottom:5vh;animation:.5s both title-in}.title-card__label{letter-spacing:.16em;text-transform:uppercase;color:var(--countdown);margin-bottom:.4em;font-size:clamp(12px,1.05vw,18px);font-weight:700}.title-card__title{text-shadow:0 2px 14px #0000008c;-webkit-text-stroke:4px #080612e6;paint-order:stroke fill;font-size:clamp(44px,6.3vw,114px);font-weight:800;line-height:1.08}.title-card__artist{color:var(--muted);-webkit-text-stroke:3px #080612e6;paint-order:stroke fill;margin-top:.25em;font-size:clamp(20px,2.3vw,40px);font-weight:800}.up-next{text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08061259;border:1px solid #ffffff1f;border-radius:16px;max-width:80%;padding:.8em 1.8em .9em;animation:.5s both up-next-in;position:absolute;top:26%;left:50%;transform:translate(-50%)}.up-next__label{letter-spacing:.16em;text-transform:uppercase;color:var(--countdown);margin-bottom:.35em;font-size:clamp(11px,.75vw,14px);font-weight:700}.up-next__title{text-shadow:0 2px 14px #0000008c;-webkit-text-stroke:3px #080612e6;paint-order:stroke fill;font-size:clamp(22px,3.15vw,57px);font-weight:800;line-height:1.1}.up-next__artist{color:var(--muted);-webkit-text-stroke:2px #080612e6;paint-order:stroke fill;margin-top:.25em;font-size:clamp(12px,1.15vw,20px);font-weight:800}@keyframes up-next-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@keyframes title-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.idle{color:var(--muted);text-align:center;font-size:clamp(18px,2vw,28px)}.lyrics{text-shadow:0 2px 14px #0000008c;white-space:pre-wrap;align-self:flex-end;width:min(100%,1200px);margin-bottom:5vh;font-weight:800;line-height:1.2}.lyrics__row{-webkit-text-stroke:4px #080612e6;paint-order:stroke fill;min-height:1.2em;font-size:clamp(30px,4.2vw,76px)}.lyrics__row--top{text-align:left}.lyrics__text{display:inline-block;position:relative}.countdown{color:var(--countdown);-webkit-text-stroke-width:3px;gap:.45em;margin-bottom:.08em;font-size:.55em;line-height:1;display:flex;position:absolute;bottom:100%;left:0}.lyrics__row--bottom{text-align:right;margin-top:.35em}.syl--sung{color:var(--accent)}.syl--active{position:relative}.syl--active:after{content:attr(data-text);color:var(--accent);text-shadow:none;clip-path:inset(0 calc(100% - var(--p,0%)) 0 0);pointer-events:none;position:absolute;top:0;left:0}.drawer{width:var(--drawer-w);background:var(--panel);border:1px solid var(--line);border-radius:12px;flex-direction:column;gap:8px;min-height:0;margin:10px 10px 10px 0;padding:12px;font-size:15px;display:flex}.drawer h5{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0;font-size:12px}.drawer__head{justify-content:space-between;align-items:center;display:flex}.results{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.upnext{max-height:35%;margin:0;padding:0;list-style:none;overflow-y:auto}.row{border-bottom:1px solid #ffffff12;align-items:flex-start;gap:8px;padding:7px 4px;display:flex}.row__text{flex:1;min-width:0}.row__text b{white-space:nowrap;text-overflow:ellipsis;font-weight:650;display:block;overflow:hidden}.row__text span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;display:block;overflow:hidden}.row__text b .code{font-size:inherit;color:var(--accent);display:inline}.add{color:var(--accent);background:0 0;border:0;padding:0 4px;font-size:20px;font-weight:800}.link{color:var(--muted);background:0 0;border:0;padding:0 4px}.code-entry{align-items:center;gap:8px;display:flex;position:relative}.code-entry .input{width:7.5em;color:var(--accent);letter-spacing:.08em;font-family:ui-monospace,monospace}.code-entry__error{white-space:nowrap;color:var(--error);font-size:13px;position:absolute;top:110%;right:0}.transport{background:#080612e0;border-top:1px solid #ffffff14;align-items:center;gap:16px;padding:12px 20px;font-size:15px;display:flex}.progress{background:#ffffff1f;border-radius:3px;flex:1;height:6px;overflow:hidden}.progress i{background:var(--accent);height:100%;display:block}.ctl{align-items:center;gap:6px;display:flex}.ctl b{text-align:center;min-width:3.2em}.btn{background:#ffffff1f;border:0;border-radius:6px;width:30px;height:30px;font-weight:800}.toasts{pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:80px;left:50%;transform:translate(-50%)}.toast{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-size:15px}.toast--error{border-color:var(--error);color:var(--error)}