*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}button{touch-action:manipulation}body{font-family:system-ui,-apple-system,sans-serif;background:#000;color:#e8e8e8;min-height:100dvh;overflow:hidden}.record-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.controls-top{position:fixed;top:1.25rem;right:1.25rem;display:flex;gap:.5rem;z-index:10;transition:opacity .5s ease}.idle-overlay{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#a0a0a0;z-index:10;pointer-events:none}.bottom-bar{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;flex-direction:column;align-items:center;padding:4rem 1.5rem 1.75rem;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.7) 30%,rgba(0,0,0,.92));text-align:center;transition:opacity .5s ease}body.ui-idle .controls-top,body.ui-idle .bottom-bar,body.ui-idle .lyric-nudge{opacity:0;pointer-events:none}.track-info{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;gap:.15rem}.track-name{font-size:1rem;font-weight:600;color:#f0f0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.artist-name{font-size:.85rem;color:var(--colour-accent, #fc6b03)}.album-name{font-size:.78rem;color:#606060}.transport-row{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:.65rem}.karaoke-btn{background:var(--colour-accent, #fc6b03);color:#000;border:none;border-radius:9999px;font-size:.82rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:.55rem 1.8rem;cursor:pointer;transition:opacity .15s,background .3s,color .3s;opacity:.92;box-shadow:0 2px 16px #00000073}.karaoke-btn:hover{opacity:1}.karaoke-btn.active{background:#ffffff1f;color:#ffffffa6;box-shadow:none}.lyrics-section{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(60vmin,92vw);z-index:10;display:flex;flex-direction:column;align-items:center;gap:.4rem;pointer-events:none;opacity:0;transition:opacity .35s ease}.lyrics-section.visible{opacity:1}.lyric-fallback{color:#ffffff59;font-size:6vmin}.lyric-line{text-align:center;font-size:2.2vmin;color:#ffffff59;line-height:1.6;transition:color .25s,font-size .25s}.lyric-line.active{font-size:3vmin;color:#fff;font-weight:600;text-shadow:0 2px 32px rgba(0,0,0,.9)}.listen-center{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:20}.listen-hint{position:absolute;bottom:calc(100% + .85rem);left:50%;transform:translate(-50%);white-space:nowrap;color:#ffffff73;font-size:.83rem;letter-spacing:.01em}.listen-btn{width:88px;height:88px;border-radius:50%;border:2px solid rgba(255,255,255,.55);background:#ffffff0f;color:#fff;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,border-color .2s,transform .15s}.listen-btn:hover:not(:disabled){background:#ffffff21;border-color:#ffffffe6;transform:scale(1.05)}.listen-btn:disabled{cursor:default;opacity:.65}.listen-btn.active{border-color:var(--colour-accent, #fc6b03);animation:listen-pulse 1.4s ease-in-out infinite}@keyframes listen-pulse{0%,to{box-shadow:0 0 #fc6b0373}50%{box-shadow:0 0 0 18px #fc6b0300}}.listen-msg{position:absolute;top:calc(100% + .85rem);left:50%;transform:translate(-50%);color:#ffffff8c;font-size:.8rem;text-align:center;white-space:nowrap;max-width:280px;line-height:1.55}.lyric-nudge{position:fixed;bottom:5.5rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.35rem;z-index:15;transition:opacity .5s ease}.lyric-nudge-row{display:flex;align-items:center;gap:.4rem}.lyric-nudge-btn{width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#00000073;color:#ffffffa6;font-size:1.1rem;line-height:1;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:border-color .15s,color .15s;display:flex;align-items:center;justify-content:center}.lyric-nudge-btn:hover{border-color:#ffffff80;color:#fff}.lyric-nudge-slider{width:160px;accent-color:var(--colour-accent, #fc6b03);cursor:pointer;touch-action:none}.lyric-nudge-reset{min-width:3.2rem;padding:.2rem .5rem;border-radius:9999px;border:1px solid rgba(255,255,255,.12);background:#00000059;color:#ffffff59;font-size:.7rem;font-variant-numeric:tabular-nums;text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:color .15s,border-color .15s}.lyric-nudge-reset:hover{color:#fff9;border-color:#ffffff4d}#np-content.karaoke .track-name,#np-content.karaoke .artist-name,#np-content.karaoke .album-name{display:none}.listen-again-btn{background:none;border:1px solid rgba(255,255,255,.22);border-radius:9999px;color:#fff9;font-size:.75rem;font-weight:600;letter-spacing:.04em;padding:.4rem 1.1rem;cursor:pointer;transition:border-color .15s,color .15s}.listen-again-btn:hover:not(:disabled){border-color:#fff9;color:#fff}.listen-again-btn:disabled{cursor:default;opacity:.45}.fullscreen-btn{width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:none;color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s;flex-shrink:0}.fullscreen-btn:hover{border-color:#fff9;color:#fff}.btn-primary,.btn-secondary{padding:.65rem 1.5rem;border-radius:9999px;border:none;cursor:pointer;font-size:.9rem;font-weight:600;transition:opacity .15s}.btn-primary{background:#fc6b03;color:#000}.btn-secondary{background:#1a1a1acc;color:#e8e8e8;border:1px solid #3a3a3a}.btn-primary:hover,.btn-secondary:hover{opacity:.85}