:root{--void: #06070a;--steel: #12151a;--edge: #232830;--ink: #e6e9ee;--ink-dim: #7d8792;--ink-faint:#4d545d;--cold: #2b6f9e;--live: #6ee7a8;--warm: #b8874a;--gap: 1rem;--pad: clamp(1.1rem, 3vw, 2.6rem);--radius: 4px;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;user-select:none;-webkit-user-select:none;background:var(--void);color:var(--ink);font-family:var(--mono);overflow:hidden;-webkit-font-smoothing:antialiased}.field{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0;background:radial-gradient(ellipse 120% 80% at 50% 40%,#0d1218,#06070a 70%)}.field-layer{position:absolute;inset:-20%;animation-name:drift;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.field-layer[data-depth="2"],.field-layer[data-depth="4"]{animation-direction:reverse}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(-8%,5%,0)}}.field-typed{position:absolute;inset:0}.typed{position:absolute;white-space:nowrap;font-family:var(--mono);font-weight:300;letter-spacing:.04em;color:#a8d8e8;text-shadow:0 0 12px var(--void),0 1px 3px var(--void)}.typed:after{content:"";display:inline-block;width:.5ch;height:1em;margin-left:.3ch;vertical-align:text-bottom;background:currentColor;animation:caret 1.1s steps(2) infinite}@keyframes caret{50%{opacity:0}}.grain{position:absolute;inset:0;opacity:.13;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='200' height='200'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/></filter><rect width='200' height='200' filter='url(%23n)' opacity='0.5'/></svg>")}.vignette{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 46%,transparent 30%,color-mix(in srgb,var(--void) 78%,transparent) 74%,var(--void) 100%)}#stage{position:fixed;inset:0;width:100%;height:100%;display:block;pointer-events:none;z-index:1}#ui{position:relative;z-index:2;height:100%;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);gap:var(--gap);padding:var(--pad)}.masthead{display:grid;justify-items:start}.wordmark{display:inline-flex;align-items:center;gap:.55rem;color:var(--ink);text-decoration:none}.wordmark svg{color:#8fb3c9;flex:none}.wordmark span{font-family:var(--mono);font-size:clamp(1.05rem,1.7vw,1.3rem);font-weight:400;line-height:1;letter-spacing:.34em;text-indent:.34em}.stack{min-height:0;overflow:hidden;position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:var(--gap)}.evidence{align-self:end;min-height:0;max-height:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;gap:.45rem;max-width:46ch;font-family:var(--mono);font-size:.7rem;line-height:1.55;color:var(--ink-dim);padding:.9rem 1rem .9rem 0;background:linear-gradient(to right,color-mix(in srgb,var(--void) 82%,transparent) 0%,color-mix(in srgb,var(--void) 74%,transparent) 62%,transparent 100%);text-shadow:0 1px 4px var(--void)}.evidence .line{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.evidence .line{opacity:0;transform:translateY(8px);animation:rise .48s cubic-bezier(.2,.7,.3,1) forwards}.evidence .line{display:grid;grid-template-columns:10ch minmax(0,1fr);gap:0 1ch}.evidence .line .who{color:var(--ink-faint);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;padding-top:.18em;overflow:hidden;text-overflow:ellipsis}@keyframes rise{to{opacity:1;transform:none}}.right{display:grid;align-content:end;justify-items:end;min-height:0}.machinery{width:19rem;padding:.85rem .95rem .75rem;background:color-mix(in srgb,var(--steel) 88%,transparent);border:1px solid var(--edge);border-radius:var(--radius);font-family:var(--mono);opacity:0;transition:opacity .32s ease;pointer-events:none}#ui[data-state=resolving] .machinery{opacity:1}.mach-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.6rem;letter-spacing:.16em;color:var(--ink-faint)}.mach-percent{color:var(--ink-dim);letter-spacing:.06em;transition:color .4s ease}.mach-narrowed{color:var(--live)}.mach-grid{display:block;width:100%;height:auto;margin:.5rem 0 .65rem;image-rendering:pixelated;border-radius:1px}.mach-log{display:grid;gap:1px;font-size:.58rem;line-height:1.45;color:var(--ink-dim)}.mach-line{display:flex;justify-content:space-between;gap:.6rem;white-space:nowrap;animation:machIn .2s ease both}.mach-k{overflow:hidden;text-overflow:ellipsis}.mach-v{color:var(--ink-faint);flex:none}.mach-cand .mach-v{color:#8fb3c9}.mach-con .mach-v{color:var(--live)}.mach-claim .mach-k{color:var(--ink)}.mach-ref .mach-v{color:var(--warm)}@keyframes machIn{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:none}}.mach-count{margin-top:.6rem;padding-top:.5rem;border-top:1px solid var(--edge);font-size:.55rem;letter-spacing:.12em;color:var(--ink-faint)}.receipt{align-self:end;justify-self:end;min-width:20rem;max-width:26rem;padding:1.1rem 1.25rem;background:color-mix(in srgb,var(--steel) 94%,transparent);border:1px solid var(--edge);border-radius:var(--radius);animation:rise .52s cubic-bezier(.2,.7,.3,1) both}.receipt[hidden]{display:none}.receipt .level{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--live)}.receipt.refused .level{color:var(--warm)}.receipt .value{margin-top:.45rem;font-family:var(--mono);font-size:1.35rem;font-weight:600;line-height:1.25;letter-spacing:-.02em}.receipt dl{margin:1rem 0 0;padding-top:.85rem;border-top:1px solid var(--edge);display:grid;grid-template-columns:auto 1fr;gap:.4rem 1.25rem;font-size:.76rem}.receipt dt{font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.receipt dd{margin:0;font-family:var(--mono);font-size:.78rem;font-weight:400;color:var(--ink)}.receipt dd .bar{display:block;height:2px;margin-top:.35rem;background:color-mix(in srgb,var(--ink-faint) 40%,transparent);border-radius:1px;overflow:hidden}.receipt dd .bar-fill{display:block;height:100%;background:var(--live);border-radius:1px;animation:fill .9s cubic-bezier(.2,.8,.2,1) both;transform-origin:left}@keyframes fill{0%{transform:scaleX(0)}}.bar{display:flex;flex-direction:column;gap:.7rem;min-width:0}.examples{min-width:0;margin:0 calc(-1 * var(--pad));overflow:hidden;padding:4.25rem 0 .2rem;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.examples-track{display:flex;gap:.5rem;width:max-content;align-items:flex-end;padding-left:.5rem;--travel: 1200px;--duration: 20s;animation:strip var(--duration) linear infinite;will-change:transform}@keyframes strip{0%{transform:translateZ(0)}to{transform:translate3d(calc(-1 * var(--travel)),0,0)}}#ui[data-state=resolving] .examples-track,#ui[data-state=arrived] .examples-track{animation-play-state:paused}.photo{flex:0 0 auto;width:104px;height:104px;padding:0;border:1px solid var(--edge);border-radius:2px;background:var(--steel);cursor:pointer;overflow:hidden;opacity:.72;transition:opacity .2s ease,border-color .2s ease,box-shadow .26s ease,transform .26s cubic-bezier(.2,.8,.2,1)}.photo img{width:100%;height:100%;object-fit:cover;display:block}.photo:hover{opacity:1;border-color:var(--ink-dim);transform:scale(1.55);z-index:3;box-shadow:0 12px 32px -8px #000c}.photo{transform-origin:bottom left;will-change:transform}.photo:nth-last-child(-n+2){transform-origin:bottom right}.photo:focus-visible{outline:1px solid var(--live);outline-offset:2px;opacity:1}#ui[data-state=idle] .photo:first-child:after{content:"";position:absolute;inset:-1px;border:1px solid var(--live);border-radius:2px;animation:breathe 2.8s ease-in-out infinite;pointer-events:none}.photo{position:relative}@keyframes breathe{0%,to{opacity:0}50%{opacity:.55}}.photo[aria-pressed=true]{opacity:1;border-color:var(--live)}.prompt{display:flex;gap:.5rem;padding:.45rem .45rem .45rem .9rem;background:color-mix(in srgb,var(--steel) 94%,transparent);border:1px solid var(--edge);border-radius:var(--radius);transition:border-color .2s ease}.prompt:focus-within{border-color:var(--ink-faint)}.prompt input{flex:1;padding:.55rem 0;font-family:var(--mono);font-size:.82rem;color:var(--ink);background:transparent;border:0;outline:none}.prompt input::placeholder{color:var(--ink-faint)}.prompt button{padding:.55rem 1.2rem;font-family:var(--mono);font-size:.78rem;color:var(--void);background:var(--ink);border:0;border-radius:2px;cursor:pointer;transition:background .18s ease}.prompt button:hover{background:var(--live)}#ui[data-state=resolving] .prompt,#ui[data-state=arrived] .prompt{opacity:.4;pointer-events:none}@media(max-width:720px){.stack{grid-template-columns:minmax(0,1fr)}.right{justify-items:stretch}.evidence{display:none}.receipt{min-width:0;width:100%}.machinery{display:none}.examples-track{animation-duration:calc(var(--duration) * .55)}}@media(max-width:420px){.photo,.photo:hover{width:92px;height:92px}}@media(max-width:720px){.field-layer{opacity:.4}.field-typed{opacity:.45}.field-layer[data-depth="1"]{display:none}}@media(hover:none){.photo{width:116px;height:116px}.photo:hover{transform:none;box-shadow:none}}@media(prefers-reduced-motion:reduce){.aurora,.grain{animation:none}.evidence .line,.receipt{animation:none;opacity:1;transform:none}.photo:hover{transform:none}#ui[data-state=idle] .photo:first-child:after{animation:none;opacity:.4}}.examples button,.prompt button,.wordmark{cursor:pointer}.prompt input{cursor:text;-webkit-user-select:text;user-select:text}.receipt,.evidence{-webkit-user-select:text;user-select:text}.opening{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--void) 72%,transparent) 0%,var(--void) 70%);transition:opacity .9s ease}.opening-done{opacity:0;pointer-events:none}.opening-inner{width:min(30rem,84vw);padding:0 1.5rem;text-align:center;transition:opacity .6s ease,transform .6s ease}.opening-playing .opening-inner{opacity:0;transform:scale(1.04);pointer-events:none}.opening-reading{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;padding:.55rem 0;border-bottom:1px solid var(--edge);font-family:var(--mono);font-size:.78rem}.opening-reading-dim{opacity:.55}.opening-reading:nth-of-type(3){opacity:.3}.opening-coord{color:var(--ink);letter-spacing:.02em}.opening-meta{font-size:.66rem;letter-spacing:.14em;color:var(--live)}.opening-reading-dim .opening-meta{color:var(--ink-faint)}.opening-go{margin-top:2.4rem;padding:.7rem 2.6rem;font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.3em;text-indent:.3em;color:var(--ink);background:none;border:1px solid var(--edge);border-radius:2px;cursor:pointer;transition:color .2s ease,border-color .2s ease}.opening-go:hover{color:var(--live);border-color:var(--live)}.opening-skip{display:block;margin:1.1rem auto 0;padding:.3rem .6rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;color:var(--ink-faint);background:none;border:0;cursor:pointer}.opening-skip:hover{color:var(--ink-dim)}.opening-skip.over-video{position:absolute;right:1.2rem;bottom:1.2rem;margin:0;z-index:2}.opening-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
