*{margin:0;padding:0;box-sizing:border-box}:root{--user-scale: 1;--bg: #0a0a0f;--fg: #c8c8d0;--fg-muted: #606068;--fg-faint: #505058;--fg-dim: #404048;--fg-ghost: #303038;--accent: #606080;--accent-hover: #8080a0;--border: #1a1a25;--border-mid: #2a2a35;--fg-user: #a0c0a0;--surface: #101018;--surface-code: #12121a;--fg-strong: #d0d0d8;--fg-em: #b0b0b8;--fg-heading: #909098;--border-focus: #2a2a45;--attn-cold: #9aa068;--attn-warm: #8a2830;--border-unseen: #2a3a5a;--fg-unseen: .4}[data-theme=light]{--bg: #f5f5f0;--fg: #2a2a30;--fg-muted: #808088;--fg-faint: #909098;--fg-dim: #a0a0a8;--fg-ghost: #b8b8c0;--accent: #505070;--accent-hover: #404060;--border: #d8d8e0;--border-mid: #c8c8d0;--fg-user: #3a6a3a;--surface: #eaeae5;--surface-code: #e4e4df;--fg-strong: #1a1a20;--fg-em: #3a3a42;--fg-heading: #4a4a52;--border-focus: #a0a0b8;--attn-cold: #98a060;--attn-warm: #a04040;--border-unseen: #7090c0;--fg-unseen: .45}body{background:var(--bg);color:var(--fg);font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.5;transition:background .2s,color .2s}#container{max-width:700px;margin:0 auto;padding:0 24px;touch-action:pan-x pan-y}#timeline{padding-bottom:calc(var(--gap, 33) * 1vh + 160px)}#container>h1{font-size:calc(1.6rem * var(--user-scale));font-weight:200;color:var(--fg-muted);letter-spacing:1.5em;text-transform:lowercase;text-align:center;min-height:85vh;display:flex;align-items:center;justify-content:center;margin-bottom:0;position:relative;will-change:letter-spacing,transform}#container>h1:before,#container>h1:after{content:"";position:absolute;left:50%;transform:translate(-50%);width:60px;height:1px;background:var(--border-mid)}#container>h1:before{top:35%}#container>h1:after{bottom:35%}.block{margin-bottom:16px;padding:8px 0 8px 12px;white-space:pre-wrap;--attention: 0;--block-accent: color-mix( in oklch, var(--attn-cold), var(--attn-warm) calc(var(--attention) * 100%) );opacity:var(--fg-unseen);border-left:2px solid var(--block-accent);transition:opacity .6s ease,border-left-color .6s ease,box-shadow .2s ease}.block--rendered{white-space:normal}.block--user{color:var(--fg-user)}.block--unseen{--block-accent: var(--border-unseen)}.block--unseen.block--user{color:color-mix(in oklch,var(--fg-user),var(--border-unseen) 40%)}.block--in-viewport,.block:hover{opacity:1;box-shadow:inset 3px 0 0 var(--block-accent)}.block:hover{box-shadow:inset 3px 0 0 var(--block-accent),inset 0 1px 0 var(--block-accent)}.token{display:inline;transition:opacity .15s ease-out}.token--entering{opacity:0}.cursor{display:inline-block;width:2px;height:1em;background:var(--fg-muted);margin-left:1px;vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.block--rendered blockquote{color:var(--fg-faint);border-left:2px solid var(--border);padding-left:12px}.block--rendered h1,.block--rendered h2,.block--rendered h3,.block--rendered h4,.block--rendered h5,.block--rendered h6{color:var(--fg-heading);font-weight:500;margin:.8em 0 .4em}.block--rendered h1{font-size:1.3em}.block--rendered h2{font-size:1.15em}.block--rendered h3{font-size:1.05em}.block--rendered p{margin:.5em 0}.block--rendered strong{color:var(--fg-strong);font-weight:600}.block--rendered em{color:var(--fg-em);font-style:italic}.block--rendered code{background:var(--surface-code);padding:.15em .4em;border-radius:3px;font-family:monospace;font-size:.9em}.block--rendered pre{background:var(--surface-code);padding:12px 14px;border-radius:4px;margin:.6em 0;overflow-x:auto}.block--rendered pre code{background:none;padding:0}.block--rendered ul,.block--rendered ol{padding-left:1.5em;margin:.4em 0}.block--rendered li{margin:.2em 0}.block--rendered a{color:var(--accent);text-decoration:none}.block--rendered a:hover{color:var(--accent-hover);text-decoration:underline}.block--rendered hr{border:none;border-top:1px solid var(--border);margin:1em 0}.nav-btn{position:fixed;right:16px;background:none;border:none;color:var(--fg-dim);font-size:14px;width:36px;height:36px;cursor:pointer;transition:color .15s;display:flex;align-items:center;justify-content:center;z-index:10}.nav-btn:hover{color:var(--fg-muted)}#nav-top{top:56px}#nav-end{bottom:80px;transition:opacity .15s}.pull-indicator{position:fixed;bottom:80px;left:calc(50% + var(--doc-list-offset, 0px) / 2);transform:translate(-50%);color:var(--fg-dim);font-size:14px;opacity:0;pointer-events:none}.pull-indicator:before{content:"▼"}.chunk-boundary{text-align:center;padding:24px 0;color:var(--fg-dim);font-size:12px;font-family:monospace;letter-spacing:.1em}.chunk-boundary:before{content:"▼scroll down to continue ▼"}.chunk-boundary--loading:before{content:"—loading —"}#input-area{position:fixed;bottom:0;left:var(--doc-list-offset, 0);right:0;padding:12px 24px 16px;background:linear-gradient(transparent,var(--bg) 12px);display:flex;justify-content:center}#input-area textarea{width:100%;max-width:700px;background:var(--surface);color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:10px 14px;font-family:inherit;font-size:1rem;line-height:1.5;resize:none;overflow-y:hidden;outline:none;transition:border-color .15s ease-out,font-size .15s ease-out}#input-area textarea:focus{border-color:var(--border-focus)}#input-area textarea::placeholder{color:var(--fg-ghost)}#status{position:fixed;bottom:16px;right:16px;font-size:11px;color:var(--fg-dim);font-family:monospace}.settings-cog{position:fixed;top:16px;right:16px;background:none;border:none;color:var(--fg-dim);font-size:27px;width:36px;height:36px;cursor:pointer;transition:color .15s;display:flex;align-items:center;justify-content:center;z-index:20}.settings-cog:hover,.settings-cog--open{color:var(--fg-muted)}.settings-panel{position:fixed;top:16px;right:60px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:12px 16px;min-width:200px;max-height:calc(100vh - 48px);overflow-y:auto;z-index:20;display:none}.settings-panel--open{display:block}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:4px 0}.settings-label{font-size:12px;color:var(--fg-muted);letter-spacing:.03em}.settings-toggles{display:flex;gap:12px;padding:4px 0}.settings-pill{display:flex;border:1px solid var(--border);border-radius:3px;overflow:hidden}.settings-pill button{background:none;border:none;color:var(--fg-dim);font-family:monospace;font-size:11px;padding:2px 8px;cursor:pointer;transition:color .15s,background .15s}.settings-pill button:hover{color:var(--fg-muted)}.settings-pill button.active{color:var(--fg);background:var(--border)}.settings-separator{border-top:1px solid var(--border);margin:8px 0}.settings-row--slider{flex-direction:column;align-items:stretch;gap:2px}.settings-slider-header{display:flex;justify-content:space-between;align-items:center}.settings-value{font-family:monospace;font-size:11px;color:var(--fg-dim)}.settings-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;background:var(--border);border-radius:2px;outline:none;cursor:pointer}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--fg-dim);border-radius:50%;cursor:pointer;transition:background .15s}.settings-slider::-webkit-slider-thumb:hover{background:var(--fg-muted)}.settings-slider::-moz-range-thumb{width:12px;height:12px;background:var(--fg-dim);border:none;border-radius:50%;cursor:pointer}.settings-reset-row{display:flex;gap:6px}.settings-reset{flex:1;background:none;border:1px solid var(--border);border-radius:3px;color:var(--fg-dim);font-family:monospace;font-size:11px;padding:4px 8px;cursor:pointer;transition:color .15s,border-color .15s}.settings-reset:hover{color:var(--fg-muted);border-color:var(--border-mid)}.settings-reset--armed{color:#c06050;border-color:#c06050}.doc-list-btn{position:fixed;top:16px;left:16px;background:none;border:none;color:var(--fg-dim);font-size:22px;width:36px;height:36px;cursor:pointer;transition:color .15s;display:flex;align-items:center;justify-content:center;z-index:20;line-height:1}.doc-list-btn:hover{color:var(--fg-muted)}.doc-list-header .doc-list-btn,.doc-list-btn--open{position:static;color:var(--fg-muted)}.doc-list-panel{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--surface);border-right:1px solid var(--border);z-index:19;display:none;flex-direction:column;overflow:hidden}.doc-list-panel--open{display:flex}@media(prefers-reduced-motion:no-preference){.doc-list-panel--glimpse{display:flex;animation:doc-list-glimpse-slide .9s ease-in-out}@keyframes doc-list-glimpse-slide{0%{transform:translate(-100%)}18%{transform:translate(0)}78%{transform:translate(0)}to{transform:translate(-100%)}}.doc-list-panel--glimpse .doc-list-row--flash{animation-delay:.16s}}body.doc-list-shifted{--doc-list-offset: 280px;padding-left:var(--doc-list-offset)}.doc-list-header{display:flex;justify-content:space-between;align-items:center;padding:16px 16px 12px;flex-shrink:0}.doc-list-hero{font-size:1rem;font-weight:200;color:var(--fg-muted);letter-spacing:.3em;text-transform:lowercase}.doc-list-items{flex:1;overflow-y:auto;padding:0 8px 8px}.doc-list-row{display:flex;align-items:center;gap:8px;padding:4px 8px;padding-left:calc(8px + var(--depth, 0) * 12px);border-radius:3px;cursor:pointer;transition:background .1s}.doc-list-row:hover{background:var(--border)}.doc-list-row--active{background:color-mix(in oklch,var(--border),var(--attn-warm) 20%)}@media(prefers-reduced-motion:no-preference){.doc-list-row--flash{animation:doc-list-row-arrival .4s ease-out}@keyframes doc-list-row-arrival{0%{background:color-mix(in oklch,var(--border),var(--attn-warm) 20%)}30%{background:color-mix(in oklch,var(--border),var(--attn-warm) 70%)}to{background:color-mix(in oklch,var(--border),var(--attn-warm) 20%)}}}.doc-list-row--greyed{opacity:.4}.doc-list-folder-label{flex:1;font-family:monospace;font-size:11px;color:var(--fg-muted);white-space:nowrap;letter-spacing:.02em}.doc-list-title{flex:1;font-family:monospace;font-size:11px;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-list-stats{font-family:monospace;font-size:10px;color:var(--fg-dim);white-space:nowrap;flex-shrink:0;padding:0 2px;border-radius:2px;transition:color .1s}.doc-list-stats:hover{color:#c06050;text-decoration:line-through}.doc-list-stats--armed,.doc-list-stats--armed:hover{color:#c06050;text-decoration:none}