/* Web adaptation of the shipped mobile v210 UI. Preserve visible scrollbars
   and scale the catalog for mouse/keyboard and large screens. */
html[data-web-ui], html[data-web-ui] *, html[data-web-ui] *::before, html[data-web-ui] *::after { scrollbar-width: auto; }
html[data-web-ui]::-webkit-scrollbar, html[data-web-ui] body::-webkit-scrollbar, html[data-web-ui] *::-webkit-scrollbar { width: 10px; height: 10px; display: block; }
html[data-web-ui] .mobile-brand-lockup { flex: 1; }
html[data-web-ui] .web-settings-shortcut { display:grid;place-items:center;width:44px;height:44px;padding:10px;border:1px solid var(--mobile-line);border-radius:12px;background:#0b1929;color:#d5f6fc;cursor:pointer; }
html[data-web-ui] .web-settings-shortcut svg { width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7; }
html[data-web-ui] .mobile-home-intro { gap:8px; }
html[data-web-ui] #dashboard-view > .dashboard-hero { display:none; }
html[data-web-ui] body:not(.in-practice) > .mobile-bottom-nav { display:grid;position:fixed;z-index:90;border:1px solid var(--mobile-line); }
html[data-web-ui] .mobile-bottom-nav button { display:grid;place-items:center;align-content:center;border:0;font:inherit;color:var(--text-muted);cursor:pointer; }
html[data-web-ui] .mobile-bottom-nav svg { fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round; }
html[data-web-ui] :is(button,a,input,summary):focus-visible { outline:2px solid #a7f4ff;outline-offset:3px; }
@media(min-width:900px){
 html[data-web-ui] body:not(.in-practice) #app-main { width:min(100%,1120px);max-width:1120px;padding-left:28px;padding-right:28px; }
 html[data-web-ui] #dashboard-view > :is(#techniques-grid,#combined-grid) { grid-template-columns:repeat(4,minmax(0,1fr));gap:16px; }
 html[data-web-ui] #dashboard-view > #home-recommendation { max-width:760px;align-self:center;min-height:260px; }
 html[data-web-ui] body:not(.in-practice) > .mobile-bottom-nav { left:50%;right:auto;transform:translateX(-50%);width:min(calc(100% - 32px),900px);box-sizing:border-box; }
 html[data-web-ui] #music-library-view .music-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}