@font-face{font-family:STEM;src:url(/assets/STEM-Variable-At7aufSF.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:STEM Mono;src:url(/assets/STEMMono-Variable-B7H9_uLy.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}:root{--embed-bg: #0c0c0e;--embed-fg: #fff;--embed-fg-muted: rgb(255 255 255 / .55);--embed-fg-soft: rgb(255 255 255 / .9);--embed-play: #c8c8c8;--embed-track: rgb(255 255 255 / .18);--embed-track-fill: rgb(255 255 255 / .55);--embed-rail: #fff;--embed-error: #ff9c86;--embed-skeleton: rgb(255 255 255 / .09);--embed-font: "STEM", "Inter", sans-serif;--embed-font-mono: "STEM Mono", ui-monospace, monospace;color:var(--embed-fg);background:var(--embed-bg);font-family:var(--embed-font);font-synthesis:none}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0}body{display:grid;overflow:hidden;place-items:center;background:var(--embed-bg)}#embed-root{width:100%;height:100%}button,input{font:inherit}.embed-card{--play-size: 48px;--art-size: 56px;--row-gap: 14px;--body-gap: 14px;position:relative;display:grid;width:100%;height:100%;min-height:112px;grid-template-columns:var(--play-size) minmax(0,1fr);gap:var(--row-gap);align-items:center;padding:18px 28px 16px;overflow:hidden;background:var(--embed-bg)}.player-body{display:flex;min-width:0;flex-direction:column;gap:var(--body-gap)}.player-row{display:grid;min-width:0;grid-template-columns:minmax(0,1fr) var(--art-size);gap:var(--row-gap);align-items:center}.play-button{display:grid;width:var(--play-size);height:var(--play-size);padding:0;place-items:center;color:var(--embed-play);cursor:pointer;background:transparent;border:0;border-radius:50%;transition:opacity .12s ease}.play-button:hover:not(:disabled){opacity:.65}.play-button:focus-visible,.timeline input:focus-visible,a:focus-visible{outline:2px solid rgb(255 255 255 / .4);outline-offset:3px}.play-button:disabled{cursor:default;opacity:.35}.play-button svg{width:28px;height:auto;overflow:visible}.play-button svg path,.play-button svg rect{fill:currentColor}.track-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.track-title,.track-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-title{color:var(--embed-fg-soft);font-size:15px;font-weight:600;letter-spacing:.005em;line-height:1.25;text-decoration:none}.track-title:hover{opacity:.7}.track-description{color:var(--embed-fg-muted);font-size:13px;font-weight:400;line-height:1.25}.artwork,.player-row>.artwork-placeholder{display:block;width:var(--art-size);height:var(--art-size);overflow:hidden;background:#ffffff1a;border-radius:50%;box-shadow:0 0 0 1px #ffffff1a}.artwork img,.artwork .artwork-placeholder{display:block;width:100%;height:100%;object-fit:cover}.artwork-placeholder{background:radial-gradient(circle at 32% 32%,rgb(255 255 255 / .28),transparent 30%),linear-gradient(145deg,#414141,#202020)}.timeline{display:grid;min-width:0;grid-template-columns:36px minmax(50px,1fr) 36px;gap:12px;align-items:center;color:var(--embed-fg-muted);font-family:var(--embed-font-mono);font-size:11px;letter-spacing:.01em}.timeline .total{text-align:right}.timeline input{width:100%;height:16px;margin:0;cursor:pointer;appearance:none;background:transparent}.timeline input::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,var(--embed-track-fill) var(--progress, 0%),var(--embed-track) var(--progress, 0%));border-radius:20px}.timeline input::-moz-range-track{height:4px;background:var(--embed-track);border-radius:20px}.timeline input::-moz-range-progress{height:4px;background:var(--embed-track-fill);border-radius:20px}.timeline input::-webkit-slider-thumb{width:1px;height:4px;appearance:none;background:transparent;border:0}.timeline input::-moz-range-thumb{width:1px;height:4px;background:transparent;border:0}.timeline input:disabled{cursor:default}.preview-status,.playback-error{font-size:10px}.preview-status{color:var(--embed-fg-muted)}.playback-error{color:var(--embed-error)}.loading-copy{display:flex;min-width:0;flex-direction:column;gap:8px}.loading-copy span,.timeline-placeholder,.control-placeholder{background:var(--embed-skeleton);animation:breathe 1.8s ease-in-out infinite}.loading-copy span{display:block;width:min(190px,65%);height:8px;border-radius:8px}.loading-copy span:first-child{width:min(260px,85%);height:12px}.control-placeholder{width:var(--play-size);height:var(--play-size);border-radius:50%}.timeline-placeholder{height:4px;border-radius:20px}.embed-card--error{grid-template-columns:56px minmax(0,1fr);padding:22px 28px}.error-mark{display:grid;width:56px;height:56px;place-items:center;color:var(--embed-fg-soft);font-size:24px;font-weight:700;background:#ffffff1a;border:1px solid rgb(255 255 255 / .12);border-radius:50%}.error-copy{display:flex;min-width:0;flex-direction:column;gap:3px}.error-copy strong{font-size:14px;font-weight:600}.error-copy span{color:var(--embed-fg-muted);font-size:12px}.error-copy a{width:fit-content;margin-top:9px;color:#ffffffd9;font-size:12px;font-weight:600;text-decoration:none}.error-copy a:hover{opacity:.6}@keyframes breathe{50%{opacity:.45}}@media(max-width:360px){.embed-card{--play-size: 40px;--art-size: 44px;--row-gap: 10px;--body-gap: 12px;padding:14px 20px 12px}.play-button svg{width:22px}.track-title{font-size:13px}.track-description{font-size:12px}.timeline{grid-template-columns:30px minmax(40px,1fr) 30px;gap:8px;font-size:10px}}@media(max-height:120px){.embed-card{--play-size: 40px;--art-size: 44px;--body-gap: 8px;padding-top:10px;padding-bottom:8px}.play-button svg{width:22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}