body{color:#fff;background:#0f0f0f;margin:0;font-family:sans-serif}.app.svelte-1uha8ag{height:100vh;display:flex}.sidebar.svelte-1uha8ag{background:#181818;border-right:1px solid #333;width:320px;padding:1rem;overflow-y:auto}.sidebar.svelte-1uha8ag input:where(.svelte-1uha8ag){box-sizing:border-box;width:100%;margin-bottom:1rem;padding:.75rem}.matches.svelte-1uha8ag{flex-direction:column;gap:.5rem;display:flex}.matches.svelte-1uha8ag button:where(.svelte-1uha8ag){text-align:left;color:#fff;cursor:pointer;background:#222;border:none;border-radius:8px;padding:.75rem}.matches.svelte-1uha8ag button.selected:where(.svelte-1uha8ag){background:#2563eb}.matches.svelte-1uha8ag button:where(.svelte-1uha8ag) small:where(.svelte-1uha8ag){opacity:.7;display:block}.content.svelte-1uha8ag{flex-direction:column;flex:1;padding:1rem;display:flex}.controls.svelte-1uha8ag{margin-bottom:1rem}.controls.svelte-1uha8ag select:where(.svelte-1uha8ag){padding:.75rem}.player.svelte-1uha8ag{background:#000;border:none;border-radius:12px;flex:1;width:100%}@media (width<=900px){.app.svelte-1uha8ag{flex-direction:column}.sidebar.svelte-1uha8ag{width:100%;height:250px}}