.gm-player{--gm-color:#715237;position:absolute;inset:0;z-index:40;color:#fff;background:#3c281c;overflow:hidden;isolation:isolate;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}
.gm-player[hidden],.gm-player [hidden]{display:none!important}
.gm-player *{box-sizing:border-box;scrollbar-width:none}
.gm-player *::-webkit-scrollbar{display:none}
.gm-player button{color:inherit;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.gm-backdrop{position:absolute;inset:-50px;z-index:-1;background:linear-gradient(180deg,#66513bbd 0%,#593c29db 42%,#26180fef 100%),var(--gm-color)}
.gm-backdrop::before{content:"";position:absolute;inset:-20%;background-image:var(--gm-art-image);background-position:center;background-size:cover;filter:blur(62px) saturate(1.15);opacity:.34;mix-blend-mode:screen}
.gm-content{position:absolute;top:calc(37px + env(safe-area-inset-top));bottom:calc(20px + env(safe-area-inset-bottom));left:0;right:0;display:flex;flex-direction:column;min-height:0;padding:0 28px}
.gm-handle{display:grid;place-items:center;width:100%;height:41px;flex:none}
.gm-handle span{display:block;width:58px;height:5px;border-radius:5px;background:#ffffff75}
.gm-heading{display:flex;align-items:center;gap:12px;height:75px;flex:none}
.gm-thumb{width:66px;height:66px;flex:none;border-radius:10px;background:linear-gradient(155deg,#a87e51,#4c3020);background-position:center;background-size:cover;box-shadow:0 3px 20px #100b0755;display:grid;place-items:center}
.gm-thumb.has-art span,.gm-artwork.has-art>*{display:none}
.gm-thumb span{font-size:29px}
.gm-heading-text{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.18}
.gm-heading-text strong{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gm-heading-text span{font-size:14px;color:#ffffffb5;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gm-more{width:36px;height:36px;border-radius:50%!important;background:#ffffff26!important;font-size:17px;font-weight:700;letter-spacing:2px;line-height:1}
.gm-stage{min-height:130px;flex:1;overflow:hidden;position:relative;padding:6px 0 10px}
.gm-artwork{width:min(84%,320px);max-height:100%;aspect-ratio:1;margin:auto;border-radius:18px;background:linear-gradient(145deg,#a67745 0%,#5c3926 48%,#22150f 100%);background-position:center;background-size:cover;box-shadow:0 20px 44px #10070075;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:24px;overflow:hidden}
.gm-artwork>span{font-size:48px;line-height:1;margin-bottom:auto;opacity:.86}
.gm-artwork>strong{font-size:24px;line-height:1.2;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.gm-artwork>small{font-size:14px;color:#ffffffbd;margin-top:5px}
.gm-lyrics,.gm-queue{height:100%;overflow:auto;overscroll-behavior:contain;padding:8px 1px 20px}
.gm-lyrics p{font-size:clamp(24px,7vw,34px);font-weight:760;line-height:1.3;letter-spacing:-.05em;margin:0 0 20px;opacity:.34;filter:blur(1.3px);transition:opacity .25s,filter .25s;cursor:pointer}
.gm-lyrics p.active{opacity:1;filter:none}
.gm-lyrics .gm-lyrics-empty{font-size:20px;font-weight:500;color:#ffffffad;opacity:1;filter:none;text-align:center;margin-top:30%}
.gm-queue h2{font-size:21px;margin:4px 0 15px}
.gm-queue-row{display:flex;flex-direction:column;text-align:left;width:100%;padding:12px 0;border-bottom:1px solid #ffffff32!important}
.gm-queue-row.active strong{color:#fff}.gm-queue-row strong{font-size:16px;color:#ffffffca}.gm-queue-row small{font-size:13px;color:#ffffff8a;margin-top:3px}
.gm-progress{flex:none;padding-top:6px}
.gm-progress input,.gm-volume input{appearance:none;-webkit-appearance:none;width:100%;height:5px;margin:0;border-radius:99px;background:linear-gradient(to right,#fff 0 var(--gm-progress,0%),#ffffff55 var(--gm-progress,0%) 100%);outline:0}
.gm-progress input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;opacity:0}
.gm-progress input:active::-webkit-slider-thumb,.gm-progress input:focus-visible::-webkit-slider-thumb{opacity:1}
.gm-progress input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff;opacity:0}
.gm-progress div{display:flex;justify-content:space-between;margin-top:8px;color:#ffffff91;font-size:12px;font-variant-numeric:tabular-nums}
.gm-controls{display:flex;align-items:center;justify-content:space-around;height:100px;flex:none;margin:4px 0}
.gm-controls button{width:68px;height:70px;display:grid;place-items:center;font-size:36px;line-height:1}
.gm-controls .gm-toggle{font-size:46px}
.gm-volume{display:flex;align-items:center;gap:12px;height:50px;flex:none;color:#ffffffb9;font-size:18px}
.gm-volume input{flex:1;background:linear-gradient(to right,#ffffffd6 0 80%,#ffffff4b 80% 100%)}
.gm-volume input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#fff}
.gm-volume input::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:#fff}
.gm-tools{display:flex;justify-content:space-between;align-items:center;height:69px;flex:none;padding:2px 35px 0;color:#ffffffb7}
.gm-tools button{width:43px;height:43px;display:grid;place-items:center;font-size:28px;border-radius:50%}
.gm-tools button.active{background:#ffffffd6;color:#443121}
#device:has(.gm-player:not([hidden])) #system,#device:has(.gm-player:not([hidden])) #homekey{position:relative;z-index:41;background:transparent;color:#fff}
@media(max-height:650px){.gm-content{padding:0 20px}.gm-handle{height:25px}.gm-heading{height:58px}.gm-thumb{width:48px;height:48px}.gm-stage{min-height:100px}.gm-controls{height:70px}.gm-controls button{height:60px}.gm-volume{height:36px}.gm-tools{height:45px}.gm-lyrics p{font-size:23px;margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){.gm-lyrics p{transition:none}}
