:root{--app-bg:#0f1113;--surface:#151617;--muted:#fff9;--accent:#1db954;--sidebar-width:240px}body{background:var(--app-bg);color:#e6eef3;margin:0;font-family:Roboto,-apple-system,Segoe UI,Helvetica Neue,Arial,sans-serif}#root{height:100vh}.sidebar{width:var(--sidebar-width);background:linear-gradient(#ffffff05,#ffffff03);border-right:1px solid #ffffff08}.library-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;padding:12px;display:grid}.card-media{background:#0b0b0b;border-radius:6px;position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:160px;display:block}.card-overlay{opacity:0;background:linear-gradient(#0000,#00000052);justify-content:center;align-items:center;transition:opacity .12s ease-in-out;display:flex;position:absolute;inset:0}.card-media:hover .card-overlay,.card-media:focus-within .card-overlay{opacity:1}.card-badge{color:#fff;background:#00000080;border-radius:12px;padding:2px 6px;font-size:12px;position:absolute;top:8px;left:8px}.card-overlay .play-button{background:#0009;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.card-badge.server-badge{background:#ffffff0a;left:auto;right:8px}.touch-target{min-width:48px;min-height:48px;padding:8px 12px}@media (width<=600px){.app-content{padding:4px!important}.touch-target{min-height:56px;padding:10px 16px;font-size:1rem}.library-grid{grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:10px;padding:8px 0}.card-media img{object-fit:cover;height:140px}}@media (hover:none),(pointer:coarse){.card-overlay{opacity:1;background:linear-gradient(#00000014,#00000061)}.card-overlay .play-button{width:52px;height:52px}}