:root{color-scheme:light dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(56,189,248,.08),transparent 55%),#0f172a;color:#e2e8f0}body{margin:0;min-height:100vh;display:flex;justify-content:center;padding:clamp(1.25rem,2vw + 1rem,3rem)}*,*:before,*:after{box-sizing:border-box}#app{width:min(1100px,100%)}.layout{display:flex;flex-direction:column;gap:clamp(1.5rem,1.1rem + 1vw,2.25rem)}.hero{text-align:center;display:flex;flex-direction:column;gap:.5rem}h1{margin:0;font-size:clamp(2rem,1.2rem + 3vw,3rem)}.hero-tagline{margin:0;color:#94a3b8d9;font-size:clamp(.95rem,.8rem + .5vw,1.1rem)}.card{background:#0f172ac7;border:1px solid rgba(148,163,184,.2);border-radius:20px;padding:clamp(1.25rem,1rem + 1vw,1.9rem);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 18px 45px #0f172a47;display:flex;flex-direction:column;gap:1.25rem}.stage{background:linear-gradient(160deg,#1e293be6,#0f172ad1);border:1px solid rgba(94,234,212,.18);border-radius:28px;padding:clamp(1.75rem,1.2rem + 2vw,3rem);box-shadow:0 22px 60px #0f172a73;display:flex;flex-direction:column;gap:clamp(1.25rem,1rem + 1vw,2rem)}.stage-screen{background:radial-gradient(circle at top,rgba(56,189,248,.18),transparent 70%),radial-gradient(circle at bottom,rgba(16,185,129,.16),transparent 60%),#0f172ad9;border:1px solid rgba(148,163,184,.35);border-radius:24px;padding:clamp(1.5rem,1.2rem + 2vw,3rem);min-height:clamp(220px,40vh,420px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(1.25rem,1rem + 1vw,2rem);text-align:center;position:relative;overflow:hidden}.stage-message{font-size:clamp(.85rem,.75rem + .3vw,1rem);letter-spacing:.08em;text-transform:uppercase;color:#94a3b8d9;text-shadow:0 0 12px rgba(148,163,184,.3)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.stage-lyrics-window{position:relative;width:100%;flex:1;display:flex;justify-content:center;overflow:hidden}.stage-lyrics-window:before,.stage-lyrics-window:after{content:"";position:absolute;left:0;right:0;height:clamp(1.5rem,1.2rem + 1vw,2.25rem);pointer-events:none;z-index:1}.stage-lyrics-window:before{top:0;background:linear-gradient(to bottom,#0f172aeb,#0f172a00)}.stage-lyrics-window:after{bottom:0;background:linear-gradient(to top,#0f172aeb,#0f172a00)}.stage-lyrics-list{position:relative;width:min(620px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:clamp(.75rem,.6rem + .5vw,1.5rem);padding-inline:clamp(.5rem,.3rem + 1vw,1.5rem);padding-block:clamp(1.25rem,1rem + 1vw,2rem);overflow-y:auto;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(148,163,184,.4) transparent}.stage-lyrics-list::-webkit-scrollbar{width:6px}.stage-lyrics-list::-webkit-scrollbar-thumb{background:#94a3b873;border-radius:9999px}.stage-lyrics-list::-webkit-scrollbar-track{background:transparent}.lyric-line{display:none;margin:0;font-size:clamp(1.4rem,1rem + 2vw,2.6rem);line-height:1.25;font-weight:600;color:#e2e8f066;text-shadow:0 0 18px rgba(15,23,42,.6);transition:color .25s ease,transform .25s ease,text-shadow .25s ease,opacity .25s ease;max-width:32ch;opacity:.45}.lyric-line.is-visible{display:block}.lyric-line.active{color:#f8fafc;opacity:1;transform:scale(1.04);text-shadow:0 0 32px rgba(148,163,184,.55)}.lyric-line--spacer{display:block;visibility:hidden;pointer-events:none}.stage-placeholder{margin:0;font-size:clamp(1.2rem,.9rem + 1.5vw,1.8rem);color:#94a3b8a6;text-shadow:0 0 18px rgba(15,23,42,.6)}.transport{display:grid;gap:clamp(.75rem,.5rem + 1vw,1.25rem)}.transport-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.transport-controls button{flex:1 1 160px;min-width:min(180px,100%)}.timeline{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.75rem;padding:.65rem .85rem;border-radius:20px;background:#0f172ab8;border:1px solid rgba(148,163,184,.3)}.timeline input[type=range]{width:100%;accent-color:#38bdf8}.time-label{font-variant-numeric:tabular-nums;font-size:.9rem;color:#e2e8f0c7}.transport-mix{display:grid;gap:.75rem;padding:.9rem 1.1rem;border-radius:18px;background:#0f172ab8;border:1px solid rgba(148,163,184,.3)}.transport-mix-header{display:grid;gap:.25rem}.transport-mix-header h3{margin:0;font-size:1rem}.transport-mix-subtitle{margin:0;color:#94a3b8c7;font-size:.85rem}.mix-slider{display:grid;gap:.4rem}.mix-slider label{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.mix-slider input[type=range]{width:100%;accent-color:#38bdf8}.stage-controls{display:flex;flex-direction:column;gap:clamp(1rem,.8rem + .5vw,1.5rem)}.stage-control{background:#0f172ab8;border:1px solid rgba(148,163,184,.28);border-radius:20px;padding:clamp(1rem,.8rem + 1vw,1.5rem);display:grid;gap:.85rem;box-shadow:inset 0 0 0 1px #0f172a73}.stage-control-header{display:grid;gap:.35rem}.stage-control-header h2{margin:0;font-size:1.2rem}.stack{display:flex;flex-direction:column;gap:.75rem}.card-header{display:flex;flex-direction:column;gap:.4rem}.card-header h2{margin:0;font-size:1.4rem}.card-subtitle{margin:0;color:#94a3b8cc;font-size:.95rem}label{display:block;font-weight:600;margin-bottom:.35rem}input[type=url],input[type=text],input[type=password],input[type=file],select{width:100%;padding:.75rem 1rem;background:#1e293ba6;border:1px solid rgba(148,163,184,.4);border-radius:12px;color:inherit;font-size:1rem;transition:border-color .2s ease,background .2s ease}input:focus,select:focus{outline:none;border-color:#38bdf8;background:#1e293bd9}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;font-size:1rem;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#0f172a;box-shadow:0 10px 25px #38bdf840}button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}button:not(:disabled):hover{transform:translateY(-2px)}.actions{display:flex;flex-direction:column;width:100%}.actions button{width:100%}.lyrics-controls{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.lyrics-field{display:flex;flex-direction:column;min-width:0}.lyrics-controls button{align-self:stretch;width:100%;min-height:0;padding-block:.85rem}.lyrics-start-field{margin-top:.75rem;gap:.35rem}.field-hint{margin:0}.status-line{font-size:.85rem;margin:0;color:#94a3b8bf}.progress-container{display:flex;flex-direction:column;gap:.4rem}.progress{width:100%;height:8px;border-radius:9999px;background:#1e293bbf;overflow:hidden;margin-top:.5rem}.progress-bar{height:100%;width:0;background:linear-gradient(135deg,#38bdf8,#6366f1);transition:width .2s ease}.small-text{font-size:.8rem;color:#94a3b8a6}audio{width:100%;margin-top:1rem}@media (max-width: 720px){body{padding:1.25rem}.card{gap:1rem}.actions{flex-direction:column}.actions button{flex:1 1 auto;width:100%}.timeline{grid-template-columns:1fr;gap:.5rem}.timeline .time-label:first-child{order:-1}.timeline .time-label:last-child{justify-self:end}}@media (min-width: 1024px){.transport-controls button{flex:0 0 200px}.actions button{flex:0 0 auto}}