/* Mobile navigation overlays the content in both full and slim modes. */
.private-navigation-controls{display:none}
@media(max-width:700px), (max-width:900px) and (max-height:500px){
  body .private-sidebar,body.private-rail-expanded .private-sidebar{
    width:100%!important;max-width:none;left:0;top:0;bottom:0!important;height:100dvh;max-height:100dvh;
    padding:calc(12px + env(safe-area-inset-top,0px)) 16px 0;border:0;box-shadow:none;
  }
  .private-sidebar .brand{height:60px;padding:0 104px 0 0;justify-content:flex-start}
  .private-sidebar .rail{top:calc(76px + env(safe-area-inset-top,0px));bottom:env(safe-area-inset-bottom,0px);padding:10px 16px;width:100%;box-sizing:border-box}
  .private-navigation-controls{display:flex;gap:8px;position:absolute;top:calc(20px + env(safe-area-inset-top,0px));right:16px;z-index:2}
  .private-navigation-controls>button{display:grid;place-items:center;position:static;width:44px;height:44px;min-width:44px;padding:10px;margin:0;border:0;border-radius:14px;background:#ffffff0b;color:#eae6f2}
  .private-navigation-controls>button:is(:hover,:focus-visible){background:#382b4f;outline:2px solid #b99cf3;outline-offset:-2px}
  .private-navigation-controls svg{width:24px;height:24px}
  .private-navigation-size svg{transform:scaleX(-1)}
  body.private-nav-slim .private-sidebar{
    transform:translateX(0);visibility:visible;width:76px!important;height:auto;max-height:none;
    bottom:calc(var(--private-mobile-player-height,82px) + env(safe-area-inset-bottom,0px))!important;padding:8px;
    background:#101019f5;box-shadow:10px 0 24px #0004;
  }
  body.private-nav-slim .private-sidebar .brand{height:48px;justify-content:center;padding:0}
  body.private-nav-slim .private-sidebar .rail-label,body.private-nav-slim .private-sidebar .nav-section{display:none!important}
  body.private-nav-slim .private-navigation-controls{top:60px;left:16px;right:16px;flex-direction:column;gap:4px}
  body.private-nav-slim .private-navigation-size svg{transform:none}
  body.private-nav-slim .private-sidebar .rail{top:156px;padding:6px;width:100%}
  body.private-nav-slim .private-sidebar :is(.private-rail-content>a,.private-rail-content>button,.private-browse-nav>button){justify-content:center;padding:10px;gap:0;min-height:48px}
  body.private-nav-slim .private-sidebar .private-browse-nav{width:100%}
  body.private-nav-slim .private-sidebar .rail-recent button{justify-content:center}
  /* Tall touch tabs attached to the screen edge, shown only with panels closed. */
  body .private-panel-edge{
    top:50%;transform:translateY(-50%);width:32px;min-width:32px;height:clamp(132px,25svh,184px);min-height:132px;
    padding:6px;border:0!important;border-radius:0 16px 16px 0;background:#111421a6;box-shadow:none;
    opacity:.7;color:#ede6ff;outline:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  }
  body .private-panel-edge.is-left{left:0}
  body .private-panel-edge.is-right{right:0;border-radius:16px 0 0 16px}
  body .private-panel-edge svg{width:20px;height:26px}
  body .private-panel-edge:is(:hover,:focus-visible,:active){background:#322346df;color:#fff;opacity:1;outline:none}
  body.private-nav-open .private-panel-edge,body.private-nav-slim .private-panel-edge,body.private-preview-open .private-panel-edge{display:none!important}
}