.record-player{--rp-gold-hi:#f8e7a0;--rp-gold-mid:#e8bc46;--rp-gold-deep:#c08a1a;--rp-gold-edge:#8a6010;--rp-gold-text:var(--rp-gold-mid);--rp-plinth-top:#262833;--rp-plinth-bot:#14151b;--rp-vinyl-hi:#26262d;--rp-vinyl-lo:#050506;--rp-ink:#0c0d11;--rp-menu-bg:#171820;--rp-menu-line:#ffffff14;--rp-text:#eef0f6;--rp-text-dim:#9aa0b0;--rp-label:var(--palette-cyan);font-family:var(--font-sans,sans-serif);transform-origin:0 100%;transition:opacity .28s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)), transform .28s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1));display:inline-block;position:relative}.record-player.is-min{opacity:.5;transform:scale(.72)}.record-player.is-min:hover{opacity:1}.record-player[data-theme=light]{--rp-plinth-top:#fff;--rp-plinth-bot:#e7e9f0;--rp-menu-bg:#fff;--rp-menu-line:#0000001a;--rp-text:#191b22;--rp-text-dim:#6a7080;--rp-gold-text:#8a5a0a}.record-player[data-theme=light] .rp-deck{border-color:#0000001f;box-shadow:inset 0 1px #ffffffe6,0 2px 6px #0000001a,0 10px 26px -12px #00000042}.record-player[data-theme=light] .rp-row:hover{background:#0000000d}.record-player .rp-deck{background:linear-gradient(160deg, var(--rp-plinth-top), var(--rp-plinth-bot));transition:gap .24s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)), padding .24s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)), box-shadow .24s ease, border-color .24s ease;border:1px solid #0009;border-radius:16px;align-items:center;gap:8px;padding:9px 11px;display:flex;box-shadow:inset 0 1px #ffffff17,inset 0 0 0 1px #ffffff08,0 2px 6px #0006,0 10px 26px -10px #000000b3}.record-player.is-min .rp-deck{box-shadow:none;background:0 0;border-color:#0000;gap:0;padding:3px}.record-player .rp-turntable{cursor:pointer;appearance:none;background:0 0;border:0;border-radius:50%;width:62px;height:62px;padding:0;position:relative}.record-player .rp-turntable:focus-visible{outline:2px solid var(--rp-gold-mid);outline-offset:3px}.record-player .rp-platter{background:radial-gradient(circle at 50% 42%,#2a2c36,#0d0e13 78%);border-radius:50%;position:absolute;inset:2px;overflow:hidden;box-shadow:inset 0 2px 4px #000000b3,inset 0 0 0 1px #ffffff0a}.record-player .rp-disc{border-radius:50%;position:absolute;inset:0}.record-player.is-swapping .rp-disc{animation:.56s cubic-bezier(.5,0,.2,1) rp-swap}.record-player .rp-vinyl{background:repeating-radial-gradient(circle at center, var(--rp-vinyl-lo) 0 1.4px, #15161b 1.4px 2.8px), radial-gradient(circle at 38% 32%, var(--rp-vinyl-hi), var(--rp-vinyl-lo) 70%);border-radius:50%;animation:2.4s linear infinite paused rp-spin;position:absolute;inset:3px;overflow:hidden;box-shadow:inset 0 0 6px #000c}.record-player .rp-vinyl:before{content:"";background:conic-gradient(#0000 0deg,#ffffff29 22deg,#0000 58deg 210deg,#ffffff12 232deg,#0000 268deg);border-radius:50%;position:absolute;inset:0}.record-player .rp-label{text-align:center;background:radial-gradient(circle at 40% 35%, color-mix(in srgb, var(--rp-label) 82%, #fff 18%), var(--rp-label) 65%, color-mix(in srgb, var(--rp-label) 70%, #000 30%) 100%);width:25px;height:25px;box-shadow:inset 0 0 0 1px #00000040, 0 0 6px color-mix(in srgb, var(--rp-label) 55%, transparent);border-radius:50%;justify-content:center;align-items:center;margin:-12.5px 0 0 -12.5px;animation:2.4s linear infinite paused rp-spin-rev;display:flex;position:absolute;top:50%;left:50%;overflow:hidden}.record-player .rp-label-title{letter-spacing:.01em;color:#000000b8;text-overflow:ellipsis;max-height:100%;padding:0 1px;font-size:4px;font-weight:700;line-height:1.05;overflow:hidden}.record-player .rp-spindle{z-index:2;background:radial-gradient(circle at 40% 35%,#f2f3f7,#8b8f9c);border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000080}.record-player .rp-tonearm{transform-origin:83% 17%;width:44px;height:44px;transition:transform .26s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1));pointer-events:none;z-index:3;filter:drop-shadow(0 2px 2px #00000073);position:absolute;top:-3px;right:-4px;transform:rotate(-34deg)}.record-player .rp-arm{stroke:#cfd3dd;stroke-width:3.2px;stroke-linecap:round;fill:none}.record-player .rp-arm-weight{fill:var(--rp-gold-mid);stroke:var(--rp-gold-edge);stroke-width:.8px}.record-player .rp-arm-head{fill:#e7eaf1}.record-player .rp-arm-needle{fill:var(--rp-gold-hi)}.record-player.is-playing .rp-vinyl,.record-player.is-playing .rp-label{animation-play-state:running}.record-player.is-playing .rp-tonearm{transform:rotate(2deg)}.record-player.is-swapping .rp-tonearm{transform:rotate(-34deg)}.record-player .rp-fader-wrap{height:62px;transition:width .24s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1)), opacity .18s ease;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;overflow:hidden}.record-player.is-min .rp-fader-wrap{opacity:0;pointer-events:none;gap:0;width:0}.record-player .rp-fader{writing-mode:vertical-lr;appearance:none;cursor:pointer;direction:rtl;background:0 0;width:6px;height:40px;margin:0}.record-player .rp-fader::-webkit-slider-runnable-track{background:linear-gradient(var(--rp-gold-mid), var(--rp-plinth-bot));border-radius:3px;width:6px;box-shadow:inset 0 0 0 1px #0006}.record-player .rp-fader::-webkit-slider-thumb{appearance:none;background:linear-gradient(var(--rp-gold-hi), var(--rp-gold-deep));border:1px solid var(--rp-gold-edge);border-radius:3px;width:14px;height:10px;box-shadow:0 1px 2px #00000080}.record-player .rp-fader::-moz-range-track{background:linear-gradient(var(--rp-gold-mid), var(--rp-plinth-bot));border-radius:3px;width:6px}.record-player .rp-fader::-moz-range-thumb{background:linear-gradient(var(--rp-gold-hi), var(--rp-gold-deep));border:1px solid var(--rp-gold-edge);border-radius:3px;width:14px;height:10px;box-shadow:0 1px 2px #00000080}.record-player .rp-fader:focus-visible{outline:2px solid var(--rp-gold-mid);outline-offset:3px;border-radius:4px}.record-player .rp-mute{width:18px;height:18px;color:var(--rp-text-dim);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex}.record-player .rp-mute:hover{color:var(--rp-gold-text)}.record-player .rp-mute svg{width:16px;height:16px}.record-player .rp-hint{white-space:nowrap;font-family:var(--font-mono,monospace);letter-spacing:.14em;text-transform:uppercase;color:var(--rp-gold-mid);border:1px solid color-mix(in srgb, var(--rp-gold-mid) 55%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0d11d1;border-radius:8px;padding:4px 8px;font-size:10px;animation:1.6s ease-in-out infinite rp-pulse;position:absolute;bottom:calc(100% + 8px);left:0}.record-player .rp-notes{pointer-events:none;z-index:4;width:40px;height:40px;position:absolute;top:4px;left:14px}.record-player .rp-note{color:var(--rp-label);text-shadow:0 0 6px color-mix(in srgb, var(--rp-label) 70%, transparent);opacity:0;font-size:13px;animation:1s ease-out forwards rp-note-float;position:absolute;bottom:0;left:0}.record-player .rp-menu{background:color-mix(in srgb, var(--rp-menu-bg) 96%, transparent);border:1px solid var(--rp-menu-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;width:236px;max-height:min(58vh,420px);color:var(--rp-text);transform-origin:0 100%;animation:rp-menu-in .18s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1));border-radius:14px;padding:7px;position:absolute;bottom:calc(100% + 10px);left:0;overflow-y:auto;box-shadow:inset 0 1px #ffffff0d,0 18px 44px -12px #000000b8}.record-player .rp-menu-head{font-family:var(--font-head,sans-serif);letter-spacing:.01em;color:var(--rp-text);padding:6px 8px 8px;font-size:13px;font-weight:700}.record-player .rp-group{font-family:var(--font-mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--rp-text-dim);padding:8px 8px 4px;font-size:10px}.record-player .rp-row{cursor:pointer;text-align:left;width:100%;color:var(--rp-text);background:0 0;border:0;border-radius:9px;align-items:center;gap:9px;padding:7px 8px;font-size:13px;line-height:1.2;transition:background .12s;display:flex}.record-player .rp-row:hover{background:#ffffff0f}.record-player .rp-row.is-current{background:color-mix(in srgb, var(--rp-gold-mid) 16%, transparent)}.record-player .rp-dot{background:var(--rp-label);width:10px;height:10px;box-shadow:0 0 5px color-mix(in srgb, var(--rp-label) 65%, transparent);border-radius:50%;flex:none}.record-player .rp-row .rp-title{text-overflow:ellipsis;white-space:nowrap;flex:auto;overflow:hidden}.record-player .rp-check{color:var(--rp-gold-text);flex:none;align-items:center;font-size:12px;display:flex}.record-player .rp-row--auto{font-weight:600}.record-player .rp-auto-dot{width:10px;height:10px;color:var(--rp-gold-text);justify-content:center;align-items:center;font-size:11px;display:flex}.record-player .rp-divider{background:var(--rp-menu-line);height:1px;margin:6px}.record-player .rp-spotify{cursor:pointer;text-align:left;width:100%;color:var(--rp-gold-text);background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:9px 8px;font-size:12px;font-weight:600;transition:background .12s;display:flex}.record-player .rp-spotify:hover{background:color-mix(in srgb, var(--rp-gold-text) 12%, transparent)}.rp-modal-scrim{z-index:9998;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#06060ab8;justify-content:center;align-items:center;padding:20px;animation:.18s rp-fade-in;display:flex;position:fixed;inset:0}.rp-modal-card{color:#eef0f6;text-align:center;width:min(360px,100%);font-family:var(--font-sans,sans-serif);animation:rp-menu-in .2s var(--ease-out-expo,cubic-bezier(.16, 1, .3, 1));background:linear-gradient(160deg,#1c1e27,#101119);border:1px solid #ffffff17;border-radius:18px;padding:26px 24px 22px;box-shadow:0 24px 60px -16px #000000bf}.rp-modal-emoji{font-size:34px;line-height:1}.rp-modal-title{font-family:var(--font-display,sans-serif);margin:12px 0 6px;font-size:19px}.rp-modal-body{color:#aab0c0;margin:0 0 18px;font-size:14px;line-height:1.45}.rp-modal-btn{border:1px solid var(--rp-gold-edge,#8a6010);color:#402b04;cursor:pointer;background:linear-gradient(#f8e7a0,#e8bc46);border-radius:11px;width:100%;padding:11px 16px;font-size:14px;font-weight:700;transition:filter .12s}.rp-modal-btn:hover{filter:brightness(1.05)}.record-player[data-label=cyan],.record-player [data-label=cyan]{--rp-label:var(--palette-cyan)}.record-player[data-label=green],.record-player [data-label=green]{--rp-label:var(--palette-lime)}.record-player[data-label=amber],.record-player [data-label=amber]{--rp-label:var(--palette-amber)}.record-player[data-label=gold],.record-player [data-label=gold]{--rp-label:var(--palette-coin,#f0c14e)}.record-player[data-label=violet],.record-player [data-label=violet]{--rp-label:var(--palette-violet)}@keyframes rp-spin{to{transform:rotate(360deg)}}@keyframes rp-spin-rev{to{transform:rotate(-360deg)}}@keyframes rp-swap{0%{transform:translateY(0)}38%{transform:translateY(135%)}39%{transform:translateY(-135%)}to{transform:translateY(0)}}@keyframes rp-note-float{0%{opacity:0;transform:translate(0)scale(.7)}20%{opacity:1}to{opacity:0;transform:translate(var(--rp-note-dx,0), -30px) scale(1.05)}}@keyframes rp-menu-in{0%{opacity:0;transform:scale(.94)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes rp-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rp-pulse{0%,to{opacity:.7}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.record-player .rp-vinyl,.record-player .rp-label,.record-player .rp-disc{animation:none!important}.record-player,.record-player .rp-tonearm,.record-player .rp-deck,.record-player .rp-fader-wrap{transition:none!important}.record-player .rp-note{opacity:0!important;animation:none!important}.record-player .rp-hint{animation:none!important}}