body{margin:0;color:#fff;font-family:Inter,sans-serif}.page-title.svelte-14ap19f{position:fixed;top:16px;left:16px;margin:0;z-index:10;-webkit-user-select:none;user-select:none}.genre-drawer.svelte-14ap19f{position:fixed;top:20px;left:50%;transform:translate(-50%);width:110px;padding:10px 16px;border-radius:9999px;background:#ffffffe6;-webkit-backdrop-filter:saturate(180%) blur(12px);backdrop-filter:saturate(180%) blur(12px);box-shadow:0 8px 24px #00000026,inset 0 0 15px #fff6;display:flex;align-items:center;gap:10px;transition:width .4s cubic-bezier(.4,0,.2,1),padding .4s cubic-bezier(.4,0,.2,1);overflow:hidden;z-index:30;-webkit-user-select:none;user-select:none;cursor:pointer}.genre-drawer.svelte-14ap19f:hover,.genre-drawer.svelte-14ap19f:focus-within{width:auto;padding:10px 24px;cursor:default}.drawer-tab.svelte-14ap19f{display:flex;align-items:center;gap:8px;white-space:nowrap;font-weight:700;font-size:1rem;color:#7a5e4f;-webkit-user-select:none;user-select:none}.genre-drawer.svelte-14ap19f:hover .drawer-tab:where(.svelte-14ap19f),.genre-drawer.svelte-14ap19f:focus-within .drawer-tab:where(.svelte-14ap19f){color:#a87e6d}.tab-icon.svelte-14ap19f{width:20px;height:20px;stroke:currentColor;stroke-width:2.4;flex-shrink:0}.drawer-content.svelte-14ap19f{display:flex;gap:12px;margin-left:16px;opacity:0;pointer-events:none;transition:opacity .35s ease .15s}.genre-drawer.svelte-14ap19f:hover .drawer-content:where(.svelte-14ap19f),.genre-drawer.svelte-14ap19f:focus-within .drawer-content:where(.svelte-14ap19f){opacity:1;pointer-events:auto}.genre-button.svelte-14ap19f{background:#886f63;color:#fff;border:none;border-radius:9999px;padding:8px 18px;font-size:.9rem;font-weight:600;cursor:pointer;box-shadow:0 3px 8px #886f6366;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease;white-space:nowrap;-webkit-user-select:none;user-select:none}.genre-button.svelte-14ap19f:hover{background:#a28372;box-shadow:0 6px 14px #a2837280;transform:scale(1.05)}.genre-button.selected.svelte-14ap19f{background:#ce8282;box-shadow:0 6px 20px #ce828299;transform:scale(1.1);font-weight:700}.grid.svelte-14ap19f{perspective:2000px;position:relative;display:flex;justify-content:center;align-items:flex-start;min-height:100vh;width:100vw;overflow-y:auto;overflow-x:hidden;padding:100px 0 40px;margin-bottom:80px}.tile-container.svelte-14ap19f{position:relative;padding-bottom:80px}.tile.svelte-14ap19f{border-radius:16px;background-color:#222;box-shadow:0 10px 30px #0000004d;overflow:hidden;position:absolute;top:0;left:0;transition:transform .15s ease-out;will-change:transform}.tile.svelte-14ap19f img:where(.svelte-14ap19f){width:100%;height:100%;object-fit:cover;opacity:.8}.tile-title.svelte-14ap19f{position:absolute;bottom:16px;left:16px;font-size:1.1rem;font-weight:600;text-shadow:0 2px 10px rgba(0,0,0,.8)}