.music-player{--record-size:clamp(120px, 10vw, 150px);--record-left:-40px;z-index:3;isolation:isolate;width:100%;min-width:0;max-width:none;min-height:190px;transition:transform var(--tonearm-surface-duration) ease, box-shadow var(--tonearm-surface-duration) ease;background:#f4f3ec;border:1px solid #d7d6ce;border-radius:10px;grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:14px;margin:0;padding:30px 28px 28px 112px;display:grid;position:relative;transform:perspective(900px);box-shadow:inset 0 1px #fff,1px 4px #d8d7cf,0 8px 10px -6px #24231c35,0 22px 42px -15px #24231c35}.music-record{z-index:1;left:var(--record-left);top:calc(50% - var(--record-size) / 2);width:var(--record-size);height:var(--record-size);animation:record-spin var(--tonearm-spin-duration) linear infinite;background:repeating-radial-gradient(circle,#202226 0 2px,#34363a 2.5px 3px,#202226 3.5px 6px);border:1px solid #17191c;border-radius:50%;place-items:center;animation-play-state:paused;display:grid;position:absolute;box-shadow:0 5px 10px #17191c26,inset 0 0 0 6px #1c1e22}.music-record-label{background:conic-gradient(from 45deg, var(--color-accent-bright), var(--color-accent-deep) 60%, var(--color-accent-bright));border-radius:50%;width:44px;height:44px;display:block;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff30}.music-record-label img{object-fit:cover;width:100%;height:100%}.music-record:after{content:"";background:#222326;border-radius:50%;width:4px;height:4px;position:absolute}.music-player.is-playing.is-visible .music-record{animation-play-state:running}.music-info{min-width:0}.music-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:3px;font-size:11px;line-height:1.4;display:block}.music-title{font-size:18px;font-weight:var(--weight-medium);line-height:1.3;display:block}.music-timeline{margin-top:5px}.music-timeline input{-webkit-appearance:none;appearance:none;cursor:pointer;background:linear-gradient(to right, var(--color-accent) var(--progress,0%), var(--color-border) var(--progress,0%)) center / 100% 2px no-repeat;border:0;border-radius:0;width:100%;height:24px;margin:0;padding:0;display:block}.music-timeline input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--color-accent);border-radius:50%;width:7px;height:7px}.music-timeline input::-moz-range-thumb{background:var(--color-accent);border:0;border-radius:50%;width:7px;height:7px}.music-time{color:var(--color-text-muted);font-variant-numeric:tabular-nums;font-size:11px;line-height:1.2;display:block}.music-play{width:44px;height:44px;color:var(--color-background);background:var(--color-surface-dark);transition:transform var(--tonearm-control-duration), box-shadow var(--tonearm-control-duration), background-color var(--tonearm-hover-duration);border:1px solid #16191b;border-radius:50%;place-items:center;padding:0;display:grid;box-shadow:0 3px #a8aaa2,0 5px 8px #20222620,inset 0 1px #ffffff30}.music-play:hover{background:var(--color-accent)}.music-play:active{transform:translateY(2px);box-shadow:0 1px #a8aaa2,inset 0 1px 2px #0003}.music-play:focus-visible,.music-timeline input:focus-visible{outline:2px solid var(--color-accent);outline-offset:5px}@media (hover:hover) and (pointer:fine){.music-player:hover{transform:perspective(900px)translateY(-2px)rotateX(1deg)rotateY(-1.5deg)}}.music-play:disabled{opacity:.4;cursor:default}.music-play-icon{margin-left:2px}.music-pause-icon,.is-active .music-play-icon{display:none}.is-active .music-pause-icon{display:block}.music-audio{display:none}.music-status:not(.sr-only),.music-transcript{color:var(--color-text-muted);grid-column:1/-1;font-size:11px;line-height:1.4}@media (width<=1200px){.music-player{padding-left:105px}}@media (width<=700px){.music-player{--record-size:108px;gap:10px;width:calc(100% - 32px);max-width:380px;min-height:160px;margin-left:32px;padding:24px 16px 24px 80px}.music-record{--record-left:-32px}}.music-tonearm{z-index:6;top:calc(50% - var(--record-size) / 2 - 10px);left:calc(var(--record-left) + var(--record-size) * .7);width:calc(var(--record-size) * .34);height:calc(var(--record-size) * .98);pointer-events:none;user-select:none;position:absolute}.music-tonearm *{pointer-events:none}.tonearm-swing,.tonearm-lift,.tonearm-lift svg{width:100%;height:100%;display:block}.tonearm-swing{transform-origin:28.571% 10%;transform:rotate(var(--tonearm-park-angle));transition:transform var(--tonearm-park-swing-duration) var(--tonearm-ease) var(--tonearm-park-swing-delay)}.tonearm-lift{transform:translateY(calc(-1 * var(--tonearm-lift)));transition:transform var(--tonearm-lift-duration) ease-out}.tonearm-pivot{z-index:2;background:linear-gradient(135deg,#c5cbce,#777f85 50%,#41474c);border:1px solid #3c4247;border-radius:50%;width:15px;height:15px;position:absolute;top:10%;left:28.571%;transform:translate(-50%,-50%);box-shadow:inset 0 0 0 3px #252a2e,0 1px 2px #17191c40}.music-player.is-playing .tonearm-swing{transform:rotate(var(--tonearm-track-angle,var(--tonearm-outer-angle)));transition-duration:var(--tonearm-play-swing-duration);transition-delay:var(--tonearm-play-swing-delay)}.music-player.is-playing .tonearm-lift{transition-duration:var(--tonearm-lower-duration);transition-delay:var(--tonearm-lower-delay);transform:translateY(0)}.music-player.is-motion-paused .music-record{animation-play-state:paused!important}.music-player.is-motion-paused .music-tonearm *,.music-player:not(.is-visible) .music-tonearm *{transition:none!important}@media (width<=700px){.music-player{--record-left:-32px}.tonearm-pivot{width:13px;height:13px}}@media (prefers-reduced-motion:reduce){.music-tonearm *{transition:none!important}}@media (width<=700px){.music-record-label{width:36px;height:36px}.music-title{font-size:16px}.music-eyebrow,.music-time{font-size:10px}}@media (prefers-reduced-motion:reduce){.music-record{animation:none}.music-player,.music-player:hover{transition:none;transform:none}}@keyframes record-spin{to{transform:rotate(360deg)}}