#ge87-audio{scroll-margin-top:110px;background:var(--panel);border-block:1px solid var(--line2)}
#ge87-audio .ge87-audio-heading{max-width:820px;margin-bottom:30px}
#ge87-audio h2{font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;margin:10px 0 18px;letter-spacing:-.025em}
#ge87-audio .ge87-audio-intro{color:var(--muted);line-height:1.65;margin:0}
.ge87-listener{--p-text:#f4f2f8;--p-muted:#a6a0b3;--p-violet:#b38aff;--p-cyan:#64dbee;position:relative;overflow:hidden;border:1px solid #393044;border-radius:24px;color:var(--p-text);background:radial-gradient(ellipse at 86% 0,#3e245044,transparent 50%),linear-gradient(150deg,#15131e,#0a0a10 65%);box-shadow:0 20px 60px #0003}
.ge87-listener button,.ge87-listener input{font:inherit}
.ge87-listener-head{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 28px;border-bottom:1px solid #302936}
.ge87-listener-kicker{display:block;font-size:.68rem;letter-spacing:.18em;font-weight:750;color:var(--p-cyan);margin-bottom:9px}
.ge87-listener-mode{font-size:clamp(1.4rem,3vw,1.95rem);line-height:1.15;letter-spacing:-.025em;margin:0;color:var(--p-text)}
.ge87-listener-desc{font-size:.83rem;line-height:1.5;color:var(--p-muted);margin:9px 0 0}
.ge87-listener-tag{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #3d354d;border-radius:99px;font-size:.65rem;font-weight:750;letter-spacing:.1em;white-space:nowrap;color:#cfb9ee;background:#211a2b}
.ge87-listener-tag::before{content:"";width:6px;height:6px;background:var(--p-violet);border-radius:50%}
.ge87-wave{height:158px;position:relative;background:linear-gradient(180deg,#101018,#09090e);border-bottom:1px solid #27232f;cursor:crosshair}
.ge87-wave canvas{display:block;width:100%;height:100%}
.ge87-wave-hint{position:absolute;top:13px;right:22px;font-size:.6rem;letter-spacing:.12em;font-weight:650;color:#8f879e;pointer-events:none}
.ge87-listener-transport{padding:23px 28px 25px}
.ge87-timeline{display:flex;align-items:center;gap:15px}
.ge87-clock{font:12px ui-monospace,Consolas,monospace;font-variant-numeric:tabular-nums;color:#bdb6cb;min-width:36px}
.ge87-clock:last-child{text-align:right}
.ge87-seek,.ge87-volume{appearance:none;-webkit-appearance:none;height:4px;border-radius:10px;border:0;cursor:pointer;padding:0;outline-offset:7px}
.ge87-seek{flex:1;min-width:0;height:28px;background:linear-gradient(to right,#a87cff 0 var(--played,0%),#342c42 var(--played,0%) 100%) center/100% 4px no-repeat}
.ge87-seek::-webkit-slider-thumb,.ge87-volume::-webkit-slider-thumb{appearance:none;width:13px;height:13px;border:0;border-radius:50%;background:#f7f4fb;box-shadow:0 0 0 4px #a87cff26}
.ge87-seek::-moz-range-thumb,.ge87-volume::-moz-range-thumb{width:13px;height:13px;border:0;border-radius:50%;background:#f7f4fb}
.ge87-listener-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center;margin-top:23px}
.ge87-mode-switch{justify-self:start;display:flex;gap:3px;padding:5px;border:1px solid #40344e;border-radius:12px;background:#101016}
.ge87-mode-switch button{border:0;cursor:pointer;color:#b0a5be;background:transparent;border-radius:8px;padding:11px 13px;font-size:.65rem;letter-spacing:.025em;line-height:1.2;font-weight:800;white-space:nowrap}
.ge87-mode-switch button[aria-pressed=true]{background:#b58aff;color:#100b18;box-shadow:0 3px 14px #a87cff25}
.ge87-mode-switch button:hover{color:#fff;background:#2f253c}.ge87-mode-switch button[aria-pressed=true]:hover{color:#100b18;background:#c4a2ff}
.ge87-playback{display:flex;align-items:center;gap:13px}
.ge87-icon-button{display:grid;place-items:center;cursor:pointer;background:transparent;color:#b9abc9;width:34px;height:40px;border:0;border-radius:10px;padding:8px}
.ge87-icon-button:hover{background:#342b42;color:#fff}
.ge87-icon-button:disabled{opacity:.28;cursor:default}
.ge87-play-button{display:grid;place-items:center;cursor:pointer;width:62px;height:62px;border:1px solid #ffffffb3;border-radius:50%;background:linear-gradient(145deg,#fff,#e9dffb);color:#120e1a;box-shadow:0 6px 26px #b087f72b;padding:19px;transition:transform .15s,box-shadow .15s}
.ge87-play-button:hover{transform:scale(1.045);box-shadow:0 6px 32px #b087f747}
.ge87-play-button:disabled{opacity:.6;cursor:wait}
.ge87-listener svg{display:block;width:100%;height:100%;fill:currentColor}
.ge87-play-button .ge87-pause-icon{display:none}
.ge87-listener[data-playing=true] .ge87-play-button .ge87-play-icon{display:none}
.ge87-listener[data-playing=true] .ge87-play-button .ge87-pause-icon{display:block}
.ge87-listener[data-loading=true] .ge87-play-button{animation:ge87-loading 1.2s ease-in-out infinite}
.ge87-volume-wrap{justify-self:end;display:flex;align-items:center;gap:8px}
.ge87-volume{width:80px;height:28px;background:linear-gradient(#42354f,#42354f) center/100% 4px no-repeat}
.ge87-volume-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ge87-listener-foot{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;margin-top:20px;padding-top:18px;border-top:1px solid #2a2433;font-size:.72rem;line-height:1.6;color:#a197b0}
.ge87-listener-foot p{margin:0;max-width:680px}
.ge87-downloads summary{cursor:pointer;color:#bca5d5;white-space:nowrap}
.ge87-downloads ul{display:flex;gap:15px;flex-wrap:wrap;list-style:none;margin:9px 0 0;padding:0}
.ge87-downloads a{color:#d3b7f8;text-underline-offset:4px}
.ge87-audio-status{margin:12px 0 0;font-size:.8rem;color:#cfb1f4;line-height:1.5}
.ge87-audio-status:empty{display:none}
.ge87-listener button:focus-visible,.ge87-listener input:focus-visible,.ge87-downloads summary:focus-visible{outline:2px solid var(--p-cyan);outline-offset:5px}
#ge87-audio [hidden]{display:none!important}
@keyframes ge87-loading{50%{box-shadow:0 0 28px #b087f75c}}
@media(max-width:1120px){.ge87-listener-controls{grid-template-columns:1fr auto;gap:20px}.ge87-mode-switch{grid-column:1/-1;justify-self:center}.ge87-playback{justify-self:start}.ge87-volume-wrap{justify-self:end}}
@media(max-width:600px){.ge87-listener{border-radius:18px}.ge87-listener-head{padding:21px 18px;align-items:flex-start;gap:12px}.ge87-listener-tag{font-size:.55rem;padding:8px}.ge87-listener-desc{font-size:.76rem}.ge87-wave{height:136px}.ge87-wave-hint{right:15px;font-size:.52rem}.ge87-listener-transport{padding:20px 17px}.ge87-mode-switch{width:100%;display:grid;grid-template-columns:.7fr 1fr 1fr}.ge87-mode-switch button{padding:11px 5px;font-size:.58rem;min-height:42px}.ge87-listener-controls{gap:17px 10px}.ge87-playback{gap:7px}.ge87-play-button{width:57px;height:57px;padding:17px}.ge87-volume{width:66px}.ge87-listener-foot{font-size:.68rem}.ge87-listener-tag span{display:none}}
@media(pointer:coarse){.ge87-icon-button{min-width:44px;min-height:44px}.ge87-seek,.ge87-volume{height:36px}}
@media(prefers-reduced-motion:reduce){.ge87-play-button{transition:none}.ge87-listener[data-loading=true] .ge87-play-button{animation:none}}