@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-hebrew-wght-normal-DdnsCkLr.woff2)format("woff2-variations");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-ext-wght-normal-CYrqKuxd.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:Fredoka Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/fredoka-latin-wght-normal-DM6njrJ3.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}:root{--radius-unit:0px;--border-width:1px;--border-force:1;--shadow-force:1;--density:1;--font-sans:"Fredoka Variable", system-ui, sans-serif;--font-display:var(--font-sans);--font-mono:ui-monospace, "Droid Sans Mono", menlo, monospace;--font-scale:1;--weight-boost:1;--motion-scale:1}@media (prefers-reduced-motion:reduce){:root{--motion-scale:0}}:root{--radius-xs:calc(var(--radius-unit) * .34);--radius-sm:calc(var(--radius-unit) * .67);--radius-md:var(--radius-unit);--radius-lg:calc(var(--radius-unit) * 1.67);--radius-full:9999px;--border:var(--border-width) solid var(--border-color);--divider:var(--border-width) solid var(--border-color-subtle);--shadow-color:color-mix(in oklab, var(--base) 22%, #000);--shadow-sm:0 1px 3px color-mix(in oklab, var(--shadow-color) calc(22% * var(--shadow-force)), transparent), 0 1px 2px color-mix(in oklab, var(--shadow-color) calc(14% * var(--shadow-force)), transparent);--shadow-md:0 4px 12px color-mix(in oklab, var(--shadow-color) calc(24% * var(--shadow-force)), transparent), 0 1px 3px color-mix(in oklab, var(--shadow-color) calc(16% * var(--shadow-force)), transparent);--edge-highlight:inset 0 var(--border-width) 0 color-mix(in oklab, var(--edge-tint) calc(var(--edge-alpha) * var(--shadow-force)), transparent);--space-0-5:calc(.125rem * var(--density));--space-1:calc(.25rem * var(--density));--space-1-5:calc(.375rem * var(--density));--space-2:calc(.5rem * var(--density));--space-3:calc(.75rem * var(--density));--space-4:calc(1rem * var(--density));--space-6:calc(1.5rem * var(--density));--text-2xs:calc(.75rem * var(--font-scale));--text-xs:calc(.8125rem * var(--font-scale));--text-sm:calc(.9375rem * var(--font-scale));--text-md:calc(1rem * var(--font-scale));--text-lg:calc(1.0625rem * var(--font-scale));--text-xl:calc(1.3125rem * var(--font-scale));--leading-tight:1.2;--weight-normal:400;--weight-medium:calc(400 + 50 * var(--weight-boost));--weight-semibold:calc(400 + 100 * var(--weight-boost));--weight-bold:calc(400 + 150 * var(--weight-boost));--tracking-tight:-.011em;--tracking-wide:.02em;--duration-fast:calc(.1s * var(--motion-scale));--duration:calc(.15s * var(--motion-scale));--ease-out:cubic-bezier(.2, 0, 0, 1);--nav-bar-h:calc(48px * var(--density));--nav-sub-h:0px;--header-h:calc(var(--nav-bar-h) + var(--nav-sub-h));--bottom-nav-bar-h:calc(52px * var(--density));--bottom-nav-h:0px;--sidebar-w:330px}@media (width>=60rem){:root{--nav-sub-h:calc(40px * var(--density))}}@media (width<40rem){:root{--bottom-nav-h:calc(var(--bottom-nav-bar-h) + env(safe-area-inset-bottom))}}:root{--fave:#a18e27;--vote-up:#5b9b26;--vote-down:#da3412;--unread:#f80;--surface-page:var(--page);--surface:color-mix(in oklab, var(--page), #fff var(--w-elev));--surface-sunken:color-mix(in oklab, var(--surface), var(--page) var(--w-recess));--surface-raised:color-mix(in oklab, var(--surface), #fff var(--w-raised));--surface-hover:color-mix(in oklab, var(--surface), var(--lift) 7%);--surface-selected:color-mix(in oklab, var(--surface), var(--base) 16%);--surface-disabled:color-mix(in oklab, var(--surface), var(--sink) 12%);--chrome-base:color-mix(in oklab, var(--base), var(--chrome-neutral) var(--w-desaturate));--surface-nav:color-mix(in oklab, var(--base), #000 var(--w-nav-darken));--surface-nav-field:color-mix(in oklab, var(--base), var(--nav-field-target) var(--w-field));--surface-nav-sub:color-mix(in oklab, var(--base), var(--page) var(--w-chrome-deep));--surface-panel-header:color-mix(in oklab, var(--chrome-base), var(--page) var(--w-chrome));--surface-panel-header-sub:color-mix(in oklab, var(--chrome-base), var(--page) var(--w-chrome-deep));--surface-tab-active:color-mix(in oklab, var(--surface-panel-header), #fff var(--w-tab-active));--surface-media:color-mix(in oklab, var(--border-color), #fff var(--w-frame));--text-color:var(--ink);--text-muted:color-mix(in oklab, var(--ink), var(--surface) 20%);--text-subtle:color-mix(in oklab, var(--ink), var(--surface) 34%);--text-disabled:color-mix(in oklab, var(--ink), var(--surface) 58%);--text-on-nav:var(--ink);--link-on-panel-header:color-mix(in oklab, var(--link), var(--lift) 34%);--tone-comments:#6f66d6;--tone-forums:#4aaabf;--tone-tags:#4aa158;--tone-galleries:#b157b7;--tone-streams:#d45460;--tone-commissions:#e07b27;--tone-seed:var(--base);--border-color:color-mix(in oklab, var(--chrome-base), var(--page) var(--w-chrome));--border-color-subtle:color-mix(in oklab, var(--border-color), var(--surface) 45%);--border-color-strong:color-mix(in oklab, var(--border-color), var(--lift) 18%);--border-color-input:color-mix(in oklab, var(--border-color), var(--lift) 10%);--brand:color-mix(in oklab, var(--base), var(--lift) 28%);--score-positive:color-mix(in oklab, var(--vote-up), var(--lift) var(--w-icon-lift));--score-negative:color-mix(in oklab, var(--vote-down), var(--lift) var(--w-icon-lift));--fave-strong:color-mix(in oklab, var(--fave), var(--lift) var(--w-icon-lift));--fave-bg:color-mix(in oklab, var(--fave) 25%, transparent);--vote-up-bg:color-mix(in oklab, var(--vote-up) 25%, transparent);--vote-down-bg:color-mix(in oklab, var(--vote-down) 25%, transparent)}*{--tone:color-mix(in oklab, color-mix(in oklab, var(--tone-seed), var(--chrome-neutral) var(--w-tone-mute)), var(--lift) var(--w-tone-lift))}:root{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme-lightness=light]{--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme-lightness=dark]{--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root{--lift:var(--lightningcss-light,#000)var(--lightningcss-dark,#fff);--sink:var(--lightningcss-light,#fff)var(--lightningcss-dark,#000);--edge-tint:#fff;--edge-alpha:var(--lightningcss-light,0%)var(--lightningcss-dark,5%);--page-light:#f8fafc;--ink:var(--lightningcss-light,#333)var(--lightningcss-dark,#ececee);--text-on-nav:var(--lightningcss-light,#fff)var(--lightningcss-dark,var(--ink));--w-nav-darken:var(--lightningcss-light,20%)var(--lightningcss-dark,0%);--chrome-neutral:#505050;--w-desaturate:var(--lightningcss-light,0%)var(--lightningcss-dark,40%);--w-elev:var(--lightningcss-light,2%)var(--lightningcss-dark,6%);--w-raised:var(--lightningcss-light,0%)var(--lightningcss-dark,5%);--w-recess:var(--lightningcss-light,60%)var(--lightningcss-dark,55%);--w-chrome:var(--lightningcss-light,80%)var(--lightningcss-dark,36%);--w-chrome-deep:var(--lightningcss-light,84%)var(--lightningcss-dark,48%);--w-field:var(--lightningcss-light,14%)var(--lightningcss-dark,49%);--w-frame:var(--lightningcss-light,30%)var(--lightningcss-dark,12%);--w-tab-active:var(--lightningcss-light,62%)var(--lightningcss-dark,10%);--nav-field-target:var(--lightningcss-light,#000)var(--lightningcss-dark,var(--page));--w-icon-lift:var(--lightningcss-light,32%)var(--lightningcss-dark,46%);--w-tone-lift:var(--lightningcss-light,36%)var(--lightningcss-dark,42%);--w-tone-mute:var(--lightningcss-light,30%)var(--lightningcss-dark,18%);--success:var(--lightningcss-light,#bde9a3)var(--lightningcss-dark,#144714);--danger:var(--lightningcss-light,#ebc0bb)var(--lightningcss-dark,#66211f);--warning:var(--lightningcss-light,#eee9bc)var(--lightningcss-dark,#71401f);--tag-bg-mix:var(--lightningcss-light,80%)var(--lightningcss-dark,82%);--tag-border-mix:var(--lightningcss-light,42%)var(--lightningcss-dark,55%);--tag-text-mix:var(--lightningcss-light,60%)var(--lightningcss-dark,66%);--seed-red-dark:#923131;--seed-red-light:#b93232}:root[data-theme-color=red]{--base:var(--lightningcss-light,var(--seed-red-light))var(--lightningcss-dark,var(--seed-red-dark));--page:var(--lightningcss-light,var(--page-light))var(--lightningcss-dark,#231212);--link:var(--lightningcss-light,#b32e2e)var(--lightningcss-dark,#e8e988);--link-hover:var(--lightningcss-light,#944563)var(--lightningcss-dark,#fff3bd)}:root{--seed-orange-dark:#7a4a25;--seed-orange-light:#a85c15}:root[data-theme-color=orange]{--base:var(--lightningcss-light,var(--seed-orange-light))var(--lightningcss-dark,var(--seed-orange-dark));--page:var(--lightningcss-light,var(--page-light))var(--lightningcss-dark,#1c150f);--link:var(--lightningcss-light,#95500f)var(--lightningcss-dark,#eda767);--link-hover:var(--lightningcss-light,#9273d0)var(--lightningcss-dark,#b099dd)}:root{--seed-yellow-dark:#5f5622;--seed-yellow-light:#8a6f10}:root[data-theme-color=yellow]{--base:var(--lightningcss-light,var(--seed-yellow-light))var(--lightningcss-dark,var(--seed-yellow-dark));--page:var(--lightningcss-light,var(--page-light))var(--lightningcss-dark,#191710);--link:var(--lightningcss-light,#71590a)var(--lightningcss-dark,#ddd06e);--link-hover:var(--lightningcss-light,#9273d0)var(--lightningcss-dark,#b099dd)}:root{--seed-green-dark:#226430;--seed-green-light:#257a42}:root[data-theme-color=green]{--base:var(--lightningcss-light,var(--seed-green-light))var(--lightningcss-dark,var(--seed-green-dark));--page:var(--lightningcss-light,var(--page-light))var(--lightningcss-dark,#091a11);--link:var(--lightningcss-light,#04641f)var(--lightningcss-dark,#7bd69d);--link-hover:var(--lightningcss-light,#13bb16)var(--lightningcss-dark,#b099dd)}:root{--seed-teal-dark:#1f5f66;--seed-teal-light:#1f7b87}:root[data-theme-color=teal]{--base:var(--lightningcss-light,var(--seed-teal-light))var(--lightningcss-dark,var(--seed-teal-dark));--page:var(--lightningcss-light,var(--page-light))var(--lightningcss-dark,#0a1a1c);--link:var(--lightningcss-light,#166470)var(--lightningcss-dark,#6ad3e0);--link-hover:var(--lightningcss-light,#9273d0)var(--lightningcss-dark,#b099dd)}:root{--seed-blue-dark:#284371;--seed-blue-light:#2c74a9}:root[data-theme-color=blue]{--base:var(--lightningcss-light,var(--seed-blue-light))var(--lightningcss-dark,var(--seed-blue-dark));--page:var(--lightningcss-light,var(--page-light))var(--lightningcss-dark,#141a24);--link:var(--lightningcss-light,#1f6ea6)var(--lightningcss-dark,#8cc4f0);--link-hover:var(--lightningcss-light,#9273d0)var(--lightningcss-dark,#b099dd)}:root{--seed-purple-dark:#36274e;--seed-purple-light:#71399b}:root[data-theme-color=purple]{--base:var(--lightningcss-light,var(--seed-purple-light))var(--lightningcss-dark,var(--seed-purple-dark));--page:var(--lightningcss-light,var(--page-light))var(--lightningcss-dark,#15121a);--link:var(--lightningcss-light,#7c2fbd)var(--lightningcss-dark,#d3b3f7);--link-hover:var(--lightningcss-light,#cf73d0)var(--lightningcss-dark,#cbb5f8)}:root{--seed-pink-dark:#6d2b48;--seed-pink-light:#b83567}:root[data-theme-color=pink]{--base:var(--lightningcss-light,var(--seed-pink-light))var(--lightningcss-dark,var(--seed-pink-dark));--page:var(--lightningcss-light,var(--page-light))var(--lightningcss-dark,#1c1116);--link:var(--lightningcss-light,#a32a58)var(--lightningcss-dark,#f2b3cf);--link-hover:var(--lightningcss-light,#9273d0)var(--lightningcss-dark,#cbb5f8)}:root{--seed-gray-dark:#2e3439;--seed-gray-light:#69747f}:root[data-theme-color=gray]{--base:var(--lightningcss-light,var(--seed-gray-light))var(--lightningcss-dark,var(--seed-gray-dark));--page:var(--lightningcss-light,var(--page-light))var(--lightningcss-dark,#121212);--link:var(--lightningcss-light,#31667f)var(--lightningcss-dark,#c3d6e3);--link-hover:var(--lightningcss-light,#9273d0)var(--lightningcss-dark,#b099dd)}*,:before,:after{box-sizing:border-box}html,body,#app{min-block-size:100%}:root{background-color:var(--surface-page);color:var(--text-color);font-family:var(--font-sans);accent-color:var(--brand);scrollbar-color:var(--border-color-strong) var(--surface-page)}body{font-size:var(--text-sm);margin:0;line-height:1.45}:where(h1,h2,h3,h4,h5,h6){margin:0 0 var(--space-2);font-family:var(--font-display);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);text-wrap:balance}:where(h1){font-size:calc(1.625rem * var(--font-scale))}:where(h2){font-size:calc(1.5rem * var(--font-scale))}:where(h3){font-size:var(--text-xl)}:where(h4){font-size:var(--text-lg)}:where(h5,h6){font-size:var(--text-md)}:where(p){margin:0 0 var(--space-3);text-wrap:pretty}:where(p:last-child){margin-bottom:0}:where(a){color:var(--link);transition:color var(--duration) var(--ease-out);text-decoration:none}:where(a):hover{color:var(--link-hover)}:where(code,kbd,samp,pre){font-family:var(--font-mono);font-size:.92em}:where(code){border-radius:var(--radius-xs);background-color:var(--surface-sunken);padding:.1em .35em}:where(hr){block-size:0;margin:var(--space-4) 0;border:0;border-top:var(--divider)}:where(img,video,canvas){max-inline-size:100%;display:block}:where(svg){flex-shrink:0;display:block}:where(time,data){font-variant-numeric:tabular-nums}:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--link);outline-offset:2px;border-radius:var(--radius-xs)}:where(button,[role=button]):not(:disabled){cursor:pointer}:where(){background-color:color-mix(in oklab, var(--brand) 45%, transparent)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;block-size:1px;inline-size:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::view-transition-group(*){animation-duration:calc(.1s * var(--motion-scale));animation-timing-function:var(--ease-out)}::view-transition-old(*){animation-duration:calc(.1s * var(--motion-scale));animation-timing-function:var(--ease-out)}::view-transition-new(*){animation-duration:calc(.1s * var(--motion-scale));animation-timing-function:var(--ease-out)}::view-transition-group(site-header){z-index:1}::view-transition-old(search-results){object-fit:none;object-position:top center;block-size:100%;overflow:clip}::view-transition-new(search-results){object-fit:none;object-position:top center;block-size:100%;overflow:clip}::view-transition-old(search-results){animation-name:view-transition-fade-out;animation-duration:calc(90ms * var(--motion-scale));animation-fill-mode:both}::view-transition-new(search-results){animation-name:view-transition-fade-in;animation-fill-mode:both}@keyframes view-transition-fade-out{to{opacity:0}}@keyframes view-transition-fade-in{0%{opacity:0}}.avatar{--avatar-size:28px;inline-size:var(--avatar-size);block-size:var(--avatar-size);border-radius:var(--radius-sm);background-color:var(--brand);color:var(--text-on-nav);font-size:var(--text-xs);font-weight:var(--weight-semibold);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex;overflow:hidden}.avatar--sm{--avatar-size:24px}.avatar__image{object-fit:cover;block-size:100%;inline-size:100%}.badge{--badge-seed:var(--brand);--badge-color:var(--badge-seed);align-items:center;gap:var(--space-1);padding:0 var(--space-1-5);border-radius:var(--radius-full);background-color:color-mix(in oklab, var(--badge-color), var(--surface) 76%);color:color-mix(in oklab, var(--badge-color), var(--text-color) 62%);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;line-height:1.6;display:inline-flex}.badge--success{--badge-seed:var(--vote-up)}.badge--danger{--badge-seed:var(--vote-down)}.badge--unread{--badge-seed:var(--unread)}.badge--staff{--badge-seed:#511b4e}.badge--fave{--badge-seed:var(--fave)}.badge__dot{border-radius:var(--radius-full);block-size:.375rem;inline-size:.375rem;animation:badge-pulse calc(1.4s * var(--motion-scale)) var(--ease-out) infinite;background-color:currentColor}@keyframes badge-pulse{50%{opacity:.3}}.btn{--btn-seed:var(--surface-sunken);--btn-color:var(--btn-seed);justify-content:center;align-items:center;gap:var(--space-1-5);min-block-size:calc(32px * var(--density));padding:var(--space-1-5) var(--space-3);border:var(--border-width) solid color-mix(in oklab, var(--btn-color), var(--lift) 22%);border-radius:var(--radius-md);background-color:var(--btn-color);box-shadow:var(--edge-highlight);color:var(--text-color);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-tight);white-space:nowrap;transition:background-color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);display:inline-flex}.btn:hover:not(:disabled){background-color:color-mix(in oklab, var(--btn-color), var(--lift) 12%);border-color:color-mix(in oklab, var(--btn-color), var(--lift) 34%)}.btn:active:not(:disabled){background-color:color-mix(in oklab, var(--btn-color), #000 8%);box-shadow:none}.btn:disabled{background-color:var(--surface-disabled);border-color:var(--border-color-subtle);box-shadow:none;color:var(--text-disabled);cursor:not-allowed}.btn--primary{--btn-seed:color-mix(in oklab, var(--base), var(--page) var(--w-chrome))}.btn--success{--btn-seed:var(--success)}.btn--danger{--btn-seed:var(--danger)}.btn--warning{--btn-seed:var(--warning)}.btn--ghost{box-shadow:none;color:var(--text-muted);background-color:#0000;border-color:#0000}.btn--ghost:hover:not(:disabled){background-color:var(--surface-hover);color:var(--text-color);border-color:#0000}.btn--sm{min-block-size:calc(28px * var(--density));padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.btn--lg{min-block-size:calc(36px * var(--density));padding:var(--space-2) var(--space-4);font-size:var(--text-md)}.btn--block{inline-size:100%;display:flex}.btn--icon{aspect-ratio:1;padding-inline:0}.btn-group{display:inline-flex}.btn-group>.btn:not(:first-child){border-start-start-radius:0;border-end-start-radius:0;margin-inline-start:calc(var(--border-width) * -1)}.btn-group>.btn:not(:last-child){border-start-end-radius:0;border-end-end-radius:0}.btn-group>.btn:hover:not(:disabled){position:relative}.dropdown{display:inline-flex;position:relative}.dropdown__panel{z-index:30;visibility:hidden;opacity:0;transition:opacity var(--duration) var(--ease-out), translate var(--duration) var(--ease-out), visibility var(--duration) var(--ease-out);padding-block-start:var(--space-1);position:absolute;inset-block-start:100%;inset-inline-start:0;translate:0 -4px}.dropdown__panel--end{inset-inline:auto 0}.dropdown:hover>.dropdown__panel,.dropdown:focus-within>.dropdown__panel{visibility:visible;opacity:1;translate:0}.dropdown.dropdown--dismissed>.dropdown__panel{visibility:hidden;opacity:0;translate:0 -4px}.dropdown__chevron{opacity:.6;transition:rotate var(--duration) var(--ease-out)}.dropdown:hover .dropdown__chevron,.dropdown:focus-within .dropdown__chevron{rotate:180deg}.dropdown.dropdown--dismissed .dropdown__chevron{rotate:0deg}.field{inline-size:100%;min-block-size:calc(36px * var(--density));padding:var(--space-1-5) var(--space-2);border:var(--border-width) solid var(--border-color-input);border-radius:var(--radius-md);background-color:var(--surface-sunken);color:var(--text-color);font:inherit;font-family:var(--font-mono);font-size:var(--text-sm);transition:border-color var(--duration) var(--ease-out), background-color var(--duration) var(--ease-out)}.field::placeholder{color:var(--text-subtle)}.field:hover:not(:disabled,:read-only){border-color:var(--border-color-strong)}.field:disabled{background-color:var(--surface-disabled);color:var(--text-disabled);cursor:not-allowed}.field:user-invalid{border-color:var(--score-negative)}textarea.field{resize:vertical;min-block-size:5lh}.field-label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);margin-block-end:var(--space-1);display:block}.field-hint{color:var(--text-subtle);font-size:var(--text-xs);margin-block-start:var(--space-1)}.field-group{flex-direction:column;gap:0;display:flex}.choice{align-items:center;gap:var(--space-2);min-block-size:24px;color:var(--text-color);font-size:var(--text-sm);display:inline-flex}.choice :where(input){block-size:1.05em;inline-size:1.05em;accent-color:var(--brand);margin:0}.choice :where(input):checked+.choice__label{font-weight:var(--weight-medium)}.choice--disabled{color:var(--text-disabled);cursor:not-allowed}.switch{--switch-w:2.6rem;--switch-h:1.4rem;--switch-on:0;inline-size:var(--switch-w);block-size:var(--switch-h);border:var(--border-width) solid color-mix(in oklab, var(--brand) calc(var(--switch-on) * 100%), var(--border-color-input));border-radius:var(--radius-full);background-color:color-mix(in oklab, var(--brand) calc(var(--switch-on) * 100%), var(--surface-sunken));appearance:none;transition:background-color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out);flex-shrink:0;margin:0;position:relative}.switch:checked{--switch-on:1}.switch:after{content:"";inline-size:calc(var(--switch-h) - 6px);block-size:calc(var(--switch-h) - 6px);border-radius:var(--radius-full);background-color:color-mix(in oklab, var(--text-on-nav) calc(var(--switch-on) * 100%), var(--text-muted));translate:calc(var(--switch-on) * (var(--switch-w) - var(--switch-h))) -50%;transition:translate var(--duration) var(--ease-out), background-color var(--duration) var(--ease-out);position:absolute;inset-block-start:50%;inset-inline-start:2px}.int{word-spacing:-1.5px;white-space:pre}.menu{min-inline-size:12rem;padding:var(--space-1);border:var(--border);border-radius:var(--radius-md);background-color:var(--surface-raised);box-shadow:0 12px 32px color-mix(in oklab, var(--shadow-color) calc(30% * var(--shadow-force)), transparent), var(--edge-highlight);color:var(--text-color);font-size:var(--text-sm);margin:0;list-style:none}.menu[popover]{position:absolute;inset:auto;overflow:visible}.menu-item{align-items:center;gap:var(--space-2);inline-size:100%;min-block-size:calc(32px * var(--density));padding:var(--space-1-5) var(--space-3);border-radius:max(0px, calc(var(--radius-md) - var(--border-width)));color:inherit;font:inherit;font-size:var(--text-sm);text-align:start;transition:background-color var(--duration-fast) var(--ease-out);background-color:#0000;border:0;display:flex}.menu-item:hover:not(:disabled),.menu-item:focus-visible{background-color:var(--surface-hover);color:inherit}.menu-item--selected,.menu-item[aria-selected=true]{background-color:var(--surface-selected);font-weight:var(--weight-medium)}.menu-item:disabled{color:var(--text-disabled)}.menu-separator{block-size:var(--border-width);margin:var(--space-1) 0;background-color:var(--border-color-subtle);border:0}.menu-label{padding:var(--space-1) var(--space-2);color:var(--text-subtle);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase}.notice{--notice-seed:var(--link);--notice-color:var(--notice-seed);align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border:var(--border-width) solid color-mix(in oklab, var(--notice-color), var(--surface) 55%);border-inline-start-width:max(3px, calc(var(--border-width) * 2));border-inline-start-color:var(--notice-color);border-radius:var(--radius-md);background-color:color-mix(in oklab, var(--notice-color), var(--surface) 84%);color:var(--text-color);font-size:var(--text-sm);display:flex}.notice--success{--notice-seed:var(--vote-up)}.notice--warning{--notice-seed:#e07b27}.notice--danger{--notice-seed:var(--vote-down)}.notice-title{font-weight:var(--weight-semibold);margin-block-end:var(--space-0-5);display:block}.site-notice{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:color-mix(in oklab, var(--surface), var(--base) 12%);color:var(--text-color);font-size:var(--text-sm);text-align:center}.pagination{--page-pad:var(--space-2);--page-frame:calc(var(--page-chars,1) * 1ch + (var(--page-pad) + var(--border-width)) * 2);--page-window:5;--page-strip:calc(var(--page-window) * var(--page-frame) + (var(--page-window) - 1) * var(--space-1));align-items:center;gap:var(--space-1);min-inline-size:0;font-size:var(--text-sm);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;display:flex;position:relative}.pagination__window{flex:0 1 var(--page-strip);gap:var(--space-1);min-inline-size:var(--page-frame);align-items:center;display:flex}.pagination__strip{min-inline-size:0;-webkit-mask-image:linear-gradient(to right, transparent, black var(--page-cut-start,0px), black calc(100% - var(--page-cut-end,0px)), transparent);-webkit-mask-image:linear-gradient(to right, transparent, black var(--page-cut-start,0px), black calc(100% - var(--page-cut-end,0px)), transparent);mask-image:linear-gradient(to right, transparent, black var(--page-cut-start,0px), black calc(100% - var(--page-cut-end,0px)), transparent);flex:1;overflow:hidden}.pagination__strip--cut-start{--page-cut-start:3ch}.pagination__strip--cut-end{--page-cut-end:3ch}.pagination__pages{gap:var(--space-1);inline-size:max-content;display:flex}.page-link{gap:var(--space-1);min-block-size:28px;min-inline-size:28px;padding-inline:var(--page-pad);border:var(--border);border-radius:var(--radius-sm);background-color:var(--surface);color:var(--link);font-family:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);font-variant-numeric:inherit;white-space:nowrap;transition:background-color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out);flex:none;justify-content:center;align-items:center;display:inline-flex}.page-link:hover:not(:disabled,[aria-current=page]){border-color:var(--border-color-strong);background-color:var(--surface-hover)}.page-link:disabled{color:var(--text-disabled);cursor:default}.page-link--current{border-color:var(--brand);background-color:var(--surface-selected);color:var(--text-color)}.page-link--compact{display:none}.page-link__caret{opacity:.6}.pagination__jump{--jump-width:min(18rem, 100%);z-index:30;gap:var(--space-1);inline-size:var(--jump-width);padding:var(--space-2);display:flex;position:absolute;inset-block-start:calc(100% + var(--space-1));inset-inline-start:clamp(0px, calc(var(--jump-x,50%) - var(--jump-width) / 2), calc(100% - var(--jump-width)))}.pagination__jump--above{inset-block-start:auto;inset-block-end:calc(100% + var(--space-1))}.pagination__jump-input{min-inline-size:0;padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--border-color-input);border-radius:var(--radius-sm);background-color:var(--surface-sunken);color:var(--text-color);font-family:inherit;font-size:var(--text-sm);font-variant-numeric:inherit;appearance:textfield;flex:1}.pagination__jump-input::-webkit-inner-spin-button{appearance:none;margin:0}.pagination__jump-input::-webkit-outer-spin-button{appearance:none;margin:0}.page-gap{padding-inline:var(--space-1);color:var(--text-subtle);font-family:inherit;font-size:var(--text-sm);font-weight:inherit;white-space:nowrap;cursor:pointer;transition:color var(--duration) var(--ease-out);background-color:#0000;border:0;flex:none;align-items:center;display:inline-flex}.page-gap:hover{color:var(--text-color)}@media (width<30rem){.pagination{--page-pad:var(--space-1);flex-wrap:wrap}}@media (width<34rem){.pagination .pagination__window{display:none}.pagination .page-link--compact{display:inline-flex}.pagination{flex:1 0 100%}.pagination .page-link{flex:auto}}.panel{border:var(--border);border-color:color-mix(in oklab, var(--border-color-strong), var(--border-color) min(100%, var(--shadow-force) * 100%));border-radius:var(--radius-md);box-shadow:0 4px 12px color-mix(in oklab, var(--shadow-color) calc(24% * var(--shadow-force) * (1 - var(--border-force))), transparent), var(--shadow-sm), var(--edge-highlight);flex-direction:column;display:flex;overflow:hidden}.panel-header{align-items:center;gap:var(--space-2);min-block-size:calc(36px * var(--density));padding:var(--space-1-5) var(--space-3);background-color:var(--surface-panel-header);color:var(--text-color);font-family:var(--font-display);font-size:var(--text-md);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight);display:flex}.panel-header--sub{background-color:var(--surface-panel-header-sub);min-block-size:auto;font-size:var(--text-sm);font-weight:var(--weight-medium)}.panel-header--center{justify-content:center}.panel-header a{align-items:center;gap:var(--space-2);color:var(--link-on-panel-header);display:inline-flex}.panel-header a:hover{color:color-mix(in oklab, var(--link), #000 18%)}.panel-body{padding:var(--space-3)}.panel-body--flush{padding:0}.panel-footer{padding:var(--space-2) var(--space-3);border-top:var(--divider);background-color:var(--surface);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);text-align:center;transition:background-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);display:block}a.panel-footer:hover{background-color:var(--surface-hover);color:var(--text-color)}.panel-list{margin:0;padding:0;list-style:none}.panel-list>*{padding:var(--space-2) var(--space-3)}.panel-list>:not(:last-child){border-bottom:var(--divider)}.panel-tabs{padding-inline:var(--space-1);background-color:var(--surface-panel-header);flex-wrap:wrap;gap:1px;display:flex}.panel-tab{align-items:center;gap:var(--space-1-5);min-block-size:calc(36px * var(--density));padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--link-on-panel-header);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background-color var(--duration) var(--ease-out);background-color:#0000;border:0;display:inline-flex}.panel-tab:hover:not([aria-selected=true]){background-color:color-mix(in oklab, var(--surface-panel-header), #000 10%)}.panel-tab[aria-selected=true]{background-color:var(--surface-tab-active);color:var(--text-color)}@media (width<30rem){.panel-tabs{scrollbar-width:none;flex-wrap:nowrap;overflow-x:auto}.panel-tab{flex-shrink:0}}.panel-body--destroyed{background-color:#382c2f}.reset-button{border:var(--border-width) solid transparent;border-radius:var(--radius-sm);block-size:28px;inline-size:28px;color:var(--text-subtle);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background-color:#0000;flex:none;justify-content:center;align-items:center;display:inline-flex}.reset-button:hover:not(:disabled){border-color:var(--border-color);background-color:var(--surface-hover);color:var(--text-color)}.reset-button:disabled{color:var(--text-disabled);cursor:default}.segmented{grid-template-columns:repeat(var(--segment-count), minmax(0, 1fr));border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);background-color:var(--surface-sunken);padding:2px;display:grid;position:relative}.segmented__thumb{z-index:0;inline-size:calc((100% - 4px) / var(--segment-count));border-radius:max(0px, calc(var(--radius-md) - 2px));background-color:var(--surface-selected);box-shadow:var(--shadow-sm);translate:calc(var(--segment-index) * 100%) 0;transition:translate var(--duration) var(--ease-out);position:absolute;inset-block:2px;inset-inline-start:2px}.segmented__option{z-index:1;justify-content:center;align-items:center;gap:var(--space-1);min-block-size:28px;min-inline-size:0;padding-inline:var(--space-1);color:var(--text-muted);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);white-space:nowrap;transition:color var(--duration) var(--ease-out);background-color:#0000;border:0;display:inline-flex;position:relative;overflow:hidden}.segmented__option[aria-checked=true],.segmented__option:hover{color:var(--text-color)}.slider{align-items:center;gap:var(--space-2);min-inline-size:0;display:flex}.slider__range{flex:9rem;block-size:20px;min-inline-size:0;margin:0}.slider__value{inline-size:calc(var(--readout-width) * 1ch + 2 * (var(--space-1) + var(--border-width)));padding:2px var(--space-1);border:var(--border-width) solid transparent;border-radius:var(--radius-sm);color:var(--text-color);font:inherit;font-size:var(--text-xs);font-weight:var(--weight-medium);font-variant-numeric:tabular-nums;text-align:end;appearance:textfield;transition:border-color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);background-color:#0000}.slider__value::-webkit-inner-spin-button{appearance:none;margin:0}.slider__value::-webkit-outer-spin-button{appearance:none;margin:0}.slider__value:hover,.slider__value:focus{border-color:var(--border-color-input);background-color:var(--surface-sunken)}.table{border-collapse:collapse;inline-size:100%;font-size:var(--text-sm)}.table th{padding:var(--space-2) var(--space-3);border-bottom:var(--border-width) solid var(--border-color-strong);background-color:var(--surface-panel-header-sub);color:var(--text-color);font-weight:var(--weight-semibold);text-align:start;text-wrap:balance}.table td{padding:var(--space-2) var(--space-3);border-bottom:var(--divider)}.table tbody tr:nth-child(odd){background-color:color-mix(in oklab, var(--surface), var(--lift) 4%)}.table tbody tr:nth-child(2n){background-color:var(--surface)}.table tbody tr:hover{background-color:var(--surface-hover)}.table--numeric td:not(:first-child),.table--numeric th:not(:first-child){font-variant-numeric:tabular-nums;text-align:end}.table-scroll{border-radius:var(--radius-md);overflow-x:auto}.tag{--tag-seed:#4aa158;--tag-color:color-mix(in oklab, var(--tag-seed), var(--lift) var(--tag-text-mix));align-items:center;gap:var(--space-1);min-block-size:24px;padding:var(--space-0-5) var(--space-2);border:var(--border-width) solid color-mix(in oklab, var(--tag-color), var(--surface) var(--tag-border-mix));border-radius:var(--radius-sm);background-color:color-mix(in oklab, var(--tag-color), var(--surface) var(--tag-bg-mix));color:var(--tag-color);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-tight);white-space:nowrap;transition:background-color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out);display:inline-flex}a.tag:hover,button.tag:hover{background-color:color-mix(in oklab, var(--tag-color), var(--surface) calc(var(--tag-bg-mix) - 14%));color:var(--tag-color)}.tag-count{border-inline-start:var(--border-width) solid color-mix(in oklab, var(--tag-color), var(--surface) var(--tag-border-mix));color:color-mix(in oklab, var(--tag-color), var(--text-color) 40%);font-variant-numeric:tabular-nums;font-weight:var(--weight-normal);padding-inline-start:var(--space-1)}.tag--rating{--tag-seed:#418dd9}.tag--spoiler{--tag-seed:#d49b39}.tag--origin{--tag-seed:#6f66d6}.tag--oc{--tag-seed:#b157b7}.tag--error{--tag-seed:#d45460}.tag--character{--tag-seed:#4aaabf}.tag--content-official{--tag-seed:#b9b541}.tag--content-fanmade{--tag-seed:#cc8eb5}.tag--species{--tag-seed:#b16b50}.tag--body-type{--tag-seed:#b8b8b8}.tag-list{gap:var(--space-1);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.display-settings{gap:var(--space-3);flex-direction:column;min-inline-size:0;display:flex}.display-setting{gap:var(--space-1);flex-direction:column;display:flex}.display-setting__control{align-items:center;gap:var(--space-2);min-inline-size:0;display:flex}.display-setting__control>:first-child{flex:1;min-inline-size:0}.display-setting__label{align-items:center;gap:var(--space-1-5);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);display:flex}.display-settings__reset{justify-content:center;align-items:center;gap:var(--space-1-5);min-block-size:28px;padding-inline:var(--space-2);border:var(--border-width) solid var(--border-color);border-radius:var(--radius-md);background-color:var(--surface-sunken);color:var(--text-muted);font:inherit;font-size:var(--text-xs);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);display:inline-flex}.display-settings__reset:hover:not(:disabled){background-color:var(--surface-hover);color:var(--text-color)}.display-settings__reset:disabled{color:var(--text-disabled);cursor:default}.segmented--pending .segmented__thumb{--segment-index:var(--lightningcss-light,0)var(--lightningcss-dark,1)}.segmented--pending .segmented__option[data-value=light]{color:var(--lightningcss-light,var(--text-color))var(--lightningcss-dark,var(--text-muted))}.segmented--pending .segmented__option[data-value=dark]{color:var(--lightningcss-light,var(--text-muted))var(--lightningcss-dark,var(--text-color))}.display-setting--pending .switch{--switch-on:1}.display-setting--pending .choice__label:before{content:"On"}@media (prefers-reduced-motion:reduce){.display-setting--pending .switch{--switch-on:0}.display-setting--pending .choice__label:before{content:"Off"}}.display-settings__hues{gap:var(--space-1);grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.display-setting__control>.display-setting__switch{flex:none;margin-inline-end:auto}.display-setting__switch .choice__label{min-inline-size:2.25ch}.component-settings{gap:var(--space-3);flex-direction:column;min-inline-size:0;display:flex}.component-setting{gap:var(--space-1);flex-direction:column;display:flex}.component-setting__control{align-items:center;gap:var(--space-2);min-inline-size:0;display:flex}.component-setting__control .slider,.component-setting__control .segmented{flex:1;min-inline-size:0}.component-setting__label{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.component-settings--inline{align-items:center;gap:var(--space-1) var(--space-3);text-transform:none;letter-spacing:normal;flex-flow:wrap}.component-settings--inline .component-setting{align-items:center;gap:var(--space-2);flex-direction:row}.nav-search{align-items:center;gap:var(--space-1);min-inline-size:0;display:flex}.nav-search--bar{margin-inline:var(--space-4)}@media (width<40rem){.nav-search--bar,.nav-search--bar .nav-search__reverse{display:none}}.nav-search__box{flex:1;min-inline-size:0;position:relative}.nav-search__icon{pointer-events:none;color:color-mix(in oklab, var(--text-on-nav), var(--surface-nav-field) 45%);position:absolute;inset-block-start:50%;inset-inline-start:var(--space-2);translate:0 -50%}.nav-search .field{border-color:color-mix(in oklab, var(--surface-nav-field), var(--text-on-nav) 12%);background-color:var(--surface-nav-field);color:var(--text-on-nav);padding-inline-start:calc(var(--space-2) * 2 + 16px)}.nav-search .field::placeholder{color:color-mix(in oklab, var(--text-on-nav), var(--surface-nav-field) 45%)}.nav-search .field:hover:not(:disabled,:read-only){border-color:color-mix(in oklab, var(--surface-nav-field), var(--text-on-nav) 30%);background-color:color-mix(in oklab, var(--surface-nav-field), #000 12%)}.nav{z-index:40;view-transition-name:site-header;background-color:var(--surface-nav);color:var(--text-on-nav);box-shadow:var(--shadow-sm);position:sticky;inset-block-start:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav{background-color:color-mix(in oklab, var(--surface-nav) 80%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4)}}.nav-bar{align-items:center;gap:var(--space-2);min-block-size:var(--nav-bar-h);padding-inline:var(--space-3);display:flex}.nav-link{align-items:center;gap:var(--space-1-5);padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-md);color:color-mix(in oklab, var(--text-on-nav), var(--surface-nav) 18%);font:inherit;font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;transition:background-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);background-color:#0000;border:0;display:inline-flex}.nav-link:hover{background-color:color-mix(in oklab, var(--surface-nav), #000 14%);color:var(--text-on-nav)}.nav-brand{align-items:center;gap:var(--space-2);color:var(--text-on-nav);flex-shrink:0;display:inline-flex}.nav-brand__mark{border-radius:var(--radius-md);background-color:var(--brand);block-size:32px;inline-size:32px;color:var(--text-on-nav);font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--weight-bold);justify-content:center;align-items:center;display:inline-flex}.nav-brand__name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight)}.nav-bar--primary{grid-template-columns:max-content minmax(0,1fr) max-content;display:grid}.nav__start{align-items:center;gap:var(--space-2);min-inline-size:0;display:flex}.nav__actions{justify-self:end;align-items:center;gap:var(--space-0-5);flex-shrink:0;display:flex}.nav .btn--ghost{color:color-mix(in oklab, var(--text-on-nav), var(--surface-nav) 18%)}.nav .btn--ghost:hover:not(:disabled){background-color:color-mix(in oklab, var(--surface-nav), #000 14%);color:var(--text-on-nav)}.nav-link--badged{position:relative}.nav-link__badge{block-size:16px;min-inline-size:16px;padding-inline:var(--space-0-5);border-radius:var(--radius-full);background-color:var(--unread);color:#000;font-size:var(--text-2xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block-start:0;inset-inline-end:0}@media (width>=60rem){.nav__burger{display:none}}@media (width<40rem){.nav__compact-hidden,.nav__bottom-nav-hidden{display:none}.nav-brand__name{font-size:var(--text-md)}.nav-bar--primary{grid-template-columns:minmax(0,1fr) max-content}}.nav-bar--sub{min-block-size:var(--nav-sub-h);padding-inline:var(--space-2);border-block-end:var(--border);background-color:var(--surface);color:var(--text-color);gap:0}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.nav-bar--sub{background-color:color-mix(in oklab, var(--surface) 80%, transparent)}}.nav-bar--sub .nav-link{color:var(--text-muted)}.nav-bar--sub .nav-link:hover{background-color:var(--surface-hover);color:var(--text-color)}.nav-bar--sub .nav-link__icon{color:var(--tone)}.nav-link__count{padding-inline:var(--space-1-5);border-radius:var(--radius-full);background-color:var(--surface-sunken);color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.nav-bar--sub .nav-link--donate svg{color:var(--score-positive)}@media (width<60rem){.nav-bar--sub{display:none}}.drawer{z-index:50;position:fixed;inset:0}.drawer__scrim{cursor:default;block-size:100%;inline-size:100%;animation:drawer-fade calc(.18s * var(--motion-scale)) var(--ease-out);background-color:oklab(0% none none/.55);border:0;position:absolute;inset:0}.drawer__panel{overscroll-behavior:contain;border-inline-end:var(--border);background-color:var(--surface-page);inline-size:18rem;max-inline-size:85%;box-shadow:var(--shadow-md);animation:drawer-slide calc(.18s * var(--motion-scale)) var(--ease-out);flex-direction:column;display:flex;position:absolute;inset-block:0;inset-inline-start:0;overflow-y:auto}@keyframes drawer-fade{0%{opacity:0}}@keyframes drawer-slide{0%{translate:-100%}}.drawer__head{justify-content:space-between;align-items:center;gap:var(--space-2);min-block-size:var(--nav-bar-h);padding-inline:var(--space-3);border-block-end:var(--border);background-color:var(--surface-nav);color:var(--text-on-nav);flex-shrink:0;display:flex}.drawer__body{padding:var(--space-2);flex:1}.drawer__link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--text-color);font-size:var(--text-sm);transition:background-color var(--duration) var(--ease-out);display:flex}.drawer__link:hover{background-color:var(--surface-hover);color:var(--text-color)}.drawer__link--section{font-weight:var(--weight-medium)}.drawer__link--child{padding-block:var(--space-1-5);color:var(--text-muted);font-size:var(--text-sm);padding-inline-start:calc(var(--space-3) * 2.5)}.drawer__group{margin-block-end:var(--space-1)}.drawer__separator{block-size:var(--border-width);margin:var(--space-2) 0;background-color:var(--border-color-subtle);border:0}.drawer__settings{padding-inline:var(--space-3)}.drawer__settings-summary{justify-content:space-between;align-items:center;gap:var(--space-2);padding-block:var(--space-2);cursor:pointer;list-style:none;display:flex}.drawer__settings-summary::-webkit-details-marker{display:none}.drawer__settings-chevron{color:var(--text-muted);transition:rotate var(--duration-fast) var(--ease-out)}.drawer__settings[open] .drawer__settings-chevron{rotate:180deg}.drawer__settings-content{gap:var(--space-3);flex-direction:column;padding-block-end:var(--space-2);display:flex}.drawer__settings-title{color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.drawer__settings .drawer__link{padding-inline:0}.drawer__count{padding:0 var(--space-1-5);border-radius:var(--radius-full);background-color:var(--surface-sunken);color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.drawer__link--donate svg{color:var(--vote-up)}@media (width>=60rem){.drawer{display:none}}.bottom-nav{z-index:40;border-block-start:var(--border);background-color:color-mix(in oklab, var(--surface-page), #000 18%);color:var(--text-color);position:fixed;inset-block-end:0;inset-inline:0;box-shadow:0 -2px 8px oklab(0% none none/.22)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.bottom-nav{background-color:color-mix(in oklab, color-mix(in oklab, var(--surface-page), #000 18%) 80%, transparent);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4)}}@media (width>=40rem){.bottom-nav{display:none}}.bottom-nav__bar{block-size:var(--bottom-nav-bar-h);align-items:stretch;padding-block-end:env(safe-area-inset-bottom);display:flex}.bottom-nav__item{justify-content:center;align-items:center;gap:var(--space-0-5);color:var(--text-muted);font:inherit;font-size:var(--text-2xs);font-weight:var(--weight-medium);transition:background-color var(--duration) var(--ease-out), color var(--duration) var(--ease-out);background-color:#0000;border:0;flex-direction:column;flex:1;display:flex}.bottom-nav__item:hover,.bottom-nav__item:active{background-color:var(--surface-hover);color:var(--text-color)}.bottom-nav__icon{display:inline-flex;position:relative}.bottom-nav__badge{block-size:16px;min-inline-size:16px;padding-inline:var(--space-0-5);border-radius:var(--radius-full);background-color:var(--unread);color:#000;font-size:var(--text-2xs);font-weight:var(--weight-bold);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block-start:-4px;inset-inline-start:10px}.bottom-nav__sheet{padding:var(--space-2);border-block-end:var(--border)}.site-footer{padding:calc(var(--space-6) * 1.5) var(--space-4);border-block-start:var(--border);background-color:color-mix(in oklab, var(--surface-page), var(--surface) 60%);margin-block-start:var(--space-6)}.site-footer__columns{gap:var(--space-6) calc(var(--space-6) * 1.5);grid-template-columns:repeat(2,minmax(0,auto));inline-size:fit-content;margin-inline:auto;display:grid}@media (width>=40rem){.site-footer__columns{grid-template-columns:repeat(3,minmax(0,auto))}}.site-footer__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);margin-block-end:var(--space-2)}.site-footer__list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.site-footer__link{color:var(--text-muted);font-size:var(--text-sm)}.site-footer__link:hover{color:var(--text-color)}.site-footer__link--bold{color:var(--text-color);font-weight:var(--weight-medium)}.site-footer__note{color:var(--text-subtle);font-size:var(--text-xs);text-align:center;margin-block-start:var(--space-6)}.theme-menu{inline-size:max-content;max-inline-size:calc(100vw - 2 * var(--space-2));padding:var(--space-2)}.theme-menu__title{padding-inline:var(--space-1);margin-block:0 var(--space-1-5);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium)}.theme-menu__title+*{margin-block-end:var(--space-3)}.theme-swatch[data-swatch-color=red]{--swatch:var(--lightningcss-light,var(--seed-red-light))var(--lightningcss-dark,var(--seed-red-dark))}.theme-swatch[data-swatch-color=orange]{--swatch:var(--lightningcss-light,var(--seed-orange-light))var(--lightningcss-dark,var(--seed-orange-dark))}.theme-swatch[data-swatch-color=yellow]{--swatch:var(--lightningcss-light,var(--seed-yellow-light))var(--lightningcss-dark,var(--seed-yellow-dark))}.theme-swatch[data-swatch-color=green]{--swatch:var(--lightningcss-light,var(--seed-green-light))var(--lightningcss-dark,var(--seed-green-dark))}.theme-swatch[data-swatch-color=teal]{--swatch:var(--lightningcss-light,var(--seed-teal-light))var(--lightningcss-dark,var(--seed-teal-dark))}.theme-swatch[data-swatch-color=blue]{--swatch:var(--lightningcss-light,var(--seed-blue-light))var(--lightningcss-dark,var(--seed-blue-dark))}.theme-swatch[data-swatch-color=purple]{--swatch:var(--lightningcss-light,var(--seed-purple-light))var(--lightningcss-dark,var(--seed-purple-dark))}.theme-swatch[data-swatch-color=pink]{--swatch:var(--lightningcss-light,var(--seed-pink-light))var(--lightningcss-dark,var(--seed-pink-dark))}.theme-swatch[data-swatch-color=gray]{--swatch:var(--lightningcss-light,var(--seed-gray-light))var(--lightningcss-dark,var(--seed-gray-dark))}.theme-swatch{aspect-ratio:1;border:var(--border-width) solid color-mix(in oklab, var(--swatch), var(--lift) 45%);border-radius:var(--radius-md);background-color:var(--swatch);color:#fff;min-inline-size:0;transition:scale var(--duration) var(--ease-out);justify-content:center;align-items:center;display:flex}.theme-swatch:hover{scale:1.1}.theme-swatch[aria-pressed=true]{outline:2px solid var(--brand);outline-offset:2px}.theme-swatch svg{filter:drop-shadow(0 1px 1px #0000008c)}.theme-menu__separator{block-size:var(--border-width);margin:var(--space-2) 0;background-color:var(--border-color-subtle);border:0}.theme-menu__link{align-items:center;gap:var(--space-2);min-block-size:32px;padding:var(--space-1-5) var(--space-2);border-radius:max(0px, calc(var(--radius-md) - var(--border-width)));color:var(--text-color);font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease-out);display:flex}.theme-menu__link:hover{background-color:var(--surface-hover);color:var(--text-color)}@media (width<60rem){.theme-menu-anchor{display:none}}.home__spotlight,.home__activity{gap:var(--space-3);flex-direction:column;min-inline-size:0;display:flex}@media (width<64rem){.featured-block .media-thumb{max-block-size:50vh}}.forum-topic{font-size:var(--text-sm)}.forum-topic__pin{color:var(--text-subtle);vertical-align:-.1em;margin-inline-end:var(--space-1);display:inline}.forum-topic__title{font-weight:var(--weight-medium)}.forum-topic__meta{color:var(--text-muted)}.forum-topic__meta:hover{color:var(--text-color)}.channel-row:nth-child(odd){background-color:color-mix(in oklab, var(--surface), var(--lift) 3%)}.channel-row:hover{background-color:var(--surface-hover)}.channel-row__link{align-items:center;gap:var(--space-2);color:var(--text-color);font-size:var(--text-sm);display:flex}.channel-row__link:hover{color:var(--text-color)}.channel-row__title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-inline-size:0;overflow:hidden}.channel-row__status{align-items:center;gap:var(--space-1-5);flex-shrink:0;display:flex}.channel-row__viewers{color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.channel-row__kern{margin-inline-start:.06em}.media-box{--radius-inner:max(0px, calc(var(--radius-md) - var(--border-width)));border:var(--border-width) solid var(--surface-media);border-radius:var(--radius-md);transition:border-color var(--duration) var(--ease-out), box-shadow var(--duration) var(--ease-out);flex-direction:column;display:flex}.media-box:hover{border-color:color-mix(in oklab, var(--surface-media), #000 8%);box-shadow:var(--shadow-md)}.media-box--bare{--radius-inner:0px;border:0;border-radius:0}.media-box-bar{min-block-size:28px;padding-inline:var(--space-0-5);border-block-end:var(--border-width) solid var(--surface-media);background-color:color-mix(in oklab, var(--surface-panel-header), var(--surface) 50%);font-size:var(--text-xs);font-variant-numeric:tabular-nums;border-start-start-radius:var(--radius-inner);border-start-end-radius:var(--radius-inner);flex-shrink:0;justify-content:center;align-items:stretch;gap:0;display:flex}.media-action{--media-action-color:var(--text-muted);align-items:center;gap:var(--space-0-5);padding-inline:var(--space-0-5);border-radius:var(--radius-xs);color:var(--media-action-color);font:inherit;font-size:var(--text-xs);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);background-color:#0000;border:0;display:inline-flex}.media-action svg{flex-shrink:0}.media-action:hover:not(:disabled){background-color:var(--surface-hover);color:var(--text-color)}.media-action[aria-pressed=true]{color:var(--media-action-color)}.media-action--fave{--media-action-color:var(--fave-strong)}.media-action--fave[aria-pressed=true]{background-color:var(--fave-bg)}.media-action--fave[aria-pressed=true]:hover{background-color:var(--fave-bg);color:var(--fave)}.media-action--up{--media-action-color:var(--score-positive)}.media-action--up[aria-pressed=true]{background-color:var(--vote-up-bg)}.media-action--up[aria-pressed=true]:hover{background-color:var(--vote-up-bg);color:var(--score-positive)}.media-action--down,.media-action--hide{--media-action-color:var(--score-negative)}.media-action--down[aria-pressed=true],.media-action--hide[aria-pressed=true]{background-color:var(--vote-down-bg)}.media-action--down[aria-pressed=true]:hover,.media-action--hide[aria-pressed=true]:hover{background-color:var(--vote-down-bg);color:var(--score-negative)}.media-action:not([aria-pressed=true]){color:var(--text-muted)}.media-action:not([aria-pressed=true]):hover{color:var(--media-action-color)}.media-box__votes{align-items:stretch;display:inline-flex}.media-score{padding-inline:var(--space-0-5);color:var(--text-muted);font-weight:var(--weight-medium);align-items:center;display:inline-flex}.media-score--positive{color:var(--score-positive)}.media-score--negative{color:var(--score-negative)}.media-box__more{display:inline-flex;position:relative}.media-box__menu{z-index:20;text-align:start;min-inline-size:11rem;position:absolute;inset-block-start:calc(100% + var(--space-1));inset-inline-end:0}.media-grid-panel{--radius-inner:max(0px, calc(var(--radius-md) - var(--border-width)));scroll-margin-block-start:calc(var(--header-h) + var(--space-4));overflow:visible}.media-grid-panel--transitioning{z-index:1;position:relative}.media-grid-panel:focus{outline:none}.media-grid__title{border-start-start-radius:var(--radius-inner);border-start-end-radius:var(--radius-inner);position:relative}.media-grid:last-child{border-end-end-radius:var(--radius-inner);border-end-start-radius:var(--radius-inner)}.media-grid{--media-track:150px;--media-min-aspect:1;grid-template-columns:repeat(auto-fill, minmax(var(--media-track), 1fr));gap:var(--space-2);padding:var(--space-2);display:grid}@media (width>=1150px){.media-grid--large{--media-track:225px;--media-min-aspect:.68}}:root[data-media-fit=justified] .media-grid{flex-wrap:wrap;display:flex}:root[data-media-fit=justified] .media-grid .media-box{--media-box-aspect:max(var(--media-aspect), var(--media-min-aspect));--media-box-basis:calc(var(--media-track) * var(--media-box-aspect));flex:var(--media-box-aspect) 0 var(--media-box-basis);min-inline-size:min-content;max-inline-size:100%}.media-grid__filler{display:none}:root[data-media-fit=justified] .media-grid .media-grid__filler{flex:999 0 0;margin-inline-start:calc(var(--space-2) * -1);display:block}@media (width<64rem){.media-grid__title{justify-content:center}.media-grid__settings{align-items:center;margin-inline-start:0;position:absolute;inset-block:0;inset-inline-end:var(--space-2)}}.media-grid__footer{align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-2) var(--space-3);border-block-start:var(--divider);background-color:var(--surface);border-end-end-radius:var(--radius-inner);border-end-start-radius:var(--radius-inner);flex-wrap:wrap;display:flex}.media-grid__settings{margin-block:calc(var(--space-1-5) * -1);margin-inline-start:auto}.media-grid__settings-menu{inline-size:max-content;max-inline-size:calc(100vw - 2 * var(--space-2));padding:var(--space-2);font-weight:var(--weight-normal)}.media-grid__settings-menu .media-grid__settings-link{align-items:center;gap:var(--space-2);min-block-size:32px;padding:var(--space-1-5) var(--space-2);border-radius:var(--radius-inner);color:var(--text-color);font-size:var(--text-sm);transition:background-color var(--duration-fast) var(--ease-out);display:flex}.media-grid__settings-menu .media-grid__settings-link:hover{background-color:var(--surface-hover);color:var(--text-color)}.media-grid__count{color:var(--text-muted);font-size:var(--text-sm)}.media-grid__count strong{color:var(--text-color);font-weight:var(--weight-semibold)}.media-thumb{aspect-ratio:1;border-end-end-radius:var(--radius-inner,0px);border-end-start-radius:var(--radius-inner,0px);display:block;position:relative;overflow:hidden}:root[data-media-fit=justified] .media-grid .media-thumb{aspect-ratio:var(--media-box-aspect)}.media-thumb__image{object-fit:contain;block-size:100%;inline-size:100%;transition:scale calc(var(--duration) * 1.3) var(--ease-out);position:absolute;inset:0}:root[data-media-fit=crop] .media-thumb__image{object-fit:cover}.media-thumb:hover .media-thumb__image{scale:1.03}.media-thumb__image--spoilered{filter:blur(16px)}.media-overlay{z-index:10;justify-content:center;align-items:center;gap:var(--space-1);background-color:var(--surface-sunken);color:var(--text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.media-overlay--spoilered{background-color:color-mix(in oklab, var(--surface-sunken) 95%, transparent)}.media-thumb__format{z-index:10;align-items:center;gap:var(--space-1);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-xs);color:#fff;font-size:var(--text-2xs);font-weight:var(--weight-semibold);background-color:oklab(0% none none/.7);display:inline-flex;position:absolute;inset-block-start:var(--space-1);inset-inline-end:var(--space-1)}.comment-row{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.comment-row__thumb{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;block-size:40px;inline-size:40px}.comment-row__text{flex:1;min-inline-size:0}.comment-row__head{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.comment-row__id{font-weight:var(--weight-medium)}.comment-row__by{color:var(--text-muted)}.comment-row__time{color:var(--text-muted);font-size:var(--text-xs)}.panel-body.trending-grid{gap:var(--space-2);padding:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.user-attribution{font-weight:var(--weight-semibold)}.app-shell{min-block-size:100dvh;flex-direction:column;padding-block-end:var(--bottom-nav-h);display:flex}.app-shell__main{flex:1}.home{gap:var(--space-3);padding:var(--space-4) var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=64rem){.home{grid-template-columns:var(--sidebar-w) minmax(0, 1fr);align-content:start;gap:var(--space-4);padding-inline:var(--space-4);grid-template-rows:auto auto 1fr;grid-template-areas:"spotlight main""activity main"".main"}.home__spotlight{grid-area:spotlight}.home__activity{grid-area:activity}.home__main{grid-area:main}}.home__main{gap:var(--space-4);flex-direction:column;min-inline-size:0;display:flex}.search-page{gap:var(--space-3);padding:var(--space-4) var(--space-3);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=64rem){.search-page{gap:var(--space-4);padding-inline:var(--space-4)}}.display-page{grid-template-columns:minmax(0,1fr);display:grid}@media (width>=60rem){.display-page{grid-template-columns:24rem minmax(0,1fr)}}.display-page-rail{gap:var(--space-3);padding:var(--space-3);border-inline-end:var(--border);background-color:var(--surface);flex-direction:column;display:flex}@media (width>=60rem){.display-page-rail{margin:var(--space-3);block-size:calc(100dvh - var(--header-h) - var(--space-6));overscroll-behavior:contain;border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:sticky;inset-block-start:var(--header-h);overflow-y:auto}}.display-page-rail-summary{justify-content:space-between;align-items:center;gap:var(--space-2);cursor:pointer;list-style:none;display:flex}.display-page-rail-summary::-webkit-details-marker{display:none}.display-page-rail-chevron{color:var(--text-muted);transition:rotate var(--duration-fast) var(--ease-out)}.display-page-rail-disclosure[open] .display-page-rail-chevron{rotate:180deg}.display-page-rail-content{gap:var(--space-3);flex-direction:column;padding-block-start:var(--space-3);display:flex}@media (width>=60rem){.display-page-rail-disclosure::details-content{content-visibility:visible;block-size:auto}.display-page-rail-summary{cursor:default;pointer-events:none}.display-page-rail-chevron{display:none}}.display-page-main{align-items:start;gap:var(--space-4);padding:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(17rem,1fr));grid-auto-flow:dense;min-inline-size:0;display:grid}.display-page-card--wide{grid-column:span 2}.display-page-card--full{grid-column:1/-1}@media (width<40rem){.display-page-card--wide{grid-column:auto}}.display-page-card{border:var(--border-width) solid var(--border-color-subtle);border-radius:var(--radius-lg);background-color:var(--surface-sunken);min-inline-size:0;scroll-margin-block-start:calc(var(--header-h) + var(--space-3));display:flow-root}.display-page-card-head{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-bottom:var(--divider);color:var(--text-muted);font-size:var(--text-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);text-transform:uppercase;display:flex}.display-page-card-head h2{font-size:inherit;font-weight:inherit;letter-spacing:inherit}.display-page-card-body{gap:var(--space-3);padding:var(--space-3);flex-direction:column;min-inline-size:0;display:flex}.display-page-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.display-page-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));align-items:start;display:grid}.display-page-title{font-size:var(--text-xl)}.display-page-note{color:var(--text-subtle);font-size:var(--text-xs)}.display-page-menu{max-inline-size:16rem}