/* scrmvv OS Music — isolated styles for Start menu and mobile home. */
.scrmvv-music {--sm-ink:#f0ecff;--sm-muted:#a4a8d0;--sm-accent:#a99cff;color:var(--sm-ink);box-sizing:border-box;min-width:0;}
.scrmvv-music *, .scrmvv-music *::before,.scrmvv-music *::after {box-sizing:border-box;}
.scrmvv-music button {all:unset;box-sizing:border-box;display:grid;place-items:center;cursor:pointer;color:#dad5ff;-webkit-tap-highlight-color:transparent;}
.scrmvv-music button:hover {color:#fff;}
.scrmvv-music button:focus-visible,.scrmvv-music input:focus-visible {outline:2px solid #b5a0ff;outline-offset:2px;}
.scrmvv-music svg {display:block;width:16px;height:16px;flex:none;}
.scrmvv-music .sm-layout {display:flex;align-items:center;min-width:0;gap:11px;}
.scrmvv-music .sm-cover {display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;overflow:hidden;border:1px solid rgba(194,175,255,.34);border-radius:13px;background:radial-gradient(circle at 32% 21%,#8578d6 0%,#49419b 41%,#171a49 88%);box-shadow:inset 0 1px #ffffff40,0 5px 18px #05051d80;color:#f0eaff;}
.scrmvv-music .sm-cover svg {width:24px;height:24px;opacity:.95;filter:drop-shadow(0 0 8px #adacff);}
.scrmvv-music .sm-info {display:flex;flex:1;min-width:0;flex-direction:column;gap:2px;}
.scrmvv-music .sm-eyebrow {font:8px/1.5 var(--font-mono,monospace);letter-spacing:.12em;color:#a8a8e1;}
.scrmvv-music .sm-title {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:650 12px/1.4 var(--font-ui,system-ui);}
.scrmvv-music .sm-artist {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font:10px/1.3 var(--font-ui,system-ui);color:#abb0d5;}
.scrmvv-music .sm-controls {display:flex;flex:0 0 auto;align-items:center;gap:3px;}
.scrmvv-music .sm-controls button {flex:0 0 auto;width:27px;height:29px;border-radius:9px;}
.scrmvv-music .sm-controls .sm-play {width:34px;height:34px;border:1px solid rgba(203,188,255,.52);border-radius:11px;background:linear-gradient(145deg,#817ad2bb,#433c94d1);box-shadow:inset 0 1px #ffffff4d,0 5px 18px #4e3ca238;}
.scrmvv-music .sm-controls .sm-play svg {width:17px;height:17px;}
.scrmvv-music .sm-controls .sm-add {width:23px;color:#b8b1e8;}
.scrmvv-music .sm-controls .sm-add svg {width:15px;height:15px;}
.scrmvv-music .sm-bottom {display:flex;align-items:center;gap:9px;margin-top:9px;}
.scrmvv-music .sm-time {flex:0 0 31px;color:#a9add5;font:9px/1.1 var(--font-mono,monospace);font-variant-numeric:tabular-nums;}
.scrmvv-music .sm-time:last-child {text-align:right;}
.scrmvv-music input[type="range"] {appearance:none;-webkit-appearance:none;border:0;border-radius:5px;outline:none;cursor:pointer;background:linear-gradient(to right,#aaa0ff 0%,#aaa0ff var(--sm-progress,0%),#555781 var(--sm-progress,0%),#555781 100%);}
.scrmvv-music .sm-progress {flex:1;min-width:0;height:4px;}
.scrmvv-music .sm-progress::-webkit-slider-thumb,.scrmvv-music .sm-volume::-webkit-slider-thumb {appearance:none;-webkit-appearance:none;width:10px;height:10px;border:2px solid #f0eaff;border-radius:50%;background:#b5aaff;box-shadow:0 0 5px #ab9cff99;}
.scrmvv-music .sm-progress::-moz-range-thumb,.scrmvv-music .sm-volume::-moz-range-thumb {width:8px;height:8px;border:2px solid #f0eaff;border-radius:50%;background:#b5aaff;}
/* Real track artwork fills the full cover slot (not an SVG viewport). */
.scrmvv-music .sm-cover-image {display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.scrmvv-music .sm-cover-image:not([src]) {display:none;}
.scrmvv-music .sm-cover-placeholder {display:grid;place-items:center;width:100%;height:100%;}
.scrmvv-music .sm-cover-placeholder[hidden] {display:none;}
@media (min-width:1051px) and (pointer:fine) {
  body.desktop-mode .desktop-start-menu .scrmvv-music-desktop {position:relative;z-index:1;padding:13px 15px 12px;margin:3px 0 18px;border:1px solid rgba(179,169,241,.26);border-radius:16px;background:linear-gradient(130deg,rgba(99,83,178,.22),rgba(21,26,65,.91) 68%);box-shadow:inset 0 1px #ffffff1a;}
  body.desktop-mode .desktop-start-menu .scrmvv-music-desktop .sm-cover {width:47px;height:47px;flex-basis:47px;}
  body.desktop-mode .desktop-start-menu .scrmvv-music-desktop .sm-title {font-size:13px;}
  body.desktop-mode .desktop-start-menu .scrmvv-music-desktop .sm-artist {font-size:11px;}
  body.desktop-mode .desktop-start-menu .scrmvv-music-desktop .sm-controls {gap:7px;}
  body.desktop-mode .desktop-start-menu .scrmvv-music-desktop .sm-controls button {width:33px;height:32px;}
  body.desktop-mode .desktop-start-menu .scrmvv-music-desktop .sm-controls .sm-play {width:38px;height:38px;}
  body.desktop-mode .desktop-start-menu .scrmvv-music-desktop .sm-bottom {margin-top:11px;}
  body.desktop-mode .desktop-start-menu .scrmvv-music-desktop .sm-desktop-extra {display:flex;align-items:center;gap:9px;margin-top:9px;}
  body.desktop-mode .desktop-start-menu .scrmvv-music-desktop .sm-hint {color:#888fbe;font:10px/1.4 var(--font-ui,system-ui);flex:1;}
  body.desktop-mode .desktop-start-menu .scrmvv-music-desktop .sm-volume-icon {display:grid;place-items:center;color:#b2b1e9;}
  body.desktop-mode .desktop-start-menu .scrmvv-music-desktop .sm-volume-icon svg {width:15px;height:15px;}
  body.desktop-mode .desktop-start-menu .scrmvv-music-desktop .sm-volume {width:74px;height:4px;flex:none;background:linear-gradient(90deg,#978de0,#62608e);}
}
@media (max-width:820px) {
  .mobile-home-screen.has-music-widget > .scrmvv-music-mobile {
    position:relative;align-self:center;flex:none;width:min(100%,400px);z-index:2;
    order:2; margin-top:0;margin-bottom:0;padding:12px 11px 10px;
    border-radius:19px;border-color:rgba(187,175,255,.36);
    background:linear-gradient(140deg,rgba(73,67,146,.65),rgba(18,20,58,.85) 76%);
    box-shadow:inset 0 1px #ffffff24,0 12px 26px #06051c5c;
  }
  .mobile-home-screen.has-music-widget > .mobile-home-bottom {
    order:1;
    margin-top:auto;
    margin-bottom:12px;
  }
  .scrmvv-music-mobile .sm-cover {width:34px;height:34px;flex-basis:34px;border-radius:11px;}
  .scrmvv-music-mobile .sm-cover svg {width:19px;height:19px;}
  .scrmvv-music-mobile .sm-layout {gap:8px;}
  .scrmvv-music-mobile .sm-eyebrow {font-size:7px;}
  .scrmvv-music-mobile .sm-title {font-size:11px;}
  .scrmvv-music-mobile .sm-artist {font-size:9px;}
  .scrmvv-music-mobile .sm-bottom {margin-top:7px;}
  .scrmvv-music-mobile .sm-controls {gap:1px;}
  .scrmvv-music-mobile .sm-controls .sm-play {height:30px;width:30px;border-radius:10px;}
  .scrmvv-music-mobile .sm-controls .sm-small {width:24px;height:27px;}
  .scrmvv-music-mobile .sm-controls .sm-add {width:22px;}
  .scrmvv-music-mobile .sm-progress {height:3px;}
  .scrmvv-music-mobile .sm-time {font-size:8px;flex-basis:27px;}
}
@media (max-width:350px) {
  .scrmvv-music-mobile .sm-controls .sm-small:first-child {display:none;}
  .mobile-home-screen.has-music-widget > .scrmvv-music-mobile {padding-inline:9px;}
}
@media (max-height:710px) and (max-width:820px) {
  .mobile-home-screen.has-music-widget > .scrmvv-music-mobile {padding-block:8px 7px;}
  .mobile-home-screen.has-music-widget > .mobile-home-bottom {margin-top:auto;margin-bottom:8px;}
  .scrmvv-music-mobile .sm-cover {width:30px;height:30px;flex-basis:30px;}
  .scrmvv-music-mobile .sm-controls .sm-play {height:28px;width:28px;}
}
@media (prefers-reduced-motion:reduce) {.scrmvv-music *, .scrmvv-music *::before {transition:none!important;animation:none!important;}}

/* v12.3: large invisible seek hit-area with a thin visible track. */
.scrmvv-music input.sm-progress {
  height: 20px;
  min-height: 20px;
  background: transparent;
  touch-action: none;
}
.scrmvv-music input.sm-progress::-webkit-slider-runnable-track {
  height: 4px;
  border-radius: 5px;
  background: linear-gradient(to right,#aaa0ff 0%,#aaa0ff var(--sm-progress,0%),#555781 var(--sm-progress,0%),#555781 100%);
}
.scrmvv-music input.sm-progress::-moz-range-track {
  height: 4px;
  border-radius: 5px;
  background: linear-gradient(to right,#aaa0ff 0%,#aaa0ff var(--sm-progress,0%),#555781 var(--sm-progress,0%),#555781 100%);
}
.scrmvv-music input.sm-progress::-webkit-slider-thumb { margin-top: -3px; }
.scrmvv-music .sm-artist-error { color: #ffd5ab; }