/* DARAWAN FLOATING MUSIC PLAYER */
html body .darawan-music-player{
 --mp-bg:#131c26;--mp-text:#edf6fc;--mp-muted:#9aafbf;
 --mp-line:#30414f;--mp-button:#22313e;--mp-accent:#39d7ff;
 position:fixed!important;inset:auto auto 20px 20px!important;
 width:420px!important;max-width:calc(100vw - 40px)!important;
 height:auto!important;min-height:0!important;
 padding:16px!important;box-sizing:border-box!important;
 border:1px solid var(--mp-line)!important;border-radius:20px!important;
 background:var(--mp-bg)!important;color:var(--mp-text)!important;
 box-shadow:0 12px 36px #0004!important;
 z-index:2147482000;direction:ltr!important;
 font-family:inherit!important;
}
html[data-theme="light"] body .darawan-music-player{
 --mp-bg:#ffffff;--mp-text:#172a38;--mp-muted:#596d7c;
 --mp-line:#d8e3eb;--mp-button:#eef4f7;
 box-shadow:0 10px 32px #18324626!important;
}
html body .darawan-player-inner{
 display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;
 gap:14px 12px!important;align-items:center!important;
 position:relative!important;width:100%!important;height:auto!important;margin:0!important;
 direction:ltr!important;
}
html body .darawan-track{
 display:flex!important;align-items:center!important;
 gap:10px!important;min-width:0!important;padding:0!important;
 grid-column:1!important;grid-row:1!important;
}
html body .darawan-cover{
 width:48px!important;height:48px!important;flex:0 0 48px!important;
 object-fit:cover!important;border-radius:11px!important;
 background:var(--mp-button)!important;border:0!important;
}
html body .darawan-track-copy{min-width:0!important;text-align:start!important}
html body .darawan-track-title{
 display:block!important;font-size:13px!important;line-height:1.5!important;
 font-weight:750!important;color:var(--mp-text)!important;
 white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
html body .darawan-track-artist{
 display:block!important;font-size:11px!important;line-height:1.5!important;
 color:var(--mp-muted)!important;white-space:nowrap!important;
 overflow:hidden!important;text-overflow:ellipsis!important;
}
html body .darawan-autoplay-note{display:none!important}
html body .darawan-player-controls{
 position:static!important;inset:auto!important;transform:none!important;
 display:flex!important;align-items:center!important;justify-content:center!important;
 grid-column:1/-1!important;grid-row:2!important;
 width:auto!important;gap:18px!important;direction:ltr!important;
}
html body .darawan-player-btn{
 display:grid!important;place-items:center!important;box-sizing:border-box!important;
 position:static!important;inset:auto!important;transform:none!important;
 width:36px!important;height:36px!important;min-width:0!important;
 padding:0!important;margin:0!important;border:1px solid transparent!important;
 border-radius:10px!important;background:var(--mp-button)!important;
 color:var(--mp-text)!important;box-shadow:none!important;
 font:600 20px/1 system-ui!important;cursor:pointer!important;
 transition:background-color .18s,border-color .18s!important;
}
html body .darawan-player-btn svg{
 display:block!important;width:17px!important;height:17px!important;fill:currentColor;
}
html body .darawan-player-btn.darawan-play{
 width:46px!important;height:46px!important;border-radius:50%!important;
 background:var(--mp-accent)!important;color:#082735!important;
}
html body .darawan-player-side{
 display:flex!important;align-items:center!important;justify-content:flex-end!important;
 position:static!important;grid-column:2!important;grid-row:1!important;
 gap:5px!important;padding:0!important;direction:ltr!important;
}
html body .darawan-volume-icon{
 font-size:16px!important;width:30px!important;height:30px!important;
}
html body .darawan-volume{
 width:65px!important;min-width:0!important;accent-color:var(--mp-accent)!important;
}
html body .darawan-minimize,
html body .darawan-close{
 width:28px!important;height:28px!important;background:transparent!important;
}
html body .darawan-minimize span{font-size:0!important}
html body .darawan-minimize span::after{content:"⌄";font:600 23px/1 system-ui}
html body .darawan-progress-wrap{
 display:grid!important;grid-template-columns:34px minmax(0,1fr) 34px!important;
 grid-column:1/-1!important;grid-row:3!important;
 align-items:center!important;gap:8px!important;
 color:var(--mp-muted)!important;font-size:10px!important;direction:ltr!important;
}
html body .darawan-progress{
 width:100%!important;min-width:0!important;height:5px!important;
 margin:0!important;accent-color:var(--mp-accent)!important;cursor:pointer;
}
html body .darawan-time-end{text-align:right!important}
html body .darawan-youtube-host{
 position:absolute!important;width:1px!important;height:1px!important;
 overflow:hidden!important;clip-path:inset(50%)!important;
}
html body .darawan-music-player.is-mini{
 width:380px!important;padding:10px!important;border-radius:16px!important;
}
html body .darawan-music-player.is-mini .darawan-player-inner{
 grid-template-columns:minmax(0,1fr) auto 28px!important;gap:8px!important;
}
html body .darawan-music-player.is-mini .darawan-cover{
 width:40px!important;height:40px!important;flex-basis:40px!important;
}
html body .darawan-music-player.is-mini .darawan-player-controls{
 display:flex!important;grid-column:2!important;grid-row:1!important;gap:6px!important;
}
html body .darawan-music-player.is-mini .darawan-prev{display:none!important}
html body .darawan-music-player.is-mini .darawan-play{
 width:36px!important;height:36px!important;
}
html body .darawan-music-player.is-mini .darawan-next{
 width:28px!important;height:30px!important;background:transparent!important;
}
html body .darawan-music-player.is-mini .darawan-player-side{
 display:flex!important;grid-column:3!important;grid-row:1!important;
}
html body .darawan-music-player.is-mini .darawan-player-side>*:not(.darawan-minimize),
html body .darawan-music-player.is-mini .darawan-progress-wrap{display:none!important}
html body .darawan-music-player.is-mini .darawan-minimize{
 display:grid!important;width:28px!important;height:30px!important;
}
html body .darawan-music-player.is-mini .darawan-minimize span::after{content:"⌃"}
html body.darawan-player-ready{
 padding-bottom:240px!important;
}
html body.darawan-player-ready.darawan-player-mini{
 padding-bottom:96px!important;
}
@media(hover:hover){
 html body .darawan-music-player .darawan-player-btn:hover{
  border-color:var(--mp-accent)!important;
  background:var(--mp-button)!important;color:var(--mp-accent)!important;
  box-shadow:none!important;outline:none!important;transform:none!important;
 }
 html body .darawan-music-player .darawan-play:hover{
  background:#77e5ff!important;color:#082735!important;
 }
}
html body .darawan-music-player .darawan-player-btn:focus-visible{
 outline:2px solid var(--mp-accent)!important;outline-offset:3px!important;
 box-shadow:none!important;
}
@media(max-width:760px){
 html body .darawan-music-player,
 html body .darawan-music-player.is-mini{
  left:max(10px,env(safe-area-inset-left))!important;right:10px!important;
  bottom:calc(10px + env(safe-area-inset-bottom,0px))!important;
  width:auto!important;max-width:none!important;
 }
 html body .darawan-music-player:not(.is-mini){padding:12px!important}
 html body .darawan-music-player:not(.is-mini) .darawan-player-inner{
  grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto auto!important;
 }
 html body .darawan-music-player:not(.is-mini) .darawan-volume{display:none!important}
 html body .darawan-music-player .darawan-track-title{font-size:12px!important}
 html body .darawan-music-player .darawan-track-artist{font-size:10px!important}
 html body .darawan-music-player:not(.is-mini) .darawan-volume-icon{display:grid!important}
}
@media(prefers-reduced-motion:reduce){
 html body .darawan-music-player *{transition:none!important}
}