:root{--ground:#0b0b0c;--ink:#e8e6e1;--dim:#8a8781;--line:#26262a;--lift:#16161a}*{box-sizing:border-box}html,body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:ui-serif,Georgia,Times New Roman,serif}body{overflow-x:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}a{color:inherit}.bar{z-index:40;background:color-mix(in srgb, var(--ground) 88%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:.75rem 1.25rem;padding:.9rem clamp(.75rem,3vw,2rem);display:flex;position:sticky;top:0}.bar h1{letter-spacing:.02em;margin:0;font-size:1rem;font-weight:400}.bar .spacer{flex:1}.today{color:var(--dim);font-variant-numeric:tabular-nums;font-size:.8rem}.today strong{color:var(--ink);font-weight:400}.chip{color:var(--dim);border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:.25rem .7rem;font-size:.8rem;transition:color .15s,border-color .15s}.chip:hover,.chip[aria-expanded=true]{color:var(--ink);border-color:var(--dim)}.grid{grid-template-columns:repeat(7,1fr);gap:2px;padding:2px;display:grid}@media (max-width:900px){.grid{grid-template-columns:repeat(5,1fr)}}@media (max-width:560px){.grid{grid-template-columns:repeat(3,1fr)}}.cell{aspect-ratio:1;background:var(--lift);padding:0;display:block;position:relative;overflow:hidden}.cell video,.cell img{object-fit:cover;filter:grayscale();width:100%;height:100%;display:block}.cell img{position:absolute;inset:0}.cell:after{content:"";pointer-events:none;transition:box-shadow .15s;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000}.cell:hover:after,.cell:focus-visible:after{box-shadow:inset 0 0 0 1px var(--ink)}.cell .ordinal{color:var(--dim);font-variant-numeric:tabular-nums;opacity:0;text-shadow:0 1px 3px #000;font-size:.6rem;transition:opacity .15s;position:absolute;top:3px;left:4px}.cell:hover .ordinal,.cell:focus-visible .ordinal{opacity:1}.cell.chosen:before{content:"";background:var(--ink);z-index:2;opacity:.75;border-radius:50%;width:4px;height:4px;position:absolute;bottom:4px;left:4px}.lightbox{z-index:60;background:color-mix(in srgb, var(--ground) 94%, transparent);cursor:zoom-out;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:clamp(1rem,4vw,3rem);display:flex;position:fixed;inset:0}.lightbox video{filter:grayscale();background:#000;max-width:min(100%,1100px);max-height:72vh}.lightbox figcaption{max-width:62ch;color:var(--dim);text-align:center;font-size:.85rem;line-height:1.6}.lightbox figcaption strong{color:var(--ink);font-weight:400}.lightbox .said{color:var(--ink);margin-top:.6rem;font-style:italic;display:block}.panel{z-index:70;background:var(--ground);border-left:1px solid var(--line);width:min(46rem,100%);padding:clamp(1.5rem,4vw,3rem);position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.panel h2{margin:0 0 1.5rem;font-size:1.35rem;font-weight:400}.panel h3{letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin:2rem 0 .6rem;font-size:.75rem;font-weight:400}.panel p,.panel li{max-width:60ch;font-size:.92rem;line-height:1.7}.panel blockquote{border-left:1px solid var(--line);color:var(--dim);margin:1rem 0;padding-left:1rem;font-style:italic}.panel .close{float:right;color:var(--dim);font-size:1.4rem;line-height:1;position:sticky;top:0}.reasoning ol{counter-reset:choice;padding-left:0;list-style:none}.reasoning li{border-top:1px solid var(--line);grid-template-columns:2.5rem 1fr;gap:.75rem;padding:.75rem 0;display:grid}.reasoning li .n{color:var(--dim);font-variant-numeric:tabular-nums;padding-top:.15rem;font-size:.8rem}.reasoning li .what{color:var(--dim);margin-top:.3rem;font-size:.78rem;display:block}.meta{color:var(--dim);font-size:.78rem;line-height:1.8}.meta code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95em}.empty{color:var(--dim);max-width:60ch;padding:4rem clamp(1rem,4vw,3rem);font-size:.9rem;line-height:1.7}.scrim{z-index:65;background:#0000008c;position:fixed;inset:0}.turning{color:var(--dim);border-bottom:1px solid var(--line);align-items:baseline;gap:.5rem;margin:0;padding:.55rem clamp(.75rem,3vw,2rem);font-size:.78rem;line-height:1.5;display:flex}.turning em{color:var(--ink);font-style:normal}.tick{background:var(--ink);border-radius:50%;flex:none;width:5px;height:5px;animation:45s linear forwards fade}@keyframes fade{0%{opacity:1}to{opacity:.1}}.grid{transition:opacity .35s}@media (prefers-reduced-motion:reduce){.tick{animation:none}.grid{transition:none}}