:root{--mono:"IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--max-w:680px;--gutter:56px;--ease:cubic-bezier(.2, .7, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1)}:root[data-theme=dark]{--bg:oklch(22.4% .009 261);--ink:oklch(85.2% .012 254);--ink-soft:oklch(57.5% .018 254);--ink-faint:oklch(33.6% .014 263);--rule:oklch(33.6% .014 263);--accent:oklch(79.8% .099 184);--accent-ink:oklch(22.4% .009 261);--tint:oklch(85.2% .012 254/.04);--tint-strong:oklch(85.2% .012 254/.07);--grain-opacity:.04;--scanline-opacity:.03}:root[data-theme=light]{--bg:oklch(97.2% .002 248);--ink:oklch(14.9% .006 263);--ink-soft:oklch(52.2% .018 254);--ink-faint:oklch(87% .007 254);--rule:oklch(87% .007 254);--accent:oklch(59.4% .099 187);--accent-ink:oklch(97.2% .002 248);--tint:oklch(14.9% .006 263/.04);--tint-strong:oklch(14.9% .006 263/.07);--grain-opacity:.04;--scanline-opacity:.025}*{box-sizing:border-box}html,body{margin:0;padding:0}html{background:var(--bg);color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;font-feature-settings:"ss01", "ss02", "zero";transition:background-color .4s var(--ease), color .4s var(--ease);font-size:16px;line-height:1.6}body{min-height:100vh;position:relative;overflow-x:hidden}::selection{background:var(--accent);color:var(--accent-ink)}body:before,body:after{content:"";pointer-events:none;position:fixed;inset:0}body:before{z-index:1000;opacity:var(--grain-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix type='matrix' values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}body:after{z-index:999;opacity:var(--scanline-opacity);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent 2px, var(--ink) 2px, var(--ink) 3px);transition:opacity .4s var(--ease)}#app{max-width:calc(var(--max-w) + var(--gutter) * 2);padding:1.75rem var(--gutter) 3rem;z-index:1;margin:0 auto;position:relative}@media (width<=720px){:root{--gutter:20px}html{font-size:15px}}.topbar{letter-spacing:.12em;border-bottom:1px solid var(--rule);color:var(--ink-soft);justify-content:space-between;align-items:center;margin-bottom:4rem;padding-bottom:1.1rem;font-size:12px;display:flex}.topbar-id{color:var(--ink);font-weight:600}.theme-toggle{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);border:1px solid var(--rule);cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);background:0 0;padding:.5rem 1rem;font-family:inherit;font-size:12px}.theme-toggle:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.masthead{animation:rise .8s var(--ease-out) both;margin:0 0 4.5rem}.title{letter-spacing:-.04em;color:var(--ink);margin:0 0 1.25rem;font-family:inherit;font-size:clamp(2.75rem,8vw,5rem);font-weight:600;line-height:1}.title-cursor{color:var(--accent);margin-left:.05em;font-weight:400;animation:1.1s steps(2,end) infinite blink;display:inline-block}.subtitle{color:var(--ink-soft);max-width:56ch;margin:0;font-size:16px;line-height:1.6}.entry{animation:rise .8s var(--ease-out) both;content-visibility:auto;contain-intrinsic-size:auto 360px;padding:2.5rem 0}.entry:nth-of-type(2){animation-delay:50ms}.entry:nth-of-type(3){animation-delay:.1s}.entry:nth-of-type(4){animation-delay:.15s}.entry:nth-of-type(5){animation-delay:.2s}.section-head{letter-spacing:.14em;align-items:center;gap:.95rem;margin:0 0 1.85rem;font-size:13px;font-weight:500;display:flex}.section-id{color:var(--accent);font-weight:600}.section-name{color:var(--ink);font-weight:600}.section-rule{background:var(--rule);flex:1;height:1px;position:relative}.section-rule:after{content:"";background:var(--rule);width:5px;height:5px;position:absolute;top:-2px;left:0}.rows{flex-direction:column;gap:.65rem;display:flex}.row{border-bottom:1px dashed var(--ink-faint);grid-template-columns:110px 1fr;align-items:baseline;gap:1.1rem;padding:.7rem 0;display:grid}.row-stack{border-bottom:none;grid-template-columns:1fr;gap:.6rem;padding:.7rem 0 .25rem}.row-label{color:var(--ink-soft);letter-spacing:.12em;padding-left:1.05rem;font-size:12px;font-weight:500;position:relative}.row-label:before{content:"▸";color:var(--accent);font-size:.8rem;position:absolute;top:.05em;left:0}.row-label-aux{color:var(--ink-soft);letter-spacing:0;text-transform:lowercase;opacity:.7;font-weight:400}.row-value{color:var(--ink);word-break:break-all;margin:0;font-family:inherit;font-size:14px}.select-wrap{display:block;position:relative}select{appearance:none;width:100%;color:var(--ink);border:0;border-bottom:1px solid var(--ink-soft);cursor:pointer;transition:border-color .2s var(--ease);background:0 0;border-radius:0;padding:.4rem 1.5rem .4rem 0;font-family:inherit;font-size:15px}select:focus{border-bottom-color:var(--accent);outline:none}.select-arrow{pointer-events:none;color:var(--accent);font-size:.85rem;position:absolute;top:50%;right:.25rem;transform:translateY(-50%)}textarea{width:100%;color:var(--ink);background:var(--tint);border:1px solid var(--ink-faint);border-left:2px solid var(--accent);resize:vertical;transition:background .2s var(--ease), border-color .2s var(--ease);border-radius:0;padding:1rem 1.15rem;font-family:inherit;font-size:15px;line-height:1.6}textarea:focus{background:var(--tint-strong);border-color:var(--accent);border-left-width:2px;outline:none}textarea::placeholder{color:var(--ink-soft)}.btn{letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease);border-radius:0;align-self:flex-start;align-items:center;margin:.65rem 0;padding:.85rem 1.3rem;font-family:inherit;font-size:13px;font-weight:500;display:inline-flex}.btn-primary{color:var(--accent);border:1px solid var(--accent);background:0 0}.btn-primary:disabled{color:var(--ink-soft);border-color:var(--ink-faint);cursor:not-allowed;border-style:dashed}.btn-primary:hover:not(:disabled){background:var(--accent);color:var(--accent-ink)}.prompt{color:inherit;margin-right:.15em;font-weight:700}.btn-ghost{color:var(--ink-soft);border:1px solid var(--rule);letter-spacing:.12em;text-transform:lowercase;background:0 0;align-self:auto;margin:0;padding:.4rem .85rem;font-size:11.5px}.btn-ghost:hover{background:var(--ink);color:var(--bg);border-color:var(--ink)}.block{background:var(--tint);border:1px solid var(--ink-faint);border-left:2px solid var(--accent);word-break:break-all;white-space:pre-wrap;max-height:14rem;color:var(--ink);padding:1rem 1.15rem;font-family:inherit;font-size:14px;line-height:1.65;display:block;overflow-y:auto}.colophon{letter-spacing:.14em;color:var(--ink-soft);align-items:center;gap:1rem;padding:2.5rem 0 0;font-size:12px;display:flex}.colophon-rule{background:var(--rule);flex:1;height:1px}.colophon a{color:var(--accent);letter-spacing:.05em;transition:border-color .2s var(--ease);border-bottom:1px solid #0000;text-decoration:none}.colophon a:hover{border-bottom-color:var(--accent)}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
