:root{--bg:#fff;--fg:#000;--muted:#888;--pad-x:1.5rem;--pad-y:1.5rem;--gap:1.75rem;--fs:13px;--ease-o6:cubic-bezier(.16,1,.3,1);--reveal-dur:1.1s;--reveal-step:80ms}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--fg);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:var(--fs);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.45}*{box-sizing:border-box;font-size:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}a{color:inherit;text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}a:hover{text-decoration:none}ul,ol{list-style:none}.main{width:100%}.page{padding:var(--pad-y)var(--pad-x);max-width:36rem;min-height:100svh}.row{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.right{text-align:right}.block{margin-top:var(--gap)}.block:first-child{margin-top:0}@keyframes reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translate(0,0)}}.page>*{opacity:0;will-change:opacity,transform;animation:reveal var(--reveal-dur)var(--ease-o6)forwards;animation-delay:calc(var(--reveal-step)*var(--i,0))}.page>:first-child{--i:0}.page>:nth-child(2){--i:1}.page>:nth-child(3){--i:2}.page>:nth-child(4){--i:3}.page>:nth-child(5){--i:4}.page>:nth-child(6){--i:5}.page>:nth-child(7){--i:6}.page>:nth-child(8){--i:7}@media (prefers-reduced-motion:reduce){.page>*{opacity:1;animation:none;transform:none}}.tree li{padding-left:1.25rem;position:relative}.tree li:before{content:"└";color:var(--muted);position:absolute;left:0}.muted{color:var(--muted)}.clock{bottom:var(--pad-y);right:var(--pad-x);font-variant-numeric:tabular-nums;pointer-events:none;z-index:10;position:fixed}.indent{margin-top:.25rem;padding-left:1.25rem}#grid{pointer-events:none;z-index:10000;opacity:0;padding:0 var(--pad-x);gap:1.25rem;display:flex;position:fixed;inset:0}#grid.open{opacity:1}#grid .col{opacity:.08;background:#000;flex:1 0 0;height:100%}