#enter-silent{margin-top:14px;border:0;border-bottom:1px solid #a396b1;background:transparent;box-shadow:none;color:#ddd2e6;padding:12px 18px;font:600 14px Inter,sans-serif;cursor:pointer}
.site-player{grid-template-columns:65px minmax(0,1fr) 44px 44px 44px!important;width:min(510px,calc(100% - 32px));padding:9px;gap:6px}
.site-player .player-deck-art{width:63px}.site-player button,#player-toggle,#player-next{min-width:44px;min-height:44px}
.site-player button:disabled{opacity:.4;cursor:default}.site-player button:focus-visible,.site-player input:focus-visible,.site-player select:focus-visible{outline:2px solid #d3aaff;outline-offset:3px}
#player-options{font-size:16px}.player-copy span{font-size:10px!important;letter-spacing:.02em}.player-copy b{font-size:12px!important}
#audio-options[hidden]{display:none}#audio-options{position:absolute;bottom:calc(100% + 10px);right:0;width:min(400px,100%);max-height:65svh;overflow:auto;background:#18121d;color:#f5eee5;border:1px solid #92759e;padding:20px;display:grid;gap:17px;box-shadow:0 8px 35px #0009}
#audio-options label{font:14px/1.5 Inter,sans-serif;display:grid;gap:7px}#audio-options select{width:100%;min-width:0;background:#302537;color:#fff;border:1px solid #796980;padding:12px;font:16px Inter,sans-serif}
#audio-options input[type=range]{width:100%;min-height:32px;accent-color:#b386e5;cursor:pointer}#audio-options button{width:auto;padding:9px 13px;font:14px Inter,sans-serif}
.audio-timeline{display:grid;gap:5px}.audio-timeline output{font:12px Inter,sans-serif;color:#c8b8d1}.audio-volume{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center}
#audio-options .audio-continuous{display:flex;align-items:center;gap:12px}.audio-continuous input{width:20px;height:20px;accent-color:#b386e5}#audio-options a{font:14px/1.6 Inter,sans-serif;text-decoration:underline;text-underline-offset:4px;color:#d9baf6}
@media(max-width:600px){.site-player{left:8px;right:8px;width:auto;gap:3px;padding:6px}.site-player .player-deck-art{width:46px;height:48px}.player-deck-art img{width:40px!important;height:40px!important}.player-record{width:42px;height:42px}}
/* Compact transport: artwork and controls stay available while browsing. */
#site-player{grid-template-columns:52px minmax(0,1fr) repeat(4,44px)!important;gap:4px 6px;width:min(580px,calc(100% - 32px));min-height:0;padding:9px 12px 4px;overflow:visible;border:1px solid #665347;box-shadow:0 8px 28px #0009,3px 3px 0 #422163;background:linear-gradient(115deg,#1d1713,#100d11 65%,#1b1421)}
#site-player:after{display:none}
#site-player .player-deck-art{width:48px;height:48px}
#site-player .player-copy b{font-size:14px!important;line-height:1.25}
#site-player .player-copy span{font-size:10px!important;font-weight:500;letter-spacing:.035em}
#site-player #player-previous,#site-player #player-next,#site-player #player-options{position:relative;width:44px;height:44px;border:1px solid #5e4c68;background:linear-gradient(145deg,#171219 0%,#09070b 72%);box-shadow:inset 2px 2px 0 rgba(255,255,255,.05),inset -3px -3px 0 rgba(0,0,0,.72),3px 4px 0 rgba(0,0,0,.35);font-size:0;color:transparent;clip-path:polygon(7% 2%,91% 0,100% 14%,96% 92%,84% 100%,4% 95%,0 17%)}
#site-player #player-previous::before,#site-player #player-next::before{content:"";position:absolute;top:50%;left:50%;width:15px;height:18px;background:#eee8df;filter:drop-shadow(0 0 4px rgba(171,92,255,.42));clip-path:polygon(100% 0,100% 100%,0 50%);transform:translate(-42%,-50%)}
#site-player #player-previous::after,#site-player #player-next::after{content:"";position:absolute;top:50%;left:12px;width:3px;height:20px;background:#9e63e8;transform:translateY(-50%) rotate(-2deg)}
#site-player #player-next::before{transform:translate(-58%,-50%) scaleX(-1)}
#site-player #player-next::after{left:auto;right:12px;transform:translateY(-50%) rotate(2deg)}
#site-player #player-toggle{position:relative;width:48px;height:48px;border-radius:50%;border:1px solid #c88cff;background:radial-gradient(circle at 50% 50%,#120d16 0 23%,#422059 25% 31%,#100c14 33% 47%,#7e36bd 49% 52%,#130d18 54% 100%);box-shadow:0 0 0 3px #0c090e,0 0 0 4px #6f3d91,0 0 14px rgba(151,63,225,.35),inset 0 0 8px #000;font-size:0;color:transparent;transform:rotate(-1.5deg)}
#site-player #player-toggle::before{content:"";position:absolute;top:50%;left:52%;width:13px;height:17px;background:#f2ece4;clip-path:polygon(0 0,100% 50%,0 100%);transform:translate(-50%,-50%);filter:drop-shadow(0 0 4px #9d4ce0)}
#site-player.is-playing #player-toggle::before{left:19px;width:5px;height:18px;clip-path:none;transform:translateY(-50%);box-shadow:9px 0 0 #f2ece4}
#site-player #player-options{background:linear-gradient(145deg,#161118,#080609);}
#site-player #player-options::before{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#d7ccd9;transform:translate(-50%,-50%);box-shadow:-10px 1px 0 #8d55bd,10px -1px 0 #d7ccd9;filter:drop-shadow(0 0 3px rgba(157,76,224,.5))}
#site-player #player-previous:hover,#site-player #player-next:hover,#site-player #player-options:hover,#site-player #player-previous:focus-visible,#site-player #player-next:focus-visible,#site-player #player-options:focus-visible{border-color:#c58bff;background:linear-gradient(145deg,#25152f,#0b080d);outline:none;filter:drop-shadow(0 0 6px rgba(157,76,224,.46))}
#site-player #player-toggle:hover,#site-player #player-toggle:focus-visible{outline:none;box-shadow:0 0 0 3px #0c090e,0 0 0 4px #d0a1ff,0 0 19px rgba(173,77,255,.65),inset 0 0 8px #000}
#site-player>.audio-timeline{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}
#site-player .audio-timeline input{display:block;width:100%;height:24px;min-width:0;margin:0;accent-color:#aa62ff;cursor:pointer}
#site-player .audio-timeline output{font:11px/1.2 Inter,sans-serif;font-variant-numeric:tabular-nums;color:#c6b6cf}
#site-player #audio-options{width:min(420px,calc(100vw - 24px));box-sizing:border-box;border-color:#785390;background:#17121c}
@media(max-width:600px){#site-player{left:6px;right:6px;bottom:max(6px,env(safe-area-inset-bottom));width:auto;padding:7px 7px 2px;grid-template-columns:42px minmax(0,1fr) repeat(4,44px)!important;gap:2px}#site-player .player-deck-art{width:40px;height:42px}#site-player .player-copy b{font-size:12px!important}#site-player .player-copy span{font-size:9px!important}#site-player>.audio-timeline{gap:8px}}