: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;--weight-400:400;--weight-500:500;--weight-600:600;--weight-700:700;--tracking-tight:-0.02em;--tracking-normal:0.02em;--shadow:0 3px 2px rgba(0,0,0,0.3);--border-1:1px;--border-3:3px;--avatar:2.75rem;--transition-fast:0.15s ease;--header-h:4.5rem;@media (prefers-color-scheme:light){color-scheme:light}}@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}body{margin:0;display:flex;flex-direction:column;min-height:100dvh;background:var(--site-bg);color:var(--text-color);font:var(--weight-400) 1rem / var(--leading-body) "Pixelflips Sans",system-ui,sans-serif}a{color:var(--interactive);font-weight:var(--weight-500);&:hover{text-decoration:none}}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}h1,h2{color:var(--text-color);font-weight:var(--weight-700);font-stretch:112.5%;letter-spacing:var(--tracking-tight);line-height:1.2}.wrap{width:100%;max-width:68rem;margin:0 auto;padding:0 16px}.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) 17rem;column-gap:var(--space-800)}}.post,.release,.article,.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:0.2s}}.site-header{view-transition-name:site-header;position:sticky;top:0;z-index:10;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(12px);backdrop-filter:blur(12px);.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 (max-width:30rem){ul{flex-wrap:wrap;gap:0;margin-inline:calc(-1 * var(--space-100))}ul a{padding-inline:var(--space-100)}}}.site-name{display:inline-flex;align-items:center;gap:var(--space-100);color:var(--text-color);font-weight:var(--weight-700);font-stretch:112.5%;letter-spacing:var(--tracking-tight);font-size:var(--text-400);text-decoration:none}.site-mark{flex:none;height:1.625rem;width:auto;.mark-p{fill:var(--logo-pixel)}.mark-f{fill:var(--logo-flips)}}.intro{padding:var(--space-700) 0 var(--space-100);h1{margin:0;font-size:var(--text-section)}p{margin:var(--space-200) 0 0;max-width:36em;color:var(--text-muted)}}.sidebar{margin-top:var(--space-700);font-size:var(--text-200);color:var(--text-muted);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}@media (min-width:60rem){position:sticky;top:calc(var(--header-h) + var(--space-700));max-height:calc(100vh - var(--header-h) - var(--space-700) - var(--space-300));overflow-y:auto;scrollbar-width:thin}}.sidebar-box{padding:var(--space-300);background:var(--site-bg-alt);border-radius:var(--radius-2)}.sidebar>.footnote{margin:var(--space-200) var(--space-300) 0;font-size:var(--text-100);text-align:center}.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:2px;padding:var(--space-200);border-radius:var(--radius-2);background:var(--site-bg);color:var(--text-muted)}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:1.1;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:2px;min-width:0;flex:1;color:var(--text-muted);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:12px;height:12px}}}.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)}}.meter{display:flex;height:0.5rem;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,0.625rem);li{display:grid;grid-template-columns:1fr auto;gap:4px var(--space-200);align-items:baseline}i{grid-column:1 / -1;display:block;height:3px;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}}.odo{display:inline-flex}.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 cubic-bezier(0.2,0.8,0.2,1) calc(var(--i) * 90ms) both}.meter span{animation:bar-grow 0.9s cubic-bezier(0.2,0.8,0.2,1) 0.2s both}.piles i::before{animation:bar-grow 0.8s cubic-bezier(0.2,0.8,0.2,1) calc(0.3s + var(--i) * 70ms) both}}@keyframes odo-roll{from{transform:translateY(0)}}@keyframes bar-grow{from{width:0}}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-300);margin:var(--space-700) 0 var(--space-50);h2{margin:0;font-size:var(--text-500)}a{font-size:var(--text-200);white-space:nowrap}}.sub{margin:0 0 var(--space-300);color:var(--text-muted);font-size:var(--text-200)}.empty{color:var(--text-muted)}.post{display:flex;gap:var(--space-200);padding:var(--space-300);margin:0 0 var(--space-200)}.avatar{width:var(--avatar);height:var(--avatar);border-radius:50%;flex:none;background:var(--divider-color)}.post-body{min-width:0;flex:1}.who{margin:0;font-size:var(--text-200);overflow-wrap:anywhere;>a{color:var(--text-color);font-weight:var(--weight-600);&:hover{text-decoration:none}}span,span a{color:var(--text-muted);font-weight:var(--weight-400)}}.text{margin:var(--space-50) 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.link-card{display:flex;gap:var(--space-200);margin-top:var(--space-200);overflow:hidden;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:6rem;object-fit:cover;flex:none}span{display:grid;gap:2px;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)}}.release{padding:var(--space-300);margin:0 0 var(--space-200);h3{margin:0;font-size:var(--text-400);font-weight:var(--weight-600)}h3 a{color:var(--text-color);&:hover{text-decoration:none}}.pre{margin:var(--space-100) 0 0;color:var(--text-muted);font-size:var(--text-200)}}.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)}}.versions{margin:var(--space-100) 0 0;padding:0;list-style:none;li{padding-block:var(--space-50)}span{color:var(--text-muted);font-size:var(--text-200)}}.major{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)}strong{font-weight:var(--weight-600)}span{margin-left:auto;color:var(--text-muted);font-size:var(--text-200)}}.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:1.4}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:6rem;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:112.5%;@media (max-width:30rem){width:4rem;font-size:var(--text-400)}}.article-body{min-width:0;flex:1}.article-meta{margin:var(--space-50) 0 0;color:var(--text-muted);font-size:var(--text-200);a{color:var(--text-muted)}}.article-text{margin:var(--space-100) 0 0;overflow-wrap:anywhere}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.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:2rem;border-radius:var(--radius-pill);background:var(--site-bg)}.counts{gap:var(--space-300);padding:0 var(--space-300)}.count{display:inline-flex;align-items:center;gap:var(--space-50)}.share{gap:var(--space-50);padding:0 var(--space-50) 0 var(--space-300);margin-left:auto}a{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--radius-pill);color:var(--text-muted);transition:color var(--transition-fast),background var(--transition-fast);&:hover,&:focus-visible{color:var(--text-color);background:var(--surface-hover)}}}.article-rows{margin:0;padding:0;list-style:none;li{display:grid;padding:var(--space-200) var(--space-300)}li>a{color:var(--text-color);font-weight:var(--weight-600);&:hover{text-decoration:none}}span{margin:var(--space-50) 0 0;color:var(--text-muted);font-size:var(--text-200);a{color:var(--text-muted)}}}.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;justify-content:space-between;gap:var(--space-100) var(--space-300)}p{margin:0}}.prose{max-width:40rem;h2{margin:var(--space-600) 0 var(--space-200);font-size:var(--text-500)}p{margin:0 0 var(--space-300)}}