:root{--lyric-size: 2.2vmin;--lyric-active-size: 3vmin;--lyric-spacing: 0em;--lyric-line-height: 1.6;--lyric-shadow-blur: 32px;--lyric-shadow-opacity: .9}*,*: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;font-family:Stack Sans Headline,system-ui,-apple-system,sans-serif}.lyrics-section.visible{opacity:1}.lyric-fallback{color:#ffffff59;font-size:6vmin}.lyric-line{text-align:center;font-size:var(--lyric-size);letter-spacing:var(--lyric-spacing);line-height:var(--lyric-line-height);color:#ffffff59;transition:color .25s,font-size .25s}.lyric-line.active{font-size:var(--lyric-active-size);letter-spacing:var(--lyric-spacing);color:#fff;font-weight:600;text-shadow:0 2px var(--lyric-shadow-blur) rgba(0,0,0,var(--lyric-shadow-opacity))}.creator-credit,.feedback-link{position:fixed;bottom:.9rem;z-index:10;font-size:.68rem;color:#ffffff38;text-decoration:none;letter-spacing:.02em;transition:color .2s}.creator-credit{right:1rem}.feedback-link{left:1rem;background:none;border:none;padding:0;font-family:inherit;cursor:pointer}.creator-credit:hover,.feedback-link:hover{color:#fff9}.feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#000000b8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem}.feedback-overlay[hidden]{display:none}.feedback-modal{position:relative;width:100%;max-width:400px;background:#0a0a10fa;border:1px solid rgba(255,255,255,.09);border-radius:12px;padding:1.75rem 1.5rem 1.5rem;box-shadow:0 24px 64px #000000bf}.feedback-close{position:absolute;top:.75rem;right:.75rem;width:1.75rem;height:1.75rem;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:none;color:#fff6;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,border-color .15s;line-height:1}.feedback-close:hover{color:#fff;border-color:#fff6}.feedback-heading{font-size:.95rem;font-weight:600;color:#e8e8e8;margin:0 0 1.25rem;letter-spacing:.02em}.feedback-label{display:block;font-size:.75rem;color:#fff6;margin-bottom:.35rem;letter-spacing:.04em;text-transform:uppercase}.feedback-optional{text-transform:none;font-size:.72rem;color:#ffffff38}.feedback-required{color:var(--colour-accent, #fc6b03)}.feedback-textarea,.feedback-input{display:block;width:100%;background:#ffffff0a;border:1px solid rgba(255,255,255,.09);border-radius:6px;color:#e8e8e8;font-family:inherit;font-size:.88rem;padding:.6rem .75rem;outline:none;transition:border-color .15s;box-sizing:border-box;margin-bottom:.9rem}.feedback-textarea{min-height:110px;resize:vertical}.feedback-textarea:focus,.feedback-input:focus{border-color:var(--colour-accent, #fc6b03)}.feedback-textarea::placeholder,.feedback-input::placeholder{color:#ffffff2e}.feedback-error{font-size:.78rem;color:#ff8080;margin:-.4rem 0 .75rem;line-height:1.45}.feedback-submit{width:100%;padding:.62rem;background:var(--colour-accent, #fc6b03);color:#000;border:none;border-radius:9999px;font-size:.84rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:opacity .15s}.feedback-submit:hover:not(:disabled){opacity:.85}.feedback-submit:disabled{opacity:.45;cursor:default}.feedback-success{text-align:center;padding:2rem 0 1rem;color:#ffffffa6;font-size:.92rem;line-height:1.55}.listen-status{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25;background:#0a0a0ab8;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:9999px;padding:.38rem 1.15rem;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--colour-accent, #fc6b03);white-space:nowrap;animation:listen-pulse 1.4s ease-in-out infinite}.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}.tv-cast-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,background .15s;flex-shrink:0}.tv-cast-btn:hover{border-color:#fff9;color:#fff}.tv-cast-btn--available{border-color:#fff6}.tv-cast-btn--active{border-color:var(--colour-accent, #fc6b03);color:var(--colour-accent, #fc6b03);background:#fc6b0314}.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}