:root{color-scheme:dark;--site-bg:light-dark(#e5e5e5,#101011);--site-bg-alt:light-dark(#efefef,#242526);--border-color:light-dark(#c0c0c0,#6d6d6d);--divider-color:color-mix(in srgb,var(--border-color) 40%,transparent);--text-color:light-dark(#444,#fff);--text-muted:light-dark(#555,#999);--interactive:light-dark(#b91c1c,#ff4949);--logo-pixel:light-dark(#8a8a84,#95958f);--logo-flips:light-dark(#444,#d3d4d1);--focus-ring:var(--text-muted);--surface-hover:light-dark(#f8f8f8,color-mix(in srgb,var(--site-bg-alt) 94%,var(--text-color)));--radius-2:0.5rem;--radius-pill:999rem;--space-50:0.25rem;--space-100:0.5rem;--space-200:0.75rem;--space-300:1rem;--space-400:1.25rem;--space-500:1.5rem;--space-600:2rem;--space-700:2.5rem;--space-800:3rem;--text-100:0.75rem;--text-200:0.875rem;--text-300:1rem;--text-400:1.125rem;--text-500:1.5rem;--text-section:clamp(1.75rem,3.5vw,2.25rem);--leading-body:1.7;--leading-card:1.55;--live:light-dark(#16a34a,#4ade80);--sun:#ffcc00;--moon:#a9a8a8;--leading-title:1.35;--text-h2:clamp(1.25rem,1rem + 1vw,1.5rem);--weight-400:400;--weight-500:500;--weight-600:600;--weight-700:700;--tracking-tight:-0.02em;--tracking-tighter:-0.04em;--stretch-wide:112.5%;--text-50:0.625rem;--leading-tight:1.2;--leading-snug:1.4;--line-tap:1.5rem;--medal-gold:#e9b949;--medal-gold-edge:#b8862b;--medal-silver:#c9ced6;--medal-silver-edge:#8a929c;--medal-bronze:#d39461;--medal-bronze-edge:#9a5f33;--gloss-light:#fff;--gloss-dark:#000;--overlay:rgb(0 0 0 / 0.5);--shadow:0 3px 2px rgba(0,0,0,0.3);--shadow-coin:0 1px 2px rgb(0 0 0 / 0.25);--shadow-float:0 8px 24px rgb(0 0 0 / 0.3);--shadow-overlay:0 16px 40px rgb(0 0 0 / 0.4);--shadow-text:0 0.08em 0.12em rgb(0 0 0 / 0.35);--blur-header:12px;--blur-overlay:4px;--space-25:0.125rem;--space-75:0.375rem;--space-150:0.625rem;--gutter:16px;--border-1:1px;--border-2:2px;--border-3:3px;--radius-1:0.25rem;--radius-round:50%;--focus-offset:3px;--icon-xs:0.75rem;--icon-sm:0.875rem;--icon-lg:1.125rem;--icon-xl:1.25rem;--icon-hero:2rem;--control-sm:1.5rem;--control-compact:1.625rem;--control-md:1.75rem;--control-lg:2rem;--avatar-xs:1.25rem;--avatar-sm:2.25rem;--avatar-md:2.5rem;--avatar:2.75rem;--avatar-lg:3.25rem;--thumb-xs:3rem;--thumb-sm:3.5rem;--thumb-md:4rem;--thumb-lg:6rem;--cover-w:5rem;--link-thumb:8.5rem;--dot:0.5rem;--badge:8.5rem;--logo-h:1.625rem;--textarea-min:5.5rem;--podium-step-1:3.25rem;--podium-step-2:2.25rem;--podium-step-3:1.375rem;--lost-code:clamp(7rem,28vw,13rem);--nudge:3px;--content-max:68rem;--sidebar-w:17rem;--card-min:17rem;--prose-max:40rem;--modal-w:26rem;--menu-w:16rem;--search-w:clamp(8rem,40cqi,16rem);--measure:36em;--header-h:4.5rem;--tabbar-h:3.5rem;--duration-fast:0.15s;--duration-base:0.3s;--duration-slow:0.6s;--duration-slower:1.2s;--ease-out:cubic-bezier(0.2,0.8,0.2,1);--ease-in-out:ease-in-out;--ease-bounce:cubic-bezier(0.2,0.9,0.3,1.25);--ease-spring:cubic-bezier(0.3,1.4,0.5,1);--transition-fast:var(--duration-fast) ease;--z-tooltip:5;--z-dropdown:6;--z-header:10;--z-overlay:20;--z-toast:21;--z-skip-link:100;@media (prefers-color-scheme:light){color-scheme:light}}:root[data-theme="light"]{color-scheme:light}:root[data-theme="dark"]{color-scheme:dark}@font-face{font-family:"Pixelflips Sans";src:url("assets/fonts/pixelflips-sans.woff2") format("woff2");font-weight:400 700;font-stretch:100% 112.5%;font-display:optional}@font-face{font-family:"Pixelflips Sans";src:url("assets/fonts/pixelflips-sans-italic.woff2") format("woff2");font-weight:400 700;font-stretch:100% 112.5%;font-style:italic;font-display:optional}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;display:flex;flex-direction:column;min-height:100dvh;background:var(--site-bg);color:var(--text-color);font:var(--weight-400) var(--text-300) / var(--leading-body) "Pixelflips Sans",system-ui,sans-serif}a{color:var(--interactive);font-weight:var(--weight-500);&:hover{text-decoration:none}}:is(h1,h2,h3,h4) a{font-weight:inherit}:focus-visible{outline:var(--border-2) solid var(--focus-ring);outline-offset:var(--focus-offset)}[id]{scroll-margin-top:calc(var(--header-h) + var(--space-300))}h1,h2{color:var(--text-color);font-weight:var(--weight-700);font-stretch:var(--stretch-wide);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.wrap{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--gutter)}.page-grid{flex-grow:1;display:grid;grid-template-columns:minmax(0,1fr);align-items:start;@media (min-width:60rem){grid-template-columns:minmax(0,1fr) var(--sidebar-w);column-gap:var(--space-800)}&:not(:has(>.sidebar)){grid-template-columns:minmax(0,1fr)}}.post,.release,.article,.book,.release-rows,.article-rows{background:var(--site-bg-alt);border-radius:var(--radius-2);box-shadow:var(--shadow)}.versions li,.release-rows li,.article-rows li{& + li{border-top:var(--border-1) solid var(--divider-color)}}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}::view-transition-old(root),::view-transition-new(root){animation-duration:var(--duration-fast)}}.site-header{view-transition-name:site-header;position:sticky;top:0;z-index:var(--z-header);border-top:var(--border-3) solid var(--interactive);border-bottom:var(--border-1) solid var(--border-color);background:color-mix(in srgb,var(--site-bg) 80%,transparent);-webkit-backdrop-filter:blur(var(--blur-header));backdrop-filter:blur(var(--blur-header));.wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-100) var(--space-300);padding-block:var(--space-200)}@media (min-width:60rem){height:var(--header-h);.wrap{height:100%;padding-block:0}}ul{display:flex;gap:var(--space-50);margin:0;padding:0;list-style:none}ul a{display:block;padding:var(--space-100) var(--space-200);border-radius:var(--radius-2);color:var(--text-color);text-decoration:none;transition:background var(--transition-fast);&:hover,&[aria-current="page"]{background:var(--site-bg-alt)}}@media (width < 48rem){.nav-wide{display:none}}}.tab-bar{display:none}@media (width < 48rem){body{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.tab-bar{position:fixed;right:0;bottom:0;left:0;z-index:var(--z-header);display:block;padding-bottom:env(safe-area-inset-bottom);border-top:var(--border-1) solid var(--border-color);background:color-mix(in srgb,var(--site-bg) 80%,transparent);-webkit-backdrop-filter:blur(var(--blur-header));backdrop-filter:blur(var(--blur-header));ul{display:grid;grid-template-columns:repeat(4,1fr);height:var(--tabbar-h);margin:0;padding:0;list-style:none}a{display:grid;place-content:center;justify-items:center;gap:var(--space-25);height:100%;color:var(--text-muted);font-size:var(--text-100);font-weight:var(--weight-500);text-decoration:none;transition:color var(--transition-fast);svg{width:var(--icon-xl);height:var(--icon-xl)}&:hover{color:var(--text-color)}&[aria-current="page"]{color:var(--text-color);svg{color:var(--interactive)}}}}}.site-name{display:inline-flex;align-items:center;gap:var(--space-100);color:var(--text-color);font-weight:var(--weight-700);font-stretch:var(--stretch-wide);letter-spacing:var(--tracking-tight);font-size:var(--text-400);text-decoration:none}.site-mark{flex:none;height:var(--logo-h);width:auto;.mark-p{fill:var(--logo-pixel)}.mark-f{fill:var(--logo-flips)}}.intro{padding-top:var(--space-700);h1{margin:0;font-size:var(--text-section)}p{margin:var(--space-200) 0 0;max-width:var(--measure);color:var(--text-muted);line-height:var(--leading-card)}.kicker{margin:0 0 var(--space-100);font-size:var(--text-100)}@media (max-width:30rem){padding-top:var(--space-600)}}.sidebar{margin-top:var(--space-700);font-size:var(--text-200);line-height:var(--leading-snug);color:var(--text-muted);@media (max-width:30rem){margin-top:var(--space-600)}h2{margin:0 0 var(--space-100);font-size:var(--text-300)}* + h2{margin-top:var(--space-500)}strong{color:var(--text-color);font-weight:var(--weight-600)}p{margin:var(--space-200) 0 0}}.sidebar-box{padding:var(--space-300);background:var(--site-bg-alt);border-radius:var(--radius-2)}.follow{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-100);margin-bottom:var(--space-200);>span{margin-right:auto}a{display:inline-flex;align-items:center;gap:var(--space-75);padding:var(--space-50) var(--space-200);border:var(--border-1) solid var(--divider-color);border-radius:var(--radius-pill);background:var(--site-bg-alt);color:var(--text-color);text-decoration:none;transition:border-color var(--transition-fast);&:hover,&:focus-visible{border-color:var(--border-color)}}svg{width:var(--icon-sm);height:var(--icon-sm)}}.suggest-cta{display:grid;justify-items:start;gap:var(--space-100);margin-top:var(--space-200);padding:var(--space-400) var(--space-300);border:var(--border-1) solid color-mix(in srgb,var(--interactive) 35%,transparent);border-radius:var(--radius-2);background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--interactive) 22%,transparent),transparent 65%),var(--site-bg-alt);color:var(--text-muted);font-weight:var(--weight-400);text-decoration:none;transition:border-color var(--transition-fast);&:hover{border-color:var(--interactive)}strong{color:var(--text-color);font-size:var(--text-400);font-weight:var(--weight-700);font-stretch:var(--stretch-wide);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}}.books-cta{display:flex;align-items:center;gap:var(--space-200);margin-top:var(--space-200);padding:var(--space-200) var(--space-300);border:var(--border-1) solid var(--divider-color);border-radius:var(--radius-2);background:var(--site-bg-alt);color:var(--text-muted);font-size:var(--text-200);font-weight:var(--weight-400);line-height:var(--leading-snug);text-decoration:none;transition:border-color var(--transition-fast);&:hover{border-color:var(--border-color)}>svg{flex:none;width:var(--icon-xl);height:var(--icon-xl);color:var(--interactive)}>span:not(.books-cta-arrow){display:grid;gap:var(--space-25);flex:1;min-width:0}strong{color:var(--text-color);font-size:var(--text-300);font-weight:var(--weight-600)}}.books-cta-arrow{color:var(--text-color)}@media (prefers-reduced-motion:no-preference){.books-cta-arrow{transition:translate var(--transition-fast)}.books-cta:hover .books-cta-arrow{translate:var(--nudge) 0}}.works{margin:var(--space-200) 0 0;padding-left:var(--space-400);li + li{margin-top:var(--space-50)}}.suggest-cta-icon{display:grid;place-items:center;width:var(--avatar-sm);height:var(--avatar-sm);margin-bottom:var(--space-50);border-radius:var(--radius-round);background:color-mix(in srgb,var(--interactive) 16%,transparent);color:var(--interactive);svg{width:var(--icon-lg);height:var(--icon-lg)}}.suggest-cta-button{justify-self:stretch;text-align:center;margin-top:var(--space-100);padding:var(--space-100) var(--space-300);border-radius:var(--radius-2);background:var(--text-color);color:var(--site-bg);font-weight:var(--weight-600);line-height:var(--leading-snug);span{display:inline-block}}@media (prefers-reduced-motion:no-preference){.suggest-cta-button span{transition:translate var(--transition-fast)}.suggest-cta:hover .suggest-cta-button span{translate:var(--nudge) 0}}.sidebar>.footnote{margin:var(--space-200) 0 0;font-size:var(--text-100);text-align:center;>span{white-space:nowrap}}.stat-tiles{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--space-100);margin:var(--space-200) 0 0;padding:0;list-style:none;a,div{display:grid;gap:var(--space-25);padding:var(--space-200);border-radius:var(--radius-2);background:var(--site-bg);color:var(--text-muted);font-weight:var(--weight-400)}a{text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);&:hover,&:focus-visible{background:var(--surface-hover);color:var(--text-color)}}svg{color:var(--interactive);margin-bottom:var(--space-50)}strong{font-size:var(--text-500);line-height:var(--leading-tight);font-weight:var(--weight-700);font-variant-numeric:tabular-nums}a>span,div>span{font-size:var(--text-100)}}.stat-note{font-size:var(--text-100)}.liked{margin:var(--space-200) 0 0;padding:0;list-style:none;li{display:flex;align-items:flex-start;gap:var(--space-200);padding-block:var(--space-100)}li + li{border-top:var(--border-1) solid var(--divider-color)}a{display:grid;gap:var(--space-25);min-width:0;flex:1;color:var(--text-muted);font-weight:var(--weight-400);text-decoration:none;&:hover span{text-decoration:underline}}span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}strong{color:var(--text-color);font-weight:var(--weight-600)}small{display:inline-flex;align-items:center;gap:var(--space-50);font-size:var(--text-100);svg{width:var(--icon-xs);height:var(--icon-xs)}}}.majors{margin:var(--space-200) 0 0;padding:0;list-style:none;li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-100);padding-block:var(--space-100)}li + li{border-top:var(--border-1) solid var(--divider-color)}span{color:var(--text-color)}small{margin-left:auto;font-size:var(--text-100)}}.medals-box{margin-top:var(--space-200);padding:var(--space-300);background:var(--site-bg-alt);border-radius:var(--radius-2);.stat-note{margin:var(--space-200) 0 0}}.medals-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-100);h2{margin:0}}.medals-help{display:grid;place-items:center;width:var(--control-md);height:var(--control-md);margin:calc(var(--space-50) * -1) calc(var(--space-50) * -1) calc(var(--space-50) * -1) 0;padding:0;border:0;border-radius:var(--radius-round);background:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);&:hover,&:focus-visible{color:var(--text-color);background:var(--site-bg)}}.modal-card,.keys{width:min(var(--modal-w),calc(100% - 2 * var(--gutter)));padding:var(--space-400);border:var(--border-1) solid var(--border-color);border-radius:var(--radius-2);background:var(--site-bg-alt);color:var(--text-muted);font-size:var(--text-200);line-height:var(--leading-card);box-shadow:var(--shadow-overlay);&::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(var(--blur-overlay));backdrop-filter:blur(var(--blur-overlay))}h3{margin:0 0 var(--space-300);color:var(--text-color);font-size:var(--text-400)}h4{margin:var(--space-300) 0 0;color:var(--text-color);font-size:var(--text-200);font-weight:var(--weight-600)}h3 + h4{margin-top:0}p,ul{margin:var(--space-50) 0 0}ul{margin-top:var(--space-300);padding-left:1.1em}button{padding:var(--space-100) var(--space-300);border:0;border-radius:var(--radius-2);background:var(--text-color);color:var(--site-bg);font:inherit;font-size:var(--text-200);font-weight:var(--weight-500);cursor:pointer;&:disabled{opacity:0.6;cursor:default}&.secondary{background:none;color:var(--text-color);box-shadow:inset 0 0 0 var(--border-1) var(--border-color)}}>button{display:block;margin:var(--space-400) 0 0 auto}}.modal-buttons{display:flex;justify-content:flex-end;gap:var(--space-100);margin-top:var(--space-400)}.report-pop{fieldset{display:grid;gap:var(--space-100);margin:var(--space-300) 0 0;padding:0;border:0}label{display:flex;align-items:center;gap:var(--space-100);padding:var(--space-100) var(--space-200);border:var(--border-1) solid var(--divider-color);border-radius:var(--radius-2);color:var(--text-color);cursor:pointer}label:has(:checked){border-color:var(--text-color)}input{margin:0;accent-color:var(--interactive)}.report-ts:not(:empty){margin-top:var(--space-300)}.report-status{min-height:1.5em;margin-top:var(--space-200);font-size:var(--text-100)}.report-status + .modal-buttons{margin-top:var(--space-200)}}.podium-pic{position:relative;flex:none;display:block;width:var(--pic,var(--avatar));height:var(--pic,var(--avatar));img,>span:first-child{display:grid;place-items:center;width:100%;height:100%;border-radius:var(--radius-round);object-fit:cover;background:var(--site-bg);color:var(--text-color);font-weight:var(--weight-700);font-size:var(--text-300)}.medal{position:absolute;right:calc(var(--space-50) * -1);bottom:calc(var(--space-50) * -1);--size:var(--icon-xl);font-size:var(--text-50)}&.square :is(img,>span:first-child){border-radius:var(--radius-2)}}.card-medal{display:inline-grid;flex:none;vertical-align:middle;padding-left:var(--space-50);cursor:help;.medal{--size:var(--icon-lg);font-size:var(--text-50)}}.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:var(--space-100);margin:var(--space-200) 0 0;padding:0;list-style:none;li{display:grid;justify-items:center;gap:var(--space-100);min-width:0;text-align:center}a{display:grid;justify-items:center;gap:var(--space-25);width:100%;color:var(--text-muted);font-weight:var(--weight-400);text-decoration:none;&:hover strong{text-decoration:underline}}.podium-pic{margin-bottom:var(--space-50)}strong{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:calc(100% + var(--space-100));margin-inline:calc(var(--space-100) / -2);overflow:hidden;overflow-wrap:break-word;color:var(--text-color);font-size:var(--text-100);font-weight:var(--weight-600);line-height:var(--leading-tight)}small{display:grid;font-size:var(--text-100);line-height:var(--leading-snug);span{white-space:nowrap}}.step{width:100%;height:var(--step);border-radius:var(--radius-2) var(--radius-2) 0 0;background:linear-gradient(var(--coin),color-mix(in srgb,var(--coin) 30%,var(--site-bg)));opacity:0.85}.pos-1{order:2}.pos-2{order:1}.pos-3{order:3}.place-1{--step:var(--podium-step-1);--coin:var(--medal-gold);.podium-pic{--pic:var(--avatar-lg)}}.place-2{--step:var(--podium-step-2);--coin:var(--medal-silver)}.place-3{--step:var(--podium-step-3);--coin:var(--medal-bronze)}li:only-child{grid-column:2}}@media (prefers-reduced-motion:no-preference){.podium .step{transform-origin:bottom;animation:step-rise var(--duration-slow) var(--ease-out) both}.podium .pos-2 .step{animation-delay:calc(var(--duration-base) / 3)}.podium .pos-1 .step{animation-delay:calc(var(--duration-base) * 2 / 3)}@keyframes step-rise{from{transform:scaleY(0)}}}.golds{margin:var(--space-100) 0 0;padding:0;list-style:none;li{display:flex;align-items:center;gap:var(--space-200);padding-block:var(--space-150);--pic:var(--avatar-sm)}li + li{border-top:var(--border-1) solid var(--divider-color)}.podium-pic .medal{--size:var(--icon-lg);font-size:var(--text-50)}a{display:grid;gap:var(--space-25);min-width:0;flex:1;color:var(--text-muted);font-weight:var(--weight-400);text-decoration:none;&:hover strong{text-decoration:underline}}strong{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-color);font-weight:var(--weight-600)}small{font-size:var(--text-100)}}.medal{--coin:var(--medal-gold);--coin-edge:var(--medal-gold-edge);position:relative;overflow:hidden;flex:none;display:grid;place-items:center;width:var(--size,var(--control-md));height:var(--size,var(--control-md));border-radius:var(--radius-round);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--coin) 55%,var(--gloss-light)),var(--coin) 55%,var(--coin-edge));box-shadow:inset 0 0 0 var(--border-2) color-mix(in srgb,var(--coin-edge) 70%,transparent),var(--shadow-coin);color:color-mix(in srgb,var(--coin-edge) 45%,var(--gloss-dark));font-size:var(--text-100);font-weight:var(--weight-700);font-variant-numeric:tabular-nums;line-height:var(--leading-tight)}.medal-2{--coin:var(--medal-silver);--coin-edge:var(--medal-silver-edge)}.medal-3{--coin:var(--medal-bronze);--coin-edge:var(--medal-bronze-edge)}@media (prefers-reduced-motion:no-preference){.medal-1::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,color-mix(in srgb,var(--gloss-light) 70%,transparent) 50%,transparent 65%);transform:translateX(-100%);animation:medal-shine var(--duration-slower) var(--duration-slow) ease-out both}@keyframes medal-shine{to{transform:translateX(100%)}}}.meter{display:flex;height:var(--dot);margin:var(--space-200) 0 var(--space-100);overflow:hidden;border-radius:var(--radius-pill);background:var(--site-bg);span{background:var(--interactive);border-radius:var(--radius-pill)}}.meter-legend{display:flex;justify-content:space-between;font-size:var(--text-100)}.piles{margin:var(--space-200) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-150);li{display:grid;grid-template-columns:1fr auto;gap:var(--space-50) var(--space-200);align-items:baseline}i{grid-column:1 / -1;display:block;height:var(--border-3);border-radius:var(--radius-pill);background:var(--site-bg)}i::before{content:"";display:block;height:100%;width:var(--share);border-radius:inherit;background:var(--text-muted);opacity:0.6}strong{font-variant-numeric:tabular-nums}a{color:inherit;text-decoration:none;&:hover{color:var(--text-color);text-decoration:underline}}}.odo{display:inline-flex;font-variant-numeric:tabular-nums}.reel{display:inline-flex;height:1lh;overflow:hidden;>span{display:flex;flex-direction:column;transform:translateY(calc(var(--d) * -1lh))}}@media (prefers-reduced-motion:no-preference){.reel>span{animation:odo-roll 1.1s var(--ease-out) calc(var(--i) * 90ms) both}.meter span{animation:bar-grow 0.9s var(--ease-out) 0.2s both}.piles i::before{animation:bar-grow 0.8s var(--ease-out) calc(var(--duration-base) + var(--i) * 70ms) both}}@keyframes odo-roll{from{transform:translateY(0)}}@keyframes bar-grow{from{width:0}}.section-head{margin:var(--space-700) 0 var(--space-200);h2{margin:0;font-size:var(--text-h2)}.intro + &{margin-top:var(--space-600)}@media (max-width:30rem){margin-top:var(--space-600)}}.see-all{display:block;margin-top:var(--space-200);padding:var(--space-200) var(--space-300);border-radius:var(--radius-2);background:var(--site-bg-alt);box-shadow:var(--shadow);color:var(--text-color);font-size:var(--text-200);font-weight:var(--weight-600);text-align:center;text-decoration:none;transition:background var(--transition-fast);&:hover{background:var(--surface-hover)}:is(.post,.article) + &{margin-top:0}}.sub{margin:0 0 var(--space-300);color:var(--text-muted);font-size:var(--text-200)}.empty{color:var(--text-muted)}:is(.finder,.finder-status,.finder-nothing,.finder-menu,.post,.article,.release,.section-head)[hidden]{display:none}main{container:main / inline-size}.section-head:has(.finder){display:grid;grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"title status tools" "none none none";align-items:center;gap:var(--space-50) var(--space-200);h2{grid-area:title}@container main (width < 30rem){grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title tools" "status status" "none none"}}.finder{position:relative;grid-area:tools;justify-self:end;display:flex;align-items:center;gap:var(--space-50);min-width:0;max-width:100%}.finder-search{flex:0 1 auto;min-width:0}.finder-btn{position:relative;display:grid;place-items:center;width:var(--control-lg);height:var(--control-lg);padding:0;border:0;border-radius:var(--radius-round);background:transparent;color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);&:hover,&[aria-expanded="true"],&.on{background:var(--site-bg-alt);color:var(--text-color)}&[aria-expanded="true"]::before{display:none}}.finder-find svg + svg,.searching .finder-find svg:first-child{display:none}.searching .finder-find svg + svg{display:block}.finder-badge{position:absolute;top:calc(var(--space-25) * -1);right:calc(var(--space-25) * -1);min-width:var(--icon-sm);padding:0 var(--space-50);border-radius:var(--radius-pill);background:var(--interactive);color:var(--site-bg);font-size:var(--text-50);font-weight:var(--weight-700);line-height:var(--icon-sm);text-align:center;&:empty{display:none}}.finder-search input{width:0;padding:var(--space-100) 0;border:0;border-radius:var(--radius-pill);background:var(--site-bg-alt);color:var(--text-color);font:inherit;font-size:var(--text-200);opacity:0;visibility:hidden;outline:none;transition:width var(--duration-base) var(--ease-out),padding var(--duration-base) var(--ease-out),opacity var(--duration-fast) ease,visibility var(--duration-base);&::placeholder{color:var(--text-muted)}&:focus-visible{outline:var(--border-2) solid var(--focus-ring);outline-offset:var(--border-2)}.searching &{width:var(--search-w);max-width:100%;padding-inline:var(--space-300);opacity:1;visibility:visible}}.finder-menu{position:absolute;top:calc(100% + var(--space-100));right:0;z-index:var(--z-dropdown);width:min(var(--menu-w),calc(100vw - 2 * var(--gutter)));display:grid;gap:var(--space-200);padding:var(--space-200);border:var(--border-1) solid var(--divider-color);border-radius:var(--radius-2);max-height:var(--menu-max,none);overflow-y:auto;overscroll-behavior:contain;background:var(--site-bg-alt);box-shadow:var(--shadow-float);&.up{top:auto;bottom:calc(100% + var(--space-100))}@media (max-width:30rem){&,&.up{position:fixed;top:auto;right:var(--gutter);bottom:var(--gutter);left:var(--gutter);z-index:calc(var(--z-overlay) + 1);width:auto;max-height:calc(100dvh - 2 * var(--gutter))}@media (prefers-reduced-motion:no-preference){animation:sheet-in var(--duration-base) var(--ease-out)}}fieldset{display:grid;margin:0;padding:0;border:0}legend{padding:0 var(--space-100) var(--space-50);color:var(--text-muted);font-size:var(--text-100);font-weight:var(--weight-600)}label{display:flex;align-items:center;gap:var(--space-100);padding:var(--space-75) var(--space-100);border-radius:var(--radius-2);font-size:var(--text-200);cursor:pointer;transition:background var(--transition-fast);&:hover{background:var(--site-bg)}}input{margin:0;accent-color:var(--interactive)}small{margin-left:auto;color:var(--text-muted);font-size:var(--text-100)}}@keyframes sheet-in{from{translate:0 var(--space-600);opacity:0}}.finder-scrim{display:none;@media (max-width:30rem){.finder-filter[aria-expanded="true"] ~ &{position:fixed;inset:0;z-index:var(--z-overlay);display:block;background:var(--overlay);-webkit-backdrop-filter:blur(var(--blur-overlay));backdrop-filter:blur(var(--blur-overlay))}}}.finder-menu-actions{position:sticky;bottom:calc(var(--space-200) * -1);margin:0 calc(var(--space-200) * -1) calc(var(--space-200) * -1);padding:var(--space-200);background:var(--site-bg-alt);display:flex;justify-content:flex-end;gap:var(--space-100);border-top:var(--border-1) solid var(--divider-color);button{padding:var(--space-100) var(--space-300);border:0;border-radius:var(--radius-2);background:none;color:var(--text-color);font:inherit;font-size:var(--text-200);font-weight:var(--weight-500);cursor:pointer;transition:background var(--transition-fast)}.finder-none:hover{background:var(--site-bg)}[type="submit"]{background:var(--text-color);color:var(--site-bg);&:hover{background:color-mix(in srgb,var(--text-color) 85%,var(--site-bg))}}}.finder-nothing{grid-area:none;display:grid;justify-items:center;gap:var(--space-200);margin-top:var(--space-100);padding:var(--space-600) var(--space-400);border-radius:var(--radius-2);background:var(--site-bg-alt);box-shadow:var(--shadow);color:var(--text-muted);text-align:center;>svg{width:var(--icon-hero);height:var(--icon-hero)}p{display:grid;gap:var(--space-50);margin:0;font-size:var(--text-200)}strong{color:var(--text-color);font-size:var(--text-300);font-weight:var(--weight-600)}button{padding:var(--space-100) var(--space-300);border:0;border-radius:var(--radius-2);background:var(--text-color);color:var(--site-bg);font:inherit;font-size:var(--text-200);font-weight:var(--weight-500);cursor:pointer;transition:background var(--transition-fast);&:hover{background:color-mix(in srgb,var(--text-color) 85%,var(--site-bg))}}}.finder-status{grid-area:status;display:flex;align-items:baseline;gap:var(--space-50);min-width:0;margin:0;color:var(--text-muted);font-size:var(--text-200);white-space:nowrap;span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}button{flex:none;padding:0;border:0;background:none;color:var(--interactive);font:inherit;font-weight:var(--weight-500);text-decoration:underline;cursor:pointer}}.post{display:flex;gap:var(--space-300);padding:var(--space-300);margin:0 0 var(--space-200)}.avatar{width:var(--avatar);height:var(--avatar);border-radius:var(--radius-round);flex:none;object-fit:cover;background:var(--divider-color);display:grid;place-items:center;color:var(--text-muted);font-weight:var(--weight-700);font-stretch:var(--stretch-wide)}.post-body{min-width:0;flex:1}@media (max-width:30rem){.post{display:grid;grid-template-columns:var(--avatar-md) minmax(0,1fr);gap:0 var(--space-200);align-items:center}.post .avatar{width:var(--avatar-md);height:var(--avatar-md)}.post-body{display:contents}.post-body>:not(.who){grid-column:1 / -1}.post .text{margin-top:var(--space-200)}.post span.avatar{font-size:var(--text-200)}}.who{display:grid;grid-template-columns:minmax(0,1fr);margin:0;font-size:var(--text-200);line-height:var(--line-tap);>.name{display:flex;align-items:center;min-width:0}.name>a{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-color);font-weight:var(--weight-600);&:hover{text-decoration:none}}.meta a{color:var(--text-muted);font-weight:var(--weight-400)}.handle{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}}.meta{display:flex;flex-wrap:wrap;column-gap:0.4em;color:var(--text-muted);font-weight:var(--weight-400);>*{flex:none;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}>:not(:last-child)::after{content:"\00b7";display:inline-block;margin-left:0.4em}>:has(.card-medal){overflow:visible}}.who .meta{flex-wrap:nowrap;min-width:0;>:not(:last-child)::after{content:none}>* + *::before{content:"\00b7";display:inline-block;margin-right:0.4em}}.text{margin:var(--space-100) 0 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:var(--leading-card)}.quote{display:grid;gap:var(--space-150);margin-top:var(--space-200);padding:var(--space-200);border:var(--border-1) solid var(--divider-color);border-radius:var(--radius-2);.link-card{margin-top:0;border-color:transparent;background:var(--surface-hover)}}.quote-head{display:flex;align-items:center;gap:var(--space-100);min-width:0;font-size:var(--text-100);font-weight:var(--weight-400);color:var(--text-muted);text-decoration:none;img{width:var(--avatar-xs);height:var(--avatar-xs);border-radius:var(--radius-round);object-fit:cover;flex:none}strong,span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}strong{flex:0 1 auto;color:var(--text-color);font-weight:var(--weight-600)}span{flex:0 9 auto}&:hover strong{text-decoration:underline}}.quote-text{margin:0;font-size:var(--text-200);line-height:var(--leading-card);white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden}.link-card{display:flex;gap:var(--space-200);margin-top:var(--space-200);overflow:hidden;font-weight:var(--weight-400);line-height:var(--leading-card);border:var(--border-1) solid var(--divider-color);border-radius:var(--radius-2);color:var(--text-color);text-decoration:none;transition:background var(--transition-fast);&:hover{background:var(--surface-hover)}img{width:var(--link-thumb);height:auto;object-fit:cover;flex:none}span{display:grid;gap:var(--space-25);min-width:0;padding:var(--space-200) var(--space-200) var(--space-200) 0;&:first-child{padding-left:var(--space-200)}}strong{font-weight:var(--weight-600);overflow-wrap:anywhere;text-decoration:underline}&:hover strong{text-decoration:none}small{color:var(--text-muted);font-size:var(--text-100)}@media (max-width:30rem){flex-direction:column;gap:0;img{width:100%;aspect-ratio:1.91}span,span:first-child{padding:var(--space-200)}}}.release{display:grid;grid-template-columns:var(--thumb-sm) minmax(0,1fr);gap:0 var(--space-300);padding:var(--space-300);margin:0 0 var(--space-200);@media (max-width:30rem){grid-template-columns:var(--thumb-xs) minmax(0,1fr);gap:0 var(--space-200)}h3{margin:0;font-size:var(--text-400);font-weight:var(--weight-600);line-height:var(--leading-title)}h3 a{color:var(--text-color);&:hover{text-decoration:none}}.pre{margin:var(--space-50) 0 0;color:var(--text-muted);font-size:var(--text-200);line-height:var(--leading-snug)}}.release-logo{width:100%;height:auto;aspect-ratio:1;border-radius:var(--radius-2);background:var(--divider-color)}.release-body{min-width:0}.release-strip{grid-column:1 / -1;margin-top:var(--space-300);padding:var(--space-200);border-radius:var(--radius-2);background:var(--site-bg);.days{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;min-height:var(--space-600);padding-bottom:var(--space-50);&::before{content:"";position:absolute;inset:auto 0 0;height:var(--border-1);background:var(--divider-color)}}i{position:relative;display:flex;flex-direction:column-reverse;align-items:center;gap:var(--space-25)}i:nth-last-child(7n){box-shadow:inset var(--border-1) 0 var(--divider-color)}b{width:var(--space-75);aspect-ratio:1;border-radius:var(--radius-round);background:var(--text-muted)}.dot-pre{background:var(--border-color)}.dot-major{background:var(--interactive)}i:hover b:not(.dot-major){background:var(--text-color)}i:nth-child(-n+5)::before{left:0;translate:0 var(--space-25)}i:nth-last-child(-n+5)::before{left:auto;right:0;translate:0 var(--space-25)}i:is(:nth-child(-n+5),:nth-last-child(-n+5)):hover::before{translate:0 0}.labels{display:flex;justify-content:space-between;margin-top:var(--space-50);color:var(--text-muted);font-size:var(--text-100);line-height:var(--leading-snug)}}.release-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:0 var(--space-200);span{color:var(--text-muted);font-size:var(--text-200);line-height:var(--leading-snug)}}.versions{margin:0;padding:0;list-style:none;color:var(--text-muted);font-size:var(--text-200);line-height:var(--leading-snug);li{padding-block:var(--space-50)}}:is(.post,.article,.article-rows li):has(>.new-dot){position:relative}.new-dot{width:var(--dot);height:var(--dot);border-radius:var(--radius-round);background:var(--interactive);@media (prefers-reduced-motion:no-preference){animation:new-glow 1.4s ease-out var(--duration-base) 2}:is(.post,.article,.article-rows li)>&{position:absolute;top:var(--space-100);right:var(--space-100)}:is(.post,.article,.article-rows li)>&{cursor:help;&::after{content:"";position:absolute;inset:calc(var(--space-75) * -1)}&::before{top:calc(100% + var(--space-100));bottom:auto;left:auto;right:calc(var(--space-50) * -1);translate:0 calc(var(--space-25) * -1)}&:hover::before{translate:0 0}}}.sidebar>.new-legend{display:flex;align-items:center;justify-content:center;gap:var(--space-100);margin-top:var(--space-50);&[hidden]{display:none}}.major,.book-new{margin-left:var(--space-50);padding:0 var(--space-100);border:var(--border-1) solid var(--interactive);border-radius:var(--radius-pill);color:var(--interactive);font-size:var(--text-100);font-weight:var(--weight-600)}.release-rows{margin:0;padding:0;list-style:none;li{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 var(--space-200);padding:var(--space-200) var(--space-300);line-height:var(--leading-title)}strong{font-weight:var(--weight-600)}span{margin-left:auto;color:var(--text-muted);font-size:var(--text-200);line-height:var(--leading-snug)}}.article{display:flex;gap:var(--space-300);padding:var(--space-300);margin:0 0 var(--space-200);h3{margin:0;font-size:var(--text-400);font-weight:var(--weight-600);line-height:var(--leading-title)}h3 a{color:var(--text-color);&:hover{text-decoration:none}}@media (max-width:30rem){gap:var(--space-200)}}.article-thumb{flex:none;align-self:flex-start;width:var(--thumb-lg);height:auto;aspect-ratio:1;object-fit:cover;object-position:left top;border-radius:var(--radius-2);background:var(--divider-color);display:grid;place-items:center;color:var(--text-muted);font-size:var(--text-500);font-weight:var(--weight-700);font-stretch:var(--stretch-wide);@media (max-width:30rem){width:var(--thumb-md);font-size:var(--text-400)}}.article-body{min-width:0;flex:1}@media (max-width:30rem){.article{display:grid;grid-template-columns:var(--thumb-md) minmax(0,1fr);gap:0 var(--space-200)}.article .article-thumb{grid-row:span 2}.article-body{display:contents}.article-body>:is(.article-text,.card-actions){grid-column:1 / -1}.article-text{margin-top:var(--space-200)}}.article-meta{margin:var(--space-50) 0 0;color:var(--text-muted);font-size:var(--text-200);line-height:var(--leading-snug);a{color:var(--text-muted)}}.article-text{margin:var(--space-100) 0 0;overflow-wrap:anywhere;line-height:var(--leading-card)}.books{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--card-min),1fr));gap:var(--space-200)}.book{position:relative;display:flex;align-items:flex-start;gap:var(--space-300);padding:var(--space-300);transition:background var(--transition-fast);@media (max-width:30rem){gap:var(--space-200)}&:hover{background:var(--surface-hover)}h3{margin:0 0 var(--space-50);font-size:var(--text-400);font-weight:var(--weight-600);line-height:var(--leading-title);overflow-wrap:anywhere}h3 a{color:var(--text-color);text-decoration:none;&::after{content:"";position:absolute;inset:0;border-radius:var(--radius-2)}}p{margin:0;color:var(--text-muted);font-size:var(--text-200);line-height:var(--leading-snug)}}.book-body{min-width:0;flex:1}.book-cover{flex:none;width:var(--cover-w);height:auto;aspect-ratio:2 / 3;border-radius:var(--radius-1);background:var(--divider-color);display:grid;place-items:center;color:var(--text-muted);font-size:var(--text-500);font-weight:var(--weight-700);font-stretch:var(--stretch-wide)}img.book-cover{object-fit:cover;object-position:top}.skip-link{position:absolute;left:var(--gutter);top:-100px;z-index:var(--z-skip-link);padding:var(--space-100) var(--space-300);border-radius:var(--radius-1);background:var(--text-color);color:var(--site-bg);font-weight:var(--weight-600);&:focus{top:var(--space-200)}}main:focus{outline:none}.visually-hidden{position:absolute;width:var(--border-1);height:var(--border-1);overflow:hidden;clip-path:inset(50%);white-space:nowrap}:where([data-tip]){position:relative}[data-tip]::before{content:attr(data-tip);position:absolute;bottom:calc(100% + var(--space-75));left:50%;translate:-50% var(--space-25);z-index:var(--z-tooltip);padding:var(--space-25) var(--space-100);border-radius:var(--radius-1);background:var(--text-color);color:var(--site-bg);font-size:var(--text-100);font-weight:var(--weight-600);line-height:var(--leading-card);white-space:nowrap;opacity:0;pointer-events:none;@media (prefers-reduced-motion:no-preference){transition:opacity var(--transition-fast),translate var(--transition-fast)}}[data-tip]:is(:hover,:focus-visible,.tip-on)::before{opacity:1;translate:-50% 0}.card-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-100) var(--space-300);margin-top:var(--space-300);padding-top:var(--space-200);border-top:var(--border-1) solid var(--divider-color);color:var(--text-muted);font-size:var(--text-200);.counts,.share{display:flex;align-items:center;min-height:var(--control-lg)}.counts{gap:var(--space-300)}.share{border-radius:var(--radius-pill);background:var(--site-bg)}.count{display:inline-flex;align-items:center;gap:var(--space-50)}.share{--share-gap:var(--space-50);gap:var(--share-gap);padding:0 var(--space-50);margin-left:auto}@media (max-width:30rem){column-gap:var(--space-100);.counts{gap:var(--space-200)}.share{--share-gap:var(--space-25)}}.share-options{display:grid;grid-template-columns:1fr;>span{display:flex;align-items:center;gap:var(--share-gap);min-width:0}}.share .share-toggle{display:none}.js &{.share .share-toggle{display:grid}.share-options{grid-template-columns:0fr;margin-right:calc(var(--share-gap) * -1);opacity:0;visibility:hidden;>span{overflow:hidden}}.share.open .share-options{grid-template-columns:1fr;margin-right:0;opacity:1;visibility:visible}.share.shown .share-options>span{overflow:visible}.share.open .share-toggle{color:var(--text-color)}.share-toggle svg{grid-area:1 / 1}.share-toggle svg + svg,.share.open .share-toggle svg:first-child{opacity:0;scale:0.6}.share.open .share-toggle svg + svg{opacity:1;scale:1}@media (prefers-reduced-motion:no-preference){.share-toggle svg{transition:opacity var(--duration-fast) ease,scale var(--duration-fast) var(--ease-out)}.share-options{transition:grid-template-columns var(--duration-fast) var(--ease-out),margin-right var(--duration-fast) var(--ease-out),opacity var(--duration-fast) ease,visibility var(--duration-fast)}}}.share :is(a,button){display:grid;place-items:center;width:var(--control-lg);height:var(--control-lg);padding:0;border:0;border-radius:var(--radius-pill);background:none;color:var(--text-muted);font:inherit;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);&:hover,&:focus-visible{color:var(--text-color);background:var(--surface-hover)}}@media (max-width:22rem){.counts{gap:var(--space-100)}.share :is(a,button){width:var(--control-sm);height:var(--control-sm)}}.share .report-flag{position:relative;margin-left:var(--space-50);opacity:0.75;&::after{content:"";position:absolute;left:calc(var(--space-50) * -1 - var(--border-1));top:25%;height:50%;border-left:var(--border-1) solid var(--divider-color)}&:hover,&:focus-visible{opacity:1}&:disabled{cursor:default;color:var(--interactive);opacity:1;background:none}svg{width:var(--icon-sm);height:var(--icon-sm)}}@media (22rem < width <= 30rem){.share :is(a,button){width:var(--control-compact);height:var(--control-compact)}}.share>:last-child::before{left:auto;right:0;translate:0 var(--space-25)}.share>:last-child:is(:hover,:focus-visible,.tip-on)::before{translate:0 0}}.article-rows{margin:0;padding:0;list-style:none;li{display:grid;grid-template-columns:var(--thumb-sm) minmax(0,1fr);gap:var(--space-200);align-items:start;padding:var(--space-200) var(--space-300)}.article-thumb{width:var(--thumb-sm);font-size:var(--text-300)}li>div>a{display:block;color:var(--text-color);font-weight:var(--weight-600);line-height:var(--leading-title);&:hover{text-decoration:none}}}.site-footer{margin-top:var(--space-800);padding:var(--space-500) 0;border-top:var(--border-1) solid var(--divider-color);color:var(--text-muted);font-size:var(--text-200);.wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-300)}p{margin:0}.footer-about{display:grid;gap:var(--space-50)}.footer-note{font-size:var(--text-100)}@media (max-width:48rem){padding-bottom:var(--space-600)}@media (max-width:30rem){.wrap{flex-direction:column;gap:var(--space-400);text-align:center}}}.suggest{display:grid;gap:var(--space-300);margin-top:var(--space-600);padding:var(--space-400);border-radius:var(--radius-2);background:var(--site-bg-alt);box-shadow:var(--shadow);label{display:grid;gap:var(--space-50);color:var(--text-color);font-size:var(--text-200);font-weight:var(--weight-600)}small{margin-left:var(--space-50);color:var(--text-muted);font-size:inherit;font-weight:var(--weight-400)}.hint{margin:0;font-size:var(--text-100)}:is(input,select,textarea){width:100%;padding:var(--space-200) var(--space-300);border:var(--border-1) solid var(--border-color);border-radius:var(--radius-2);background:var(--site-bg);color:var(--text-color);font:inherit;font-size:var(--text-300);font-weight:var(--weight-400);&:focus{border-color:var(--text-muted)}}textarea{min-height:var(--textarea-min);resize:vertical}select{appearance:none;padding-right:calc(var(--space-300) * 2 + var(--icon-xs));background:var(--site-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238a8a8a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right var(--space-300) center / var(--icon-sm)}button{justify-self:end;padding:var(--space-200) var(--space-400);border:0;border-radius:var(--radius-2);cursor:pointer;background:var(--text-color);color:var(--site-bg);font:inherit;font-size:var(--text-200);font-weight:var(--weight-500);line-height:var(--leading-snug);transition:background var(--transition-fast);&:hover{background:color-mix(in srgb,var(--text-color) 85%,var(--site-bg))}}.hp{position:absolute;left:-10000px;width:var(--border-1);height:var(--border-1);overflow:hidden}}.lost{display:grid;justify-items:center;align-content:center;min-height:60vh;padding-block:var(--space-700);text-align:center;h1{display:grid;justify-items:center;margin:0;font-size:var(--text-500);line-height:var(--leading-tight)}.lost-code{--x:30%;--y:25%;--rx:0deg;--ry:0deg;padding-inline:0.05em;font-size:var(--lost-code);line-height:0.95;letter-spacing:var(--tracking-tighter);cursor:default;background:radial-gradient(circle at var(--x) var(--y),color-mix(in srgb,var(--gloss-light) 90%,transparent),transparent 32%),linear-gradient(160deg,color-mix(in srgb,var(--interactive) 60%,var(--gloss-light)),var(--interactive) 45%,color-mix(in srgb,var(--interactive) 55%,var(--gloss-dark)));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(var(--shadow-text));transform:perspective(40rem) rotateX(var(--rx)) rotateY(var(--ry));@media (prefers-reduced-motion:no-preference){transition:transform var(--duration-base) ease-out}}p{margin:var(--space-400) 0 0;color:var(--text-muted)}.lost-label{margin-top:var(--space-500);color:var(--text-color);font-weight:var(--weight-600)}}.landing{min-height:0;padding-block:var(--space-600) var(--space-400);.hand{position:relative;display:grid;place-items:center;width:var(--badge);height:var(--badge);padding:0;border-radius:var(--radius-round);border:var(--border-1) solid color-mix(in srgb,var(--interactive) 35%,transparent);background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--interactive) 22%,transparent),transparent 65%),var(--site-bg-alt);color:var(--text-color)}button.hand{cursor:pointer;-webkit-tap-highlight-color:transparent;&:hover{border-color:color-mix(in srgb,var(--interactive) 60%,transparent)}}.hand-svg{width:var(--thumb-md);height:var(--thumb-md);transform-origin:50% 80%}h1{margin-top:var(--space-400);font-size:var(--text-section)}p{max-width:var(--measure)}.five-count{min-height:1.5em;margin:var(--space-200) 0 0;color:var(--text-color);font-size:var(--text-200);font-weight:var(--weight-600)}.five-count + .lost-links{margin-top:var(--space-300)}.lost-links{margin-top:var(--space-500)}}.smack{position:absolute;inset:0;pointer-events:none}.smack i{position:absolute;border-radius:var(--radius-pill);background:var(--interactive);opacity:0;pointer-events:none}.smack i{left:50%;top:50%;width:var(--border-3);height:var(--space-300);margin:calc(var(--space-300) / -2) 0 0 calc(var(--border-3) / -2);transform:rotate(var(--a)) translateY(calc(var(--badge) / -2 - var(--space-400)))}.retry .hand{border-color:var(--divider-color);background:var(--site-bg-alt);color:var(--text-muted)}@media (prefers-reduced-motion:no-preference){.high-five .hand-svg{animation:up-top 0.7s var(--ease-bounce) both}.high-five .smack i{animation:smack 0.5s 0.45s ease-out both}.high-five .hand.again .hand-svg{animation:slap 0.35s ease-out}.high-five .hand.again .smack i{animation:smack 0.45s 0.05s ease-out both}.retry .hand-svg{animation:rise 0.5s ease-out both,wave 1s 0.5s var(--ease-in-out) both}}@keyframes up-top{0%{transform:translateY(60%) rotate(-30deg) scale(0.7);opacity:0}60%{transform:translateY(-6%) rotate(8deg) scale(1.1);opacity:1}80%{transform:rotate(-4deg) scale(0.96)}100%{transform:none}}@keyframes slap{35%{transform:rotate(10deg) scale(1.15)}65%{transform:rotate(-5deg) scale(0.95)}}@keyframes smack{0%{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--badge) / -2 - var(--space-100))) scaleY(0.4)}30%{opacity:1}100%{opacity:0;transform:rotate(var(--a)) translateY(calc(var(--badge) / -2 - var(--space-600))) scaleY(1)}}@keyframes rise{from{transform:translateY(40%);opacity:0}}@keyframes wave{20%{transform:rotate(14deg)}45%{transform:rotate(-10deg)}70%{transform:rotate(8deg)}100%{transform:none}}.lost-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-100);margin:var(--space-200) 0 0;padding:0;list-style:none;a{display:block;padding:var(--space-100) var(--space-400);border-radius:var(--radius-pill);background:var(--site-bg-alt);color:var(--text-color);font-size:var(--text-200);font-weight:var(--weight-600);text-decoration:none;transition:background var(--transition-fast);&:hover{background:var(--surface-hover)}}}.live-dot{display:inline-block;width:var(--dot);height:var(--dot);margin-right:var(--space-100);border-radius:var(--radius-round);background:var(--live);vertical-align:0.05em}@media (prefers-reduced-motion:no-preference){.live-dot{animation:live 2.4s ease-out infinite}}@keyframes new-glow{0%{box-shadow:0 0 0.35rem 0.05rem color-mix(in srgb,var(--interactive) 70%,transparent),0 0 0 0 color-mix(in srgb,var(--interactive) 55%,transparent)}70%{box-shadow:0 0 0.35rem 0.05rem color-mix(in srgb,var(--interactive) 40%,transparent),0 0 0 0.45rem transparent}100%{box-shadow:0 0 0 0 transparent,0 0 0 0.45rem transparent}}@keyframes live{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--live) 60%,transparent)}70%,100%{box-shadow:0 0 0 0.45rem transparent}}.see-all span{display:inline-block}@media (hover:hover) and (prefers-reduced-motion:no-preference){.see-all span{transition:translate var(--transition-fast)}.see-all:hover span{translate:var(--nudge) 0}}:is(.post,.article,.release,.article-rows li,.release-rows li):focus-visible{outline:var(--border-2) solid var(--interactive);outline-offset:var(--border-2)}.footer-end{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-200)}.footer-icons{display:flex;gap:var(--space-25);padding:var(--space-25);border-radius:var(--radius-pill);background:var(--site-bg-alt);:is(a,button){display:grid;place-items:center;width:var(--control-md);height:var(--control-md);padding:0;border:0;border-radius:var(--radius-pill);background:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);&:hover,&:focus-visible{color:var(--text-color);background:var(--site-bg)}}svg{width:var(--icon-lg);height:var(--icon-lg)}}.footer-icons .keys-hint{display:none;@media (hover:hover) and (pointer:fine){display:grid}}.keys{color:var(--text-color);font-size:var(--text-300);line-height:var(--leading-body);h2{margin:0 0 var(--space-300);font-size:var(--text-400)}dl{display:grid;grid-template-columns:auto 1fr;gap:var(--space-200) var(--space-300);margin:0;font-size:var(--text-200)}dt{white-space:nowrap}dd{margin:0;color:var(--text-muted)}form{display:flex;align-items:center;justify-content:space-between;gap:var(--space-300);margin-top:var(--space-400)}.keys-secret{margin:0;color:var(--text-muted);font-size:var(--text-100);font-style:italic}}kbd{display:inline-block;min-width:1.6em;padding:0 0.4em;border:var(--border-1) solid var(--border-color);border-bottom-width:var(--border-2);border-radius:var(--radius-1);background:var(--site-bg);font:var(--weight-600) var(--text-100) / var(--leading-card) ui-monospace,monospace;text-align:center}.theme-switch{--thumb:var(--control-sm);--inset:var(--space-50);position:relative;display:flex;cursor:pointer;input{position:absolute;opacity:0;width:0;height:0}.theme-track{position:relative;display:flex;gap:var(--inset);padding:var(--inset);border-radius:var(--radius-pill);background:var(--site-bg-alt);transition:background var(--transition-fast);&::before{content:"";position:absolute;top:var(--inset);left:var(--inset);width:var(--thumb);height:var(--thumb);border-radius:var(--radius-round);background:var(--site-bg);box-shadow:var(--shadow)}}&:hover .theme-track{background:var(--surface-hover)}input:focus-visible + .theme-track{outline:var(--border-2) solid var(--focus-ring);outline-offset:var(--focus-offset)}svg{position:relative;display:block;width:var(--thumb);height:var(--thumb);padding:calc(var(--thumb) * 0.15);opacity:0.45}.sun{fill:var(--sun)}.moon{fill:var(--moon)}input:not(:checked) + .theme-track .sun,input:checked + .theme-track .moon{opacity:1}input:checked + .theme-track::before{translate:calc(var(--thumb) + var(--inset)) 0}}@media (prefers-reduced-motion:no-preference){.theme-switch.ready .theme-track::before{transition:translate var(--duration-base) var(--ease-in-out)}.theme-switch.ready svg{transition:opacity var(--duration-base) var(--ease-in-out)}}.site-mark.flip{animation:mark-flip 0.9s var(--ease-spring)}@keyframes mark-flip{from{transform:rotateY(0)}to{transform:rotateY(360deg)}}.egg{position:fixed;inset:0;z-index:var(--z-overlay);overflow:hidden;pointer-events:none;span{position:absolute;top:calc(var(--space-600) * -1);padding:var(--space-25) var(--space-100);border:var(--border-1) solid var(--border-color);border-radius:var(--radius-pill);background:var(--site-bg-alt);color:var(--text-color);font:var(--weight-600) var(--text-100) / var(--leading-card) ui-monospace,monospace;white-space:nowrap;animation:egg-fall linear forwards}}@keyframes egg-fall{to{transform:translateY(calc(100vh + var(--space-600) * 2))}}.egg-toast{position:fixed;bottom:var(--space-500);left:50%;z-index:var(--z-toast);translate:-50% 0;margin:0;padding:var(--space-100) var(--space-400);border-radius:var(--radius-pill);background:var(--text-color);color:var(--site-bg);font-weight:var(--weight-600);box-shadow:var(--shadow-float);@media (width < 48rem){bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--space-300))}}@media (prefers-reduced-motion:no-preference){.egg-toast{animation:toast-in var(--duration-base) ease-out}}@keyframes toast-in{from{opacity:0;translate:-50% var(--space-100)}}.prose{max-width:var(--prose-max);h2{margin:var(--space-700) 0 var(--space-200);font-size:var(--text-h2)}.intro + &>:first-child{margin-top:var(--space-600)}@media (max-width:30rem){h2{margin-top:var(--space-600)}}p{margin:0 0 var(--space-300)}}