@font-face{font-family:'Disk Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/IBMPlexMono-Regular.ttf') format('truetype')}
.media-shell{display:flex;flex-direction:column;gap:12px;min-width:0;container-type:inline-size}
.media-showcase.wave{background:#141d22;aspect-ratio:560/300;letter-spacing:0;border-radius:8px;clip-path:inset(0 round 8px)}
.media-panel{position:absolute;inset:0;transition:opacity .2s ease,visibility .2s;opacity:1;visibility:visible}
.media-panel[aria-hidden=true]{opacity:0;visibility:hidden;pointer-events:none}
.media-navigation{align-self:flex-end;display:flex;gap:2px;padding:var(--button-inset);border-radius:var(--button-radius);background:var(--button-surround)}
.media-navigation button{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:24px;padding:0;border:0;border-radius:var(--button-inner-radius);background:transparent;color:#999;font:var(--button-font);letter-spacing:var(--button-tracking);font-variant-numeric:tabular-nums;cursor:pointer;transition:background .15s ease,color .15s ease}
.media-navigation button::after{content:"";position:absolute;inset:-10px 0}
.media-navigation button[aria-selected=true]{background:var(--button-face);color:#fff}
.media-navigation button:hover{background:var(--button-face-hover);color:#fff}
.media-navigation button:active{background:var(--button-face-pressed)}
.media-navigation button:focus-visible{outline:1px solid #d5dbe0;outline-offset:2px}
.disk-stage{--reveal:50%;touch-action:pan-y;user-select:none;cursor:ew-resize;overflow:hidden}
.disk-canvas{position:absolute;inset:0;width:100%;height:100%;letter-spacing:0}
.disk-player,.disk-record{position:absolute;inset:0;overflow:hidden}
.disk-record{background:#141d22;color:#f1efe7;padding:20px 28px 20px 52px}
.disk-record pre{margin:0;font:400 11px/13px 'Disk Mono',monospace;letter-spacing:0;white-space:pre}
.disk-record code{font:inherit}.record-key{color:#9bc6db}.record-punctuation{color:#91a5ac}.record-received{color:#97d9bd}.record-gap{color:#f3be7c}.record-comment{color:#a6b5ba}
.disk-player{background:#5c6254;clip-path:inset(0 calc(100% - var(--reveal)) 0 0);font:400 15px/1.2 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;color:white}
.disk-atmosphere{position:absolute;top:-60px;left:-60px;width:calc(100% + 120px);height:calc(100% + 120px);object-fit:cover;filter:blur(25px)}
.disk-wash{position:absolute;inset:0;background:rgba(24,26,24,.43)}
.disk-player-layout{position:absolute;left:4.285714%;right:4.285714%;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:46.875% minmax(0,1fr);gap:4.6875%;align-items:center}
.disk-cover{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:6px;flex:none}
.disk-controls{display:flex;flex-direction:column;gap:20px;width:100%;height:240px;padding-top:50px;flex:none}
.disk-accessories{position:absolute;top:14px;right:20px;display:flex;justify-content:flex-end;height:30px}
.disk-accessory-glass{width:132px;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border:.6px solid #ffffff2b;border-radius:30px;background:rgba(47,49,43,.24);backdrop-filter:blur(10px)}
.disk-icon{display:block;object-fit:contain;width:28px;height:28px;flex:none;pointer-events:none}
.disk-accessory-glass .disk-icon{width:18px;height:18px;opacity:.87}
.disk-identity{position:relative;display:flex;flex-direction:column;gap:3px;height:66px;flex:none}
.disk-identity strong{font-size:20px;font-weight:600;line-height:26px;white-space:nowrap}
.disk-artist{font-size:15px;opacity:.7;line-height:18px}.disk-album{font-size:11px;opacity:.5;line-height:13.2px;white-space:nowrap}
.disk-track-actions{position:absolute;top:0;right:0;display:flex;gap:6px}
.disk-track-actions>span{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#ffffff21}
.disk-track-actions .disk-icon{width:16px;height:16px}
.disk-playback{display:flex;flex-direction:column;gap:7px;height:66px;flex:none}
.disk-timeline{display:flex;flex-direction:column;gap:5px;height:27px;flex:none}
.disk-progress{height:3.5px;border-radius:2px;background:#ffffff38;overflow:hidden;flex:none}
.disk-progress i{display:block;width:14.2%;height:100%;border-radius:2px;background:#ffffffa6}
.disk-times{display:flex;justify-content:space-between;font-size:10px;line-height:12px;opacity:.57}
.disk-transport{height:32px;display:flex;align-items:center;justify-content:space-between}
.disk-transport .disk-icon{opacity:.94}.disk-transport .secondary{width:19px;height:19px;opacity:.56}
.disk-divider{position:absolute;top:0;bottom:0;left:var(--reveal);width:1px;transform:translateX(-.5px);background:#d5dbe03d;pointer-events:none}
.disk-slider{position:absolute;left:50%;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;touch-action:none;outline:none;cursor:ew-resize}
.disk-grip{display:flex;align-items:center;justify-content:center;width:28px;height:36px;border-radius:14px;border:.65px solid #ffffff42;background:rgba(46,49,51,.68);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 7px #0005,inset 0 1px 1px #ffffff1f}
.disk-grip .disk-icon{width:14px;height:10px;opacity:.9}
.disk-slider:focus-visible:not(.pointer-focus) .disk-grip{outline:2px solid #e5e9e9;outline-offset:3px}
.is-dragging .disk-grip{background:rgba(77,81,84,.76);border-color:#ffffff61}
.disk-compact .disk-record{padding:15px 16px 15px 44px}.disk-compact .disk-record pre{font-size:8px;line-height:9px}
.disk-compact .disk-player-layout{left:4%;right:4%;grid-template-columns:48.447205% minmax(0,1fr);gap:4.968944%}
.disk-compact .disk-controls{height:156px;padding-top:37px;gap:11px}
.disk-compact .disk-accessories{top:10px;right:12px;height:26px}.disk-compact .disk-accessory-glass{width:109px;height:26px}
.disk-compact .disk-accessory-glass .disk-icon{width:15px;height:15px}
.disk-compact .disk-identity{height:53px}.disk-compact .disk-identity strong{font-size:14px;line-height:16.8px;letter-spacing:-.25px}
.disk-compact .disk-artist{font-size:12px;line-height:20px}.disk-compact .disk-album{font-size:10px;line-height:12px}
.disk-compact .disk-track-actions{top:19.8px;gap:5px}.disk-compact .disk-track-actions>span{width:19px;height:19px}
.disk-compact .disk-track-actions .disk-icon{width:12px;height:12px}
.disk-compact .disk-playback{height:55px}.disk-compact .disk-timeline{height:23px}
.disk-compact .disk-transport{height:25px}.disk-compact .disk-transport .disk-icon{width:23px;height:23px}
.disk-compact .disk-transport .secondary{width:16px;height:16px}
@container(max-width:479px){.media-showcase.wave{aspect-ratio:350/210}}
@container(max-width:349px){.disk-compact .disk-record{padding:12px 12px 12px 44px}.disk-compact .disk-record pre{font-size:2.3cqw;line-height:2.65cqw}.disk-compact .disk-identity strong{font-size:3.7cqw}.disk-compact .disk-artist{font-size:3.15cqw}.disk-compact .disk-album{font-size:2.6cqw}.disk-compact .disk-controls{height:146px;padding-top:32px;gap:6px}.disk-compact .disk-track-actions{gap:3px}.disk-compact .disk-track-actions>span{width:16px;height:16px}.disk-compact .disk-track-actions .disk-icon{width:10px;height:10px}}
@media(max-width:599px){.media-navigation button{letter-spacing:.6px}}
@media(prefers-reduced-motion:reduce){.media-panel,.media-navigation button{transition:none}}