@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600&family=Prata&display=swap');
:root{color-scheme:dark;--cream:#f3e1c6;--muted:#ac9884;--ember:#e4a16e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:radial-gradient(ellipse at 50% 30%,#382418 0%,#181612 58%);color:var(--cream);font:14px/1.7 Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--ember);outline-offset:6px}.music-section{max-width:1180px;margin:auto;padding:85px 50px 0}.eyebrow{font-size:9px;letter-spacing:.22em;color:var(--ember)}h1,h2{font-family:Prata,Georgia,serif;font-weight:400;line-height:1.22}h1{font-size:clamp(45px,7vw,80px);margin:25px 0}h1 em{font-weight:400;color:var(--ember)}.intro{color:var(--muted);max-width:390px;font-size:13px}.record-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%;padding:65px 0 85px}.record-button{padding:0;border:0;background:none;width:100%;max-width:390px}.vinyl{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#131310 0px,#131310 2px,#32302a 3px,#191916 4px);box-shadow:0 20px 40px #0008;animation:spin 24s linear infinite;animation-play-state:paused}.is-playing .vinyl{animation-play-state:running}.label{width:36%;aspect-ratio:1;border-radius:50%;background:#ae704b;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Prata,Georgia,serif;font-size:clamp(14px,2vw,21px);line-height:1.4;position:relative}.label-small{font:6px Manrope,sans-serif;letter-spacing:.13em;margin-top:12px}.spindle{position:absolute;width:6px;height:6px;background:#201e18;border-radius:50%;bottom:12px}.record-caption{display:block;color:var(--muted);font-size:10px;margin-top:25px}.song-copy h2{font-size:35px;margin:20px 0}.song-copy>p:not(.eyebrow){font-size:13px;line-height:2;color:var(--muted)}audio{width:100%;height:40px;margin:20px 0;accent-color:var(--ember)}.sing-link{display:inline-block;font-size:11px;text-decoration:none;border-bottom:1px solid #9f7651;padding-bottom:7px}.karaoke-section{border-top:1px solid #6c523a70;padding:45px 0 0}.karaoke-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.karaoke-heading h2{font-size:clamp(25px,3vw,36px);margin:16px 0 0}.karaoke-heading button,.karaoke-controls button{background:transparent;border:1px solid #83674980;border-radius:3px;padding:10px 15px;font-size:10px;white-space:nowrap}.karaoke-screen{background:#090a08;border:1px solid #6c523a70;border-radius:8px;overflow:hidden;display:flex;justify-content:center;box-shadow:0 20px 65px #0005}.karaoke-screen video{display:block;max-width:100%;width:732px;height:auto;max-height:85vh;background:#0b0b0a;object-fit:contain}.karaoke-screen:fullscreen{width:100vw;height:100vh;align-items:center;border:0;border-radius:0;background:#000}.karaoke-screen:fullscreen video{width:100%;height:100%;max-height:100vh}.karaoke-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:18px 0}.karaoke-controls p{font-size:10px;color:var(--muted);text-align:center}.karaoke-controls a{font-size:10px;color:var(--muted);text-underline-offset:4px;white-space:nowrap}#player-status{font-size:11px;color:var(--ember)}footer{padding:65px 0 30px;border-top:1px solid #6c523a40;margin-top:50px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}footer span{color:var(--ember)}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:650px){.music-section{padding:45px 22px 0}.record-section{grid-template-columns:1fr;gap:35px;padding:45px 0 60px}.record-button{max-width:280px;margin:auto}.label{font-size:17px}.song-copy h2{font-size:30px}.karaoke-heading{align-items:start;flex-direction:column;gap:20px}.karaoke-controls{flex-wrap:wrap;gap:10px}.karaoke-controls p{order:3;width:100%}.karaoke-controls a{font-size:9px}footer{font-size:9px;gap:20px;padding-top:35px}h1{font-size:52px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vinyl{animation:none}}
.karaoke-screen video{width:100%;aspect-ratio:1280/434;max-height:none}.karaoke-screen:fullscreen video{aspect-ratio:auto;max-height:100vh}