.player{position:fixed;bottom:0;left:0;right:0;z-index:40;background:#191d16f5;backdrop-filter:blur(20px);border-top:1px solid #677047;box-shadow:0 -12px 40px #0005;display:grid;grid-template-columns:1fr 1.15fr 1fr;gap:28px;align-items:center;padding:16px 28px;min-height:102px}
.player-track{display:flex;align-items:center;gap:12px;min-width:0}
.player-track>div{min-width:0}
.player-mini-cover{width:49px;height:58px;flex-shrink:0;background:var(--yellow);color:#10110f;padding:6px 5px;display:flex;flex-direction:column;justify-content:space-between;border-left:4px solid #a79c1c}
.player-mini-cover>span:first-child{font:400 18px/.9 var(--display)}
.player-mini-cover>span:last-child{font:700 6px/1.1 var(--body);letter-spacing:.8px}
.player-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:700;line-height:1.7}
.player-subtitle{display:block;font-size:8px;letter-spacing:.6px;color:var(--muted);margin-top:4px}
.player-heart{margin-left:auto}
.player-center{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}
.playback-controls{display:flex;align-items:center;justify-content:center;gap:21px}
.player-toggle{width:38px;height:38px;background:var(--yellow);color:#10110f;display:flex;align-items:center;justify-content:center;border:0;border-radius:50%}
.player-toggle svg{width:22px;height:22px}
.rewind{position:relative;font-size:26px;line-height:1;color:#d3d9c6}
.rewind small{font-size:8px;position:absolute;bottom:8px;left:13px}
.next-button{position:absolute;margin-left:230px}
.next-button svg{width:16px}
.seek-row{width:100%;display:flex;gap:10px;align-items:center;font-size:8px;font-variant-numeric:tabular-nums;color:var(--muted)}
.seek-row>span{min-width:36px}
.seek-row>span:last-child{text-align:right}
.seek-label{flex:1;display:flex;align-items:center}
.seek-label input{margin:0;width:100%;height:4px;accent-color:var(--yellow);cursor:pointer}
.player-options{display:flex;align-items:center;justify-content:flex-end;gap:12px}
.player-options select{background:transparent;border:1px solid #454d3b;color:var(--paper);font-size:10px;padding:7px 5px}
.player-options select option{background:var(--panel)}
.sleep-control{display:flex;align-items:center;gap:6px}
.sleep-control>svg{width:14px;color:var(--muted)}
.player-options .icon-button{width:25px;padding:3px}
.player-options .icon-button svg{width:16px}
.close-player{color:var(--muted)}