.header.svelte-1gpx2pl{margin-bottom:.5rem}@media (width>=769px){.header.svelte-1gpx2pl{box-sizing:border-box;min-height:3.375rem;margin-bottom:1rem;padding-top:.5rem}.layout.svelte-1gpx2pl{grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr) auto;column-gap:1.5rem;display:grid}.header.svelte-1gpx2pl{grid-area:1/1}.controls.svelte-1gpx2pl{pointer-events:none;grid-area:1/2/-1}.content.svelte-1gpx2pl{grid-area:2/1/auto/-1}.content.svelte-1gpx2pl>:first-child{margin-top:0}}.icon.svelte-lex37v{flex:none;display:block}.count.svelte-r560k8,.popular.svelte-r560k8{justify-content:center;align-items:center;width:2rem;height:2rem;line-height:1;display:flex;position:absolute;top:.375rem;right:2.375rem}.count.svelte-r560k8{color:var(--tile-ink,#fff);opacity:0;font-size:.75rem;font-weight:400;transition:opacity .15s}.popular.svelte-r560k8{color:#fb923c}.tile:hover .count.svelte-r560k8{opacity:.7}.tile:hover .popular.svelte-r560k8{display:none}kbd.svelte-1om73yk{color:var(--tile-ink,#fff);font:inherit;text-transform:uppercase;opacity:.4;font-size:.6875rem;font-weight:600;line-height:1;transition:opacity .15s;display:none;position:absolute;bottom:.8125rem;right:.8125rem}.tile:hover kbd.svelte-1om73yk{opacity:.8}@media (hover:hover) and (width>=480px){kbd.svelte-1om73yk{display:block}}.tile.playing kbd.svelte-1om73yk{visibility:hidden}.share.svelte-1mr0cjc{width:1.75rem;height:1.75rem;color:var(--tile-ink,#fff);opacity:.7;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .15s,background-color .15s;display:flex;position:absolute;bottom:.5rem;left:.5rem}.share.svelte-1mr0cjc:before{content:"";position:absolute;inset:-.5rem -.75rem -.5rem -.5rem}.share.svelte-1mr0cjc:hover{background:color-mix(in srgb, currentColor 18%, transparent)}.share.svelte-1mr0cjc:focus-visible{opacity:1;background:color-mix(in srgb, currentColor 18%, transparent);outline-offset:1px;outline:2px solid}@media (hover:hover){.share.svelte-1mr0cjc{opacity:0}.tile:hover .share.svelte-1mr0cjc{opacity:.85}.tile:focus-within .share.svelte-1mr0cjc{opacity:1}}.tile.playing .share.svelte-1mr0cjc{opacity:1}.progress.svelte-at632i{z-index:-1;border-radius:inherit;background:color-mix(in srgb, var(--tile-ink,#fff) 14%, transparent);clip-path:inset(0 100% 0 0);animation:svelte-at632i-played var(--duration) linear forwards;pointer-events:none;position:absolute;inset:0}@keyframes svelte-at632i-played{to{clip-path:inset(0)}}@media (prefers-reduced-motion:reduce){.progress.svelte-at632i{animation-duration:var(--duration)!important}}.tags.svelte-1yhvzxg{flex-wrap:wrap;order:-1;justify-content:center;gap:2px;max-width:100%;max-height:1.125rem;display:flex;overflow:hidden}.tags.svelte-1yhvzxg span:where(.svelte-1yhvzxg){background:color-mix(in srgb, var(--tile-surface,#000) 55%, var(--tile-shade,#000));color:var(--tile-ink,#fff);white-space:nowrap;border-radius:999px;padding:.125rem .375rem;font-size:.6875rem;font-weight:700;line-height:1.2}.favorite.svelte-s7z9az{width:2rem;height:2rem;color:var(--tile-ink,#fff);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background-color .15s;display:flex;position:absolute;top:.375rem;right:.375rem}.favorite.svelte-s7z9az:hover{background:color-mix(in srgb, currentColor 18%, transparent)}.favorite.svelte-s7z9az:focus-visible{background:color-mix(in srgb, currentColor 18%, transparent);outline-offset:1px;outline:2px solid}.favorite.svelte-s7z9az svg:where(.svelte-s7z9az){width:1.125rem;height:1.125rem}.tile.svelte-h9dyln{--tile-ink:var(--tile-fg,#fff);--tile-active:black;--tile-active-ink:#fff;--tile-surface:var(--tile-bg);position:relative}.tile.playing.svelte-h9dyln{--tile-ink:var(--tile-active-ink);--tile-surface:var(--tile-active);--tile-shade:#000}.tile.svelte-h9dyln>button:where(.svelte-h9dyln){isolation:isolate;box-sizing:border-box;background-color:var(--tile-bg,white);width:100%;height:100%;min-height:7rem;color:var(--tile-fg,white);font-size:var(--tile-font-size,1rem);font-weight:700;line-height:var(--tile-line-height,1.5rem);text-align:center;text-wrap:balance;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:border-radius .6s var(--spring), background-color .25s ease, color .25s ease;border:none;border-radius:1rem;flex-direction:column;justify-content:center;align-items:center;gap:.125rem;padding:.5rem .75rem;display:flex;position:relative}.tile.svelte-h9dyln>button:where(.svelte-h9dyln):before{content:"";z-index:-1;border-radius:inherit;background:var(--tile-ink);opacity:0;transition:opacity .15s;position:absolute;inset:0}.tile.svelte-h9dyln>button:where(.svelte-h9dyln):focus-visible{outline:3px solid var(--board-accent,#58a6ff);outline-offset:3px}.tile.svelte-h9dyln>button:where(.svelte-h9dyln):focus-visible:before{opacity:.1}.tile.svelte-h9dyln>button:where(.svelte-h9dyln):active{border-radius:.5rem;transition-duration:.12s,.25s,.25s}.tile.svelte-h9dyln>button:where(.svelte-h9dyln):active:before{opacity:.1}.tile.svelte-h9dyln>button.starting:where(.svelte-h9dyln){border-radius:.5rem}.tile.svelte-h9dyln>button.active:where(.svelte-h9dyln){background-color:var(--tile-active);color:var(--tile-active-ink);border-radius:.5rem;animation:1.6s ease-in-out infinite alternate svelte-h9dyln-breathe}.tile.svelte-h9dyln>button.active.metered:where(.svelte-h9dyln){border-radius:calc(.5rem + var(--level,0) * 1.25rem);transition:border-radius 80ms linear,background-color .25s,color .25s;animation:none}@media (hover:hover){.tile.svelte-h9dyln:hover>button:where(.svelte-h9dyln):not(.active,.starting){border-radius:1.75rem}.tile.svelte-h9dyln:hover>button:where(.svelte-h9dyln):before{opacity:.08}}.tile.spotlit.svelte-h9dyln>button:where(.svelte-h9dyln){outline:3px solid var(--board-accent,#58a6ff);outline-offset:3px;box-shadow:0 0 14px 2px var(--board-accent,#58a6ff);border-radius:1.75rem;transition:border-radius .12s,box-shadow .12s}@keyframes svelte-h9dyln-breathe{to{border-radius:.875rem}}.label.svelte-h9dyln{display:inline-block}@supports (color:oklch(from red l c h)){.tile.svelte-h9dyln{--tile-active:oklch(from var(--tile-bg) .2 min(c, .08) h)}body.dark-mode .tile.svelte-h9dyln{--tile-active:oklch(from var(--tile-bg) .86 min(c, .1) h);--tile-active-ink:oklch(from var(--tile-bg) .22 min(c, .08) h)}body.dark-mode .tile.playing.svelte-h9dyln{--tile-shade:#fff}}@media (forced-colors:active){.tile.svelte-h9dyln{--tile-active:Canvas;--tile-active-ink:CanvasText}}.mode.svelte-1tjyvjn{gap:2px;display:inline-flex}button.svelte-1tjyvjn{color:inherit}button.svelte-1tjyvjn:active{border-radius:.75rem;transition-duration:.1s,.15s}button.svelte-1tjyvjn{background:color-mix(in srgb, currentColor 10%, transparent);padding:0 .75rem;font-size:.875rem;font-weight:700}button.svelte-1tjyvjn:hover{background:color-mix(in srgb, currentColor 16%, transparent)}button.svelte-1tjyvjn:first-child{border-radius:calc(var(--toolbar-size,2.5rem) / 2) .5rem .5rem calc(var(--toolbar-size,2.5rem) / 2)}button.svelte-1tjyvjn:last-child{border-radius:.5rem calc(var(--toolbar-size,2.5rem) / 2) calc(var(--toolbar-size,2.5rem) / 2) .5rem}button[aria-checked=true].svelte-1tjyvjn{border-radius:calc(var(--toolbar-size,2.5rem) / 2);background:var(--board-accent,#58a6ff);color:var(--board-tint,#0d1117)}@media (width<=768px){button.svelte-1tjyvjn{padding:0 .625rem;font-size:.8125rem}}.install.svelte-1om71fj{color:inherit}.install.svelte-1om71fj:active{border-radius:.75rem;transition-duration:.1s,.15s}.install.svelte-1om71fj{background:var(--board-accent,#58a6ff);color:var(--board-tint,#0d1117);padding:0 1rem 0 .875rem;font-weight:700}.install.svelte-1om71fj:hover{background:color-mix(in srgb, var(--board-accent,#58a6ff) 85%, var(--board-tint,#0d1117))}.install.svelte-1om71fj svg:where(.svelte-1om71fj){width:1.125rem;height:1.125rem}@media (width<=768px){.install.svelte-1om71fj{gap:.375rem;padding:0 .625rem 0 .5rem;font-size:.875rem}.install.svelte-1om71fj svg:where(.svelte-1om71fj){width:1rem;height:1rem}}.roulette-toggle.svelte-1bv5ahz{color:inherit}.roulette-toggle.svelte-1bv5ahz:hover{background:color-mix(in srgb, currentColor 10%, transparent)}.roulette-toggle.svelte-1bv5ahz:active{border-radius:.75rem;transition-duration:.1s,.15s}.roulette-toggle.svelte-1bv5ahz{padding:0}.roulette-toggle.svelte-1bv5ahz:disabled{cursor:default}.roulette-toggle.svelte-1bv5ahz:disabled svg{animation:.5s linear infinite svelte-1bv5ahz-roulette-spin}@keyframes svelte-1bv5ahz-roulette-spin{to{transform:rotate(360deg)}}.search.svelte-9v8ojj{flex:1;align-items:center;gap:.5rem;min-width:0;padding-left:.625rem;display:flex}.mag.svelte-9v8ojj{opacity:.6;flex:none;width:1.125rem;height:1.125rem}input.svelte-9v8ojj{min-width:0;height:var(--toolbar-size,2.5rem);color:inherit;font:inherit;background:0 0;border:none;outline:none;flex:1;font-size:max(1em,16px)}.close.svelte-9v8ojj{color:inherit}.close.svelte-9v8ojj:hover{background:color-mix(in srgb, currentColor 10%, transparent)}.close.svelte-9v8ojj:active{border-radius:.75rem;transition-duration:.1s,.15s}.close.svelte-9v8ojj{padding:0}.close.svelte-9v8ojj svg:where(.svelte-9v8ojj){width:1.125rem;height:1.125rem}.zoom.svelte-1cuoj8q{gap:2px;display:inline-flex}button.svelte-1cuoj8q{color:inherit}button.svelte-1cuoj8q:active{border-radius:.75rem;transition-duration:.1s,.15s}button.svelte-1cuoj8q{width:calc(var(--toolbar-size,2.5rem) + .25rem);background:color-mix(in srgb, currentColor 10%, transparent);padding:0;font-size:1.25rem;font-weight:700;line-height:1}button.svelte-1cuoj8q:hover{background:color-mix(in srgb, currentColor 16%, transparent)}.out.svelte-1cuoj8q{border-radius:calc(var(--toolbar-size,2.5rem) / 2) .5rem .5rem calc(var(--toolbar-size,2.5rem) / 2)}.in.svelte-1cuoj8q{border-radius:.5rem calc(var(--toolbar-size,2.5rem) / 2) calc(var(--toolbar-size,2.5rem) / 2) .5rem}@media (width<=768px){button.svelte-1cuoj8q{width:var(--toolbar-size,2.5rem)}}.row.svelte-12urmew{justify-content:flex-end;display:flex}.surface.svelte-12urmew{background:var(--background-color-light,#fff);border:1px solid #0000001a;box-shadow:0 6px 20px #0000001f}body.dark-mode .surface.svelte-12urmew{background:var(--background-color-dark);border-color:#ffffff1f}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))) and (color:oklch(from red l c h)){.surface.svelte-12urmew{background:oklch(from var(--board-color,#fff) .98 min(c, .05) h/.75);-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);border-color:oklch(from var(--board-color,#fff) .9 min(c, .07) h/.6);box-shadow:0 6px 20px #0000001f,inset 0 1px #ffffff73}body.dark-mode .surface.svelte-12urmew{background:oklch(from var(--board-color,#161b22) .2 min(c, .06) h/.7);border-color:oklch(from var(--board-color,#161b22) .45 min(c, .08) h/.6);box-shadow:0 6px 20px #0000001f,inset 0 1px #ffffff1f}@media (prefers-reduced-transparency:reduce){.surface.svelte-12urmew{background:oklch(from var(--board-color,#fff) .98 min(c, .05) h);-webkit-backdrop-filter:none;backdrop-filter:none}body.dark-mode .surface.svelte-12urmew{background:oklch(from var(--board-color,#161b22) .2 min(c, .06) h)}}}.surface.svelte-12urmew{border-radius:999px}.toolbar.svelte-12urmew{align-items:center;gap:.25rem;padding:.375rem;display:flex}.search-bar.svelte-12urmew{align-items:center;padding:.375rem;display:flex}.name.svelte-12urmew{max-width:40ch;height:100%;color:var(--board-accent,inherit);font:inherit;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;opacity:0;padding:0 1.25rem;font-weight:700;transition:opacity .2s,transform .2s;position:absolute;top:0;right:calc(100% + .75rem);overflow:hidden;transform:translateY(-.25rem)}.name.pinned.svelte-12urmew{opacity:1;transform:none}.name.svelte-12urmew:focus-visible{outline:2px solid var(--board-accent,#58a6ff);outline-offset:2px}.divider.svelte-12urmew{background:var(--board-line,#7f7f7f4d);flex:none;width:1px;height:1.5rem;margin-inline:.25rem}.search-toggle.svelte-12urmew{color:inherit}.search-toggle.svelte-12urmew:hover{background:color-mix(in srgb, currentColor 10%, transparent)}.search-toggle.svelte-12urmew:active{border-radius:.75rem;transition-duration:.1s,.15s}.search-toggle.svelte-12urmew{padding:0}.search-toggle[aria-expanded=true].svelte-12urmew{background:color-mix(in srgb, currentColor 14%, transparent)}.search-toggle.svelte-12urmew svg:where(.svelte-12urmew){width:1.25rem;height:1.25rem}@media (width>=769px){.row.svelte-12urmew{z-index:55;pointer-events:none;position:sticky;top:.75rem}.row.svelte-12urmew>:where(.svelte-12urmew){pointer-events:auto}.search-bar.svelte-12urmew{position:absolute;inset:0}.toolbar.searching.svelte-12urmew{visibility:hidden}}@media (width<=768px){.name.svelte-12urmew,.divider.svelte-12urmew{display:none}.toolbar.svelte-12urmew{--toolbar-size:2.25rem;left:0;right:0;bottom:calc(.75rem + env(safe-area-inset-bottom,0px));z-index:50;box-sizing:border-box;scrollbar-width:none;gap:2px;width:fit-content;max-width:calc(100% - 1rem);margin-inline:auto;padding:.25rem;position:fixed;overflow-x:auto}.search-bar.svelte-12urmew{top:calc(.5rem + env(safe-area-inset-top,0px));z-index:61;position:fixed;left:.5rem;right:.5rem}body:has(.sb-toolbar){--toolbar-clearance:calc(4.5rem + env(safe-area-inset-bottom,0px));--toolbar-offset:var(--toolbar-clearance);padding-bottom:var(--toolbar-clearance)}}