/* v431 — Unframed, minimal music transport. No individual track titles. */
html body #views #work[data-cat="projects"] .od-personal-audio{
  margin:20px 0 0!important;
  padding:16px 0 0!important;
  border-top:1px solid rgba(255,255,255,.14)!important;
  background:none!important;
}
html body #views #work[data-cat="projects"] .od-personal-audio h4{
  margin:0 0 8px!important;
  color:#d1ff00!important;
  font:600 10px/1.4 'IBM Plex Mono',monospace!important;
  letter-spacing:.09em!important;
}
html body #views #work[data-cat="projects"] .od-personal-audio-intro{
  margin:0 0 14px!important;
  max-width:42ch!important;
  font:400 12px/1.6 var(--od-site-copy,'Manrope',sans-serif)!important;
  letter-spacing:0!important;
  color:#c5c8cf!important;
}
html body #views #work[data-cat="projects"] .od-personal-audio-list{
  display:flex!important;
  flex-direction:column!important;
  gap:8px!important;
}
html body #views #work[data-cat="projects"] .od-personal-audio-row{
  display:grid!important;
  grid-template-columns:16px 24px minmax(32px,1fr) 68px!important;
  gap:9px!important;
  align-items:center!important;
  height:26px!important;
  padding:0!important;
  background:none!important;
  border:0!important;
}
html body #views #work[data-cat="projects"] .od-personal-audio-play{
  display:grid!important;
  place-items:center!important;
  width:24px!important;
  height:24px!important;
  border:0!important;
  background:transparent!important;
  color:#e9eded!important;
  padding:0!important;
  margin:0!important;
  cursor:pointer!important;
  border-radius:0!important;
  transition:color .15s ease!important;
}
html body #views #work[data-cat="projects"] .od-personal-audio-play:hover,
html body #views #work[data-cat="projects"] .od-personal-audio-play:focus-visible{
  background:transparent!important;
  color:#d1ff00!important;
}
html body #views #work[data-cat="projects"] .od-personal-audio-play:disabled{opacity:.4!important}
html body #views #work[data-cat="projects"] .od-personal-audio-icon{
  border-top:5px solid transparent!important;
  border-bottom:5px solid transparent!important;
  border-left:7px solid currentColor!important;
  margin-left:2px!important;
}
html body #views #work[data-cat="projects"] .od-personal-audio-row.is-playing .od-personal-audio-icon{
  width:8px!important;
  height:10px!important;
  margin-left:0!important;
  border:0!important;
  background:linear-gradient(to right,currentColor 0 3px,transparent 3px 5px,currentColor 5px 8px)!important;
}
html body #views #work[data-cat="projects"] .od-personal-audio-seek{
  height:2px!important;
  background:linear-gradient(to right,#d1ff00 0%,#d1ff00 var(--od-music-progress,0%),#555a5e var(--od-music-progress,0%),#555a5e 100%)!important;
}
html body #views #work[data-cat="projects"] .od-personal-audio-seek::-webkit-slider-thumb{
  width:7px!important;height:7px!important;
}
html body #views #work[data-cat="projects"] .od-personal-audio-seek::-moz-range-thumb{
  width:7px!important;height:7px!important;
}
html body #views #work[data-cat="projects"] .od-personal-audio-number,
html body #views #work[data-cat="projects"] .od-personal-audio-clock{
  color:#adb4b8!important;
  font:500 10px/1 'IBM Plex Mono',monospace!important;
  white-space:nowrap!important;
}
#odPersonalAudioDock{
  position:fixed!important;
  z-index:360!important;
  right:clamp(12px,2vw,28px)!important;
  bottom:clamp(12px,2vw,28px)!important;
  box-sizing:border-box!important;
  width:min(342px,calc(100vw - 24px))!important;
  height:48px!important;
  padding:0 10px!important;
  display:grid!important;
  grid-template-columns:17px 24px minmax(20px,1fr) 70px 24px!important;
  align-items:center!important;
  column-gap:8px!important;
  color:#fff!important;
  background:#0b0d10!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:0 10px 32px rgba(0,0,0,.42)!important;
}
#odPersonalAudioDock[hidden]{display:none!important}
#odPersonalAudioDock button{
  display:grid!important;
  place-items:center!important;
  margin:0!important;
  padding:0!important;
  width:24px!important;
  height:30px!important;
  color:#fff!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  cursor:pointer!important;
  font:500 15px/1 system-ui!important;
}
#odPersonalAudioDock button:hover{color:#d1ff00!important}
#odPersonalAudioDock .od-audio-dock-number,
#odPersonalAudioDock .od-audio-dock-time{
  color:#cbd0d3!important;
  font:500 10px/1 'IBM Plex Mono',monospace!important;
  white-space:nowrap!important;
}
#odPersonalAudioDock .od-audio-dock-seek{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  height:2px!important;
  margin:0!important;
  background:linear-gradient(to right,#d1ff00 0%,#d1ff00 var(--od-music-progress,0%),#535a60 var(--od-music-progress,0%),#535a60 100%)!important;
  cursor:pointer!important;
}
#odPersonalAudioDock .od-audio-dock-seek::-webkit-slider-thumb{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:7px!important;height:7px!important;
  background:#d1ff00!important;border:0!important;border-radius:0!important;
}
#odPersonalAudioDock .od-audio-dock-seek::-moz-range-thumb{
  width:7px!important;height:7px!important;
  background:#d1ff00!important;border:0!important;border-radius:0!important;
}
@media(max-width:600px){
  #odPersonalAudioDock{bottom:12px!important;right:12px!important}
}