:root{--app-bg:#0f1113;--surface:#151617;--muted:#fff9;--accent:#1db954;--sidebar-width:240px;--tap:44px}html{touch-action:manipulation;-webkit-text-size-adjust:100%;height:100%}body{background:var(--app-bg);color:#e6eef3;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-height:100dvh;margin:0;font-family:Roboto,-apple-system,Segoe UI,Helvetica Neue,Arial,sans-serif}#root{height:100dvh;min-height:100dvh}button,[role=button],a,.MuiButtonBase-root{touch-action:manipulation}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes overlay-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes play-pop{0%{opacity:.6;transform:scale(.86)}to{opacity:1;transform:scale(1)}}.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:14px;padding:12px;display:grid}.library-grid>*{animation:.28s both fade-up}.card-media{isolation:isolate;background:#0b0b0b;border-radius:12px;position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:160px;transition:transform .28s;display:block}.card-overlay{opacity:0;pointer-events:none;background:linear-gradient(#0000,#0000006b);justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:absolute;inset:0}.card-media:hover .card-overlay,.card-media:focus-within .card-overlay{opacity:1}.card-media:hover img,.card-media:focus-within img{transform:scale(1.05)}.card-badge{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1;background:#0000008c;border-radius:999px;padding:2px 8px;font-size:12px;position:absolute;top:8px;left:8px}.card-overlay .play-button{background:#0000009e;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;animation:.18s play-pop;display:flex;box-shadow:0 8px 24px #00000059}.card-badge.server-badge{background:#ffffff14;left:auto;right:8px}.downloads-overlay{touch-action:pan-y;overscroll-behavior:contain;animation:.22s overlay-in}.overlay-zoom-lock,.overlay-zoom-lock body,.overlay-zoom-lock #root{touch-action:pan-y;overscroll-behavior:none}.overlay-action-bar .MuiButton-root{min-height:var(--tap);touch-action:manipulation}.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(148px,1fr));gap:10px;padding:8px 0}.card-media img{object-fit:cover;height:148px}input,textarea,select{font-size:16px!important}}@media (hover:none),(pointer:coarse){.card-overlay{display:none}.card-media img{transform:none}.card-media:active{transform:scale(.98)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}