.unfolding{--paper: oklch(94% .004 100);--card: oklch(96% .004 100);--ink: var(--black);--accent: var(--magenta);--dim: color-mix(in lab, var(--black) 55%, var(--paper));--faint: color-mix(in lab, var(--black) 25%, var(--paper));--highlight: color-mix(in lab, var(--yellow) 26%, var(--paper));--highlight-hover: color-mix(in lab, var(--yellow) 55%, var(--paper));--highlight-alt: color-mix(in lab, var(--yellow) 13%, var(--paper));--highlight-alt-hover: color-mix(in lab, var(--yellow) 44%, var(--paper));--prose: "Special Elite", "Courier New", monospace;--chrome-size: var(--step--2);--chrome-size-sm: calc(var(--step--2) * .82);--tracking: .15em;--rule: var(--border-width-base) solid var(--ink);position:relative;min-block-size:100dvh;background:var(--paper);color:var(--ink);font-family:var(--prose);padding-block-start:calc(var(--menu-block-size, 3rem) + var(--space-0))}.unfolding:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E");pointer-events:none;mix-blend-mode:multiply;z-index:1}.unfolding .page{position:relative;z-index:2;max-inline-size:760px;margin:0 auto;padding:var(--space-1) var(--space-0) var(--space-3)}.unfolding a{display:inline;color:inherit;text-decoration:none}.unfolding a:after{content:none}.unfolding a:hover,.unfolding a:focus{color:inherit}.unfolding h1{font-family:var(--font-family-title);font-size:var(--step-2);font-weight:var(--font-weight-bold);letter-spacing:.02em;line-height:var(--line-height-tight);margin:var(--space--1) 0;text-transform:uppercase}.unfolding h2{font-size:var(--step-1)}.unfolding ul,.unfolding ol{list-style:none;padding:0;margin:0}.unfolding li{margin-left:0;padding:0}.unfolding .meta-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space--2);margin:.3em 0;font-family:var(--font-family-mono);font-size:var(--chrome-size);font-weight:500;letter-spacing:var(--tracking);text-transform:uppercase}.unfolding .meta-row span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.unfolding .rule{block-size:0;border-block-start:var(--rule);margin:var(--space-0) 0}.unfolding .rule.double{border-block-end:var(--rule);block-size:4px}.unfolding .instructions{font-family:var(--font-family-mono);font-size:var(--chrome-size);letter-spacing:.05em;text-transform:uppercase;margin:.5em 0}.unfolding .kbd{background:var(--ink);color:var(--paper);padding:1px 6px;font-weight:var(--font-weight-bold)}.unfolding .dim{color:var(--dim)}.unfolding .manifesto{margin:var(--space-0) 0}.unfolding .manifesto-title{font-family:var(--font-family-title);font-size:var(--step-1);font-weight:var(--font-weight-bold);letter-spacing:.02em;margin:0 0 .4em}.unfolding .manifesto p{font-size:var(--step-0);line-height:var(--line-height-loose);margin:0;color:color-mix(in lab,var(--ink) 85%,var(--paper))}.unfolding .progress-label{display:flex;justify-content:space-between;gap:1ch;font-family:var(--font-family-mono);font-size:var(--chrome-size-sm);font-weight:500;letter-spacing:.1em;text-transform:uppercase}.unfolding .back-link{background:none;border:none;padding:0;font:inherit;letter-spacing:inherit;color:inherit;text-transform:uppercase;cursor:pointer}.unfolding .back-link:hover,.unfolding .back-link:focus-visible{color:var(--accent)}.unfolding .site-footer{position:relative;z-index:2;max-inline-size:760px;margin:0 auto;padding:0 var(--space-0) var(--space-2)}.unfolding .site-footer .meta-row{justify-content:center;gap:var(--space-0)}.unfolding .site-footer a{font-family:var(--font-family-mono);font-weight:var(--font-weight-bold);letter-spacing:var(--tracking)}.unfolding .site-footer a:hover,.unfolding .site-footer a:focus-visible{color:var(--accent)}.unfolding :focus-visible{outline:var(--border-width-base) solid var(--accent);outline-offset:2px}@media(max-width:540px){.unfolding .page{padding:var(--space-0) var(--space--1) var(--space-2)}.unfolding .site-footer{padding:0 var(--space--1) var(--space-1)}.unfolding .site-footer .meta-row{flex-direction:column;gap:.5em}}
