:root{--bg:#fff;--ink:#111214;--muted:#8a8d94;--line:#eee;--h:340;--accent:hsl(var(--h) 85% 45%);--accent-strong:hsl(var(--h) 90% 60%);--accent-dark:hsl(var(--h) 90% 32%);color-scheme:light dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#111214;--ink:#f5f5f6;--muted:#9a9da4;--line:#26282c;--accent:hsl(var(--h) 85% 62%);--accent-strong:hsl(var(--h) 90% 72%);--accent-dark:hsl(var(--h) 90% 45%)}}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--bg:#111214;--ink:#f5f5f6;--muted:#9a9da4;--line:#26282c;--accent:hsl(var(--h) 85% 62%);--accent-strong:hsl(var(--h) 90% 72%);--accent-dark:hsl(var(--h) 90% 45%)}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;position:relative}header,main,footer{z-index:1;max-width:34rem;margin:0 auto;padding-left:1.25rem;padding-right:1.25rem;position:relative}header{text-align:center;padding-top:3.5rem;padding-bottom:1.5rem}main{padding-top:1rem;padding-bottom:6rem}.wordmark{letter-spacing:-.02em;color:var(--ink);font-size:2.5rem;font-weight:700;text-decoration:none;display:inline-block}.wordmark .wtf{color:var(--accent);transition:color .16s}.wordmark:hover .wtf,.wordmark:focus-visible .wtf{color:var(--accent-dark)}h1{letter-spacing:-.01em;margin:0 0 2.5rem;font-size:1.9rem;font-weight:600}.index-empty{color:var(--muted)}.tagline{border-left:2px solid var(--accent);color:var(--muted);margin:0 0 1.5rem;padding:0 0 0 1rem;font-size:1.1rem;font-style:italic}.index-hr{border:none;border-top:1px solid var(--line);margin:0 0 2.5rem}.index-list{margin:0;padding:0;list-style:none}.index-list li{margin-bottom:3.5rem}.index-list a{color:var(--ink);text-decoration:none;display:block}.index-list .num{color:var(--accent);margin-bottom:.3rem;font-size:.75rem;transition:color 60ms linear;display:block}.index-list .title{letter-spacing:-.01em;background-image:linear-gradient(var(--accent), var(--accent));background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;padding-bottom:.15rem;font-size:1.6rem;font-weight:600;transition:background-size .26s;display:inline-block}.index-list a:hover .title,.index-list a:focus-visible .title{background-size:100% 2px}.index-list .date{color:var(--muted);margin-top:.3rem;font-size:.75rem;display:block}.index-list .excerpt{color:var(--muted);margin:.75rem 0 0}.index-list .read-more{color:var(--accent);white-space:nowrap;text-decoration:none}.index-list .read-more:hover,.index-list .read-more:focus-visible{text-decoration:underline}.back-link{color:var(--muted);margin-bottom:2rem;font-size:.85rem;text-decoration:none;transition:color .16s;display:inline-block}.back-link:hover,.back-link:focus-visible{color:var(--accent-strong)}article>header{margin-bottom:2rem}article>header h1{margin:0 0 .5rem}article time{color:var(--muted);font-size:.85rem}article :where(p,ul,ol,blockquote,pre,figure){margin:0 0 1.25em}article :where(h2,h3){letter-spacing:-.01em;margin:1.75em 0 .75em;font-weight:600}article :where(a){color:var(--ink);background-image:linear-gradient(var(--accent), var(--accent));background-position:0 100%;background-repeat:no-repeat;background-size:100% 1.5px;text-decoration:none;transition:background-size .22s,color .16s}article :where(a):hover,article :where(a):focus-visible{color:var(--accent)}article :where(code){background:var(--line);border-radius:3px;padding:.15em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em}article :where(pre){background:var(--line);border-radius:6px;padding:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85em;overflow-x:auto}article :where(pre code){background:0 0;padding:0}article :where(blockquote){border-left:2px solid var(--accent);color:var(--muted);margin-left:0;padding-left:1rem;font-style:italic}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding-top:1.5rem;padding-bottom:1.5rem;font-size:.8rem;display:flex}footer a{color:var(--ink);text-decoration:none;transition:color .16s}footer a:hover,footer a:focus-visible{color:var(--accent-strong)}.skip-link{background:var(--ink);color:var(--bg);z-index:100;padding:.5rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{top:1rem;left:1rem}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.corner-controls{z-index:150;gap:.4rem;display:flex;position:fixed;bottom:.75rem;left:.75rem}.corner-btn{border:1px solid var(--line);background:var(--bg);width:1.9rem;height:1.9rem;color:var(--muted);cursor:pointer;opacity:.55;border-radius:999px;justify-content:center;align-items:center;font-size:.9rem;line-height:1;transition:opacity .16s,color .16s;display:flex}.corner-btn:hover,.corner-btn:focus-visible{opacity:1;color:var(--ink)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}.bg-layer{z-index:0;pointer-events:none;display:none;position:fixed}.bg-layer svg{width:100%;height:auto;display:block}html[data-bg=rotating-contours] .bg-rotating-contours,html[data-bg=wood-grain-corner] .bg-wood-grain-corner{display:block}.bg-rotating-contours{opacity:.048;width:min(120vw,900px);top:50%;left:50%;transform:translate(-50%,-50%)}.ring{transform-box:view-box;transform-origin:200px 200px}.ring-1{animation:190s linear infinite spin-cw}.ring-2{animation:144s linear infinite spin-ccw}.ring-3{animation:110s linear infinite spin-cw}.ring-4{animation:80s linear infinite spin-ccw}.ring-5{animation:52s linear infinite spin-cw}@keyframes spin-cw{to{transform:rotate(360deg)}}@keyframes spin-ccw{to{transform:rotate(-360deg)}}@media (prefers-reduced-motion:reduce){.ring{animation:none}}html[data-motion=paused] .ring{animation-play-state:paused}.bg-wood-grain-corner{opacity:.07;width:min(62vw,500px);top:-11vw;left:-11vw}.debug-panel{z-index:300;background:var(--bg);border-left:1px solid var(--line);width:15rem;padding:1.25rem;font-size:.85rem;transition:transform .26s;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.debug-panel.open{transform:translate(0)}.debug-panel h2{margin:0 0 1rem;font-size:.9rem}.debug-panel label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:1rem 0 .3rem;font-size:.75rem;display:block}.debug-panel select{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--ink);border-radius:4px;padding:.4rem;font-size:.85rem}.debug-panel-close{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:1rem;line-height:1;position:absolute;top:.75rem;right:.75rem}.debug-panel-close:hover{color:var(--ink)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}