:root{--bg:#000;--text-muted:#6e6e6e;--text-active:#fff;--pill-bg-muted:#ffffff1a;--pill-bg-active:#fff;--pill-text-active:#000;--sans:"Bebas Neue", system-ui, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text-muted);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body{background:var(--bg);overscroll-behavior:none;margin:0}body{font-family:var(--sans);min-height:100svh}#root{width:100%;height:100svh}.list-viewport{background:var(--bg);width:100%;height:100svh;position:relative;overflow:hidden}.social-links{z-index:2;gap:clamp(16px,2vw,32px);display:flex;position:absolute;top:clamp(20px,2.5vw,40px);right:clamp(20px,2.5vw,48px)}.social-links a{color:var(--text-muted);transition:color .2s;display:inline-flex}.social-links a:hover,.social-links a:focus-visible{color:var(--text-active)}.social-links svg{width:clamp(18px,1.6vw,24px);height:clamp(18px,1.6vw,24px)}.logo-mark{aspect-ratio:873/774;pointer-events:none;z-index:0;width:clamp(260px,34vw,640px);position:absolute;bottom:clamp(24px,4vw,64px);right:clamp(24px,4vw,64px)}@media (width<=640px){.logo-mark{width:96px;bottom:12px;right:12px}}.logo-mark-img{object-fit:contain;pointer-events:none;width:100%;height:100%}.list-track{z-index:1;scroll-snap-type:y proximity;scrollbar-width:none;height:100%;padding-inline:clamp(20px,2.5vw,48px);position:relative;overflow-y:auto}.list-track::-webkit-scrollbar{display:none}.row{scroll-snap-align:center;cursor:pointer;align-items:center;gap:clamp(16px,2.1vw,40px);padding-block:clamp(10px,1.1vw,20px);text-decoration:none;display:flex}.title{font-family:var(--sans);color:var(--text-muted);text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(26px,3.35vw,64px);font-weight:400;line-height:1.1;transition:color .25s,font-weight .25s;overflow:hidden}.tag{font-family:var(--sans);color:var(--text-muted);background:var(--pill-bg-muted);text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:.55em 1em;font-size:clamp(11px,.9vw,14px);font-weight:500;transition:color .25s,background-color .25s,font-weight .25s}.row:focus-visible{outline:2px solid var(--text-active);outline-offset:4px}.row.active .title{color:var(--text-active)}.row.active .tag{color:var(--pill-text-active);background:var(--pill-bg-active)}
