:root{color-scheme:dark;--font-scale:1;--accent:#1ed760;--muted:#939aa6;--panel:#12151b;--danger:#ff647c}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#050608;color:#f7f9fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,a{font:inherit}button{color:inherit;background:#222733;border:1px solid #363d4b;border-radius:.55rem;padding:.55rem .9rem;cursor:pointer}button:active{transform:translateY(1px)}#app{height:100vh;min-height:520px;display:grid;grid-template-rows:auto auto 1fr 4px;padding:clamp(16px,2.3vh,30px) clamp(24px,3vw,52px) clamp(14px,2vh,26px);gap:1vh;background:radial-gradient(circle at 50% 130%,#0d2718 0,transparent 46%)}header{display:flex;justify-content:space-between;align-items:start;min-height:76px}.track{min-width:0}h1{font-size:clamp(28px,3vw,48px);line-height:1.08;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track p{font-size:clamp(18px,1.65vw,28px);color:#a7afbb;margin:.35rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-button{font-size:1.45rem;background:transparent;border:0;padding:.4rem;color:#aeb5c0}.status-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;text-align:center;padding:1.5rem 2rem;background:rgba(16,19,24,.94);border:1px solid #2b313b;border-radius:1rem;font-size:clamp(20px,2vw,30px);box-shadow:0 18px 60px #0008}.status-card:empty,.status-card.hidden{display:none}.spotify-button{display:inline-block;margin-top:1rem;padding:.75rem 1.25rem;border-radius:2rem;background:var(--accent);color:#071109;text-decoration:none;font-weight:800}.lyrics{display:grid;grid-template-rows:.75fr .9fr 1.25fr .9fr .75fr;align-items:center;text-align:center;min-height:0}.line{max-width:1100px;width:100%;margin:auto;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.17;transition:opacity .12s linear}.line.current{font-size:calc(clamp(38px,5.2vw,80px)*var(--font-scale));font-weight:850;color:#fff;text-shadow:0 1px 24px #ffffff18}.line.near{font-size:calc(clamp(25px,3vw,46px)*var(--font-scale));font-weight:520;color:#8f96a2}.line.far{font-size:calc(clamp(20px,2.25vw,34px)*var(--font-scale));color:#505662}.progress-track{height:4px;background:#20242c;border-radius:3px;overflow:hidden}.progress{height:100%;width:0;background:var(--accent);transition:width .15s linear}.panel{position:fixed;z-index:5;right:2vw;top:2vh;width:min(520px,94vw);max-height:94vh;overflow:auto;background:rgba(13,16,21,.98);border:1px solid #343b48;border-radius:1rem;padding:1.2rem;box-shadow:0 24px 80px #000c}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h2{margin:0;font-size:1.5rem}.control-row{display:grid;grid-template-columns:1fr auto 78px auto;gap:.55rem;align-items:center;padding:1.1rem 0;border-bottom:1px solid #282e38}.control-row output{text-align:center;color:#b8c0cc}.actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1rem 0}.text-link{display:block;color:#9ba4b1;margin-top:1rem}.debug{left:2vw;right:auto;width:min(620px,94vw)}.debug dl{display:grid;grid-template-columns:190px 1fr;gap:.55rem 1rem;font:16px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace}.debug dt{color:#89919e}.debug dd{margin:0;overflow-wrap:anywhere}.hidden{display:none!important}.plain-mode{overflow:auto;display:block;text-align:left;white-space:pre-wrap;font-size:calc(clamp(24px,2.8vw,42px)*var(--font-scale));line-height:1.4;color:#d9dde4;padding:2vh 5vw}@media(max-height:650px){header{min-height:55px}.track p{margin-top:.15rem}.panel{font-size:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}