:root{--color-background:oklch(15% .012 60);--color-surface:oklch(19% .014 58);--color-surface-raised:oklch(24% .02 50);--color-text:oklch(93% .022 85);--color-text-muted:oklch(70% .02 70);--color-text-disabled:oklch(52% .018 65);--color-divider:oklch(31% .016 60);--color-border:oklch(37% .018 60);--color-border-strong:oklch(84% .022 78);--color-overlay:oklch(8% .01 60/.72);--color-accent:oklch(77% .09 30);--color-accent-hover:oklch(86% .06 30);--color-accent-text:oklch(86% .06 30);--color-accent-subtle:color-mix(in oklch, var(--color-accent) 14%, transparent);--color-on-accent:oklch(15% .012 60);--color-watched:var(--color-accent);--color-watched-subtle:var(--color-accent-subtle);--color-rating:var(--color-accent);--color-invite:var(--color-border-strong);--color-invite-subtle:color-mix(in oklch, var(--color-invite) 10%, transparent);--color-link:var(--color-text);--color-warning:var(--color-error);--color-error:oklch(68% .16 22);--color-error-fill:var(--color-error);--color-success:var(--color-watched);--color-poster-placeholder:color-mix(in oklch, var(--color-text) 6%, transparent);--font-display:"Young Serif", Georgia, serif;--font-sans:"Instrument Sans Variable", ui-sans-serif, system-ui, sans-serif;--radius-card:14px;--radius-thumb:6px;--grain:.15;--narrow:20;--wide:77.5;--size-narrow:1;--size-wide:1.0625;--ratio-narrow:1.2;--ratio-wide:1.25;--fluid:clamp(0rem, (100vw - var(--narrow) * 1rem) / (var(--wide) - var(--narrow)), 1rem);--at-narrow:calc(var(--size-narrow) * (1rem - var(--fluid)));--at-wide:calc(var(--size-wide) * var(--fluid));--step--2:calc(var(--step--1) / var(--ratio-narrow));--step--1:calc(var(--step-0) / var(--ratio-narrow));--step-0:calc(var(--at-narrow) + var(--at-wide));--step-1:calc(var(--at-narrow) * var(--ratio-narrow) + var(--at-wide) * var(--ratio-wide));--step-2:calc(var(--at-narrow) * pow(var(--ratio-narrow), 2) + var(--at-wide) * pow(var(--ratio-wide), 2));--step-3:calc(var(--at-narrow) * pow(var(--ratio-narrow), 3) + var(--at-wide) * pow(var(--ratio-wide), 3));--step-4:calc(var(--at-narrow) * pow(var(--ratio-narrow), 4) + var(--at-wide) * pow(var(--ratio-wide), 4));--step-5:calc(var(--at-narrow) * pow(var(--ratio-narrow), 5) + var(--at-wide) * pow(var(--ratio-wide), 5));--gutter:clamp(1rem, .6rem + 1.6vw, 1.5rem);--space-page:clamp(1.5rem, 1rem + 2vw, 2.5rem);--space-card:clamp(1.25rem, .9rem + 1.6vw, 2rem);--poster-size:clamp(3.5rem, 2.9rem + 2.4vw, 4.75rem);--space-row:clamp(.875rem, .7rem + .8vw, 1.25rem);--space-row-gap:clamp(.75rem, .5rem + 1vw, 1.25rem);--space-grid:clamp(1rem, .75rem + 1vw, 1.5rem);--space-columns:clamp(2rem, 1rem + 2vw, 3.5rem);--poster-row-size:clamp(6rem, min(6rem + 6vw, (100svh - env(safe-area-inset-top,0px) - 28rem) / 3), 10rem);--top-bar-block-size:4rem;--fab-size:3.25rem;--fab-offset:var(--gutter);--content:44rem;--breakout:56rem;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);scrollbar-gutter:stable;text-wrap:pretty;overflow-wrap:break-word;font-synthesis:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;accent-color:var(--color-accent-text);scrollbar-color:var(--color-border-strong) var(--color-background);overscroll-behavior-y:none}@media (any-pointer:coarse){:root{overscroll-behavior-y:auto}}@media (width<52rem){:root:has(.bottom-sheet){overflow:hidden}body:has(.bottom-sheet) main{visibility:hidden}}html,body{overflow-x:clip}body{min-block-size:100dvh;padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px)}::selection{background-color:color-mix(in oklch, var(--color-accent) 35%, transparent)}h1,h2,h3,h4{text-wrap:balance}button,a,[role=button]{touch-action:manipulation}:focus-visible:not([tabindex="-1"]){outline:2px solid var(--color-accent-text);outline-offset:2px}button,[role=button]{-webkit-user-select:none;user-select:none}.visually-hidden{clip-path:inset(50%);white-space:nowrap;block-size:1px;inline-size:1px;position:absolute;overflow:hidden}.grained{isolation:isolate;position:relative}.grained:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;opacity:var(--grain);mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3CfeColorMatrix values='0 0 0 0 0.6 0 0 0 0 0.55 0 0 0 0 0.45 0 0 0 0.35 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.content-grid{grid-template-columns:[full-width-start] minmax(var(--gutter), 1fr) [breakout-start] minmax(0, calc((var(--breakout) - var(--content)) / 2)) [content-start] min(100% - var(--gutter) * 2, var(--content)) [content-end] minmax(0, calc((var(--breakout) - var(--content)) / 2)) [breakout-end] minmax(var(--gutter), 1fr) [full-width-end];align-content:start;display:grid}.content-grid>*{grid-column:content}.content-grid>[data-width=breakout]{grid-column:breakout}.content-grid>[data-width=full]{grid-column:full-width}main.content-grid:has(>[data-page=home]){padding-block-end:calc(var(--space-page) + env(safe-area-inset-bottom,0px))}@media (width>=52rem){.content-grid:has(>[data-layout=lists-two-pane]){--breakout:76rem}}@keyframes nav-progress-appear{to{opacity:1}}@keyframes nav-progress-slide{0%{translate:-100%}to{translate:250%}}.nav-progress{opacity:0;block-size:2px;animation:nav-progress-appear .12s var(--ease-out) .15s forwards;position:absolute;inset-block-end:-1px;inset-inline:0;overflow:clip}.nav-progress:before{content:"";background-color:var(--color-accent-text);block-size:100%;display:block}@media (prefers-reduced-motion:no-preference){.nav-progress:before{inline-size:40%;animation:nav-progress-slide 1s var(--ease-in-out) infinite}}@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-ext-400-normal-DzElnxZw.woff2)format("woff2"),url(/assets/young-serif-latin-ext-400-normal-4arC2Gh9.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Young Serif;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/young-serif-latin-400-normal-DIMmNPI9.woff2)format("woff2"),url(/assets/young-serif-latin-400-normal-D1tz0Z9s.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-ext-wght-normal-B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/instrument-sans-latin-wght-normal-BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}