/* Design compliance vocabulary: 0.65rem dot-matrix aesthetic achieved trick: `text-shadow: currentColor` combined slight `letter-spacing: 0.15em` evoke printers. Dates formatted `[AD.1215]` `[CE.1969]` `A` `C` — bracket notation archival/terminal theme. `> Loading archive index...` Mono'`. followed by blinking should `z-index: 100` subtle `box-shadow: -4px` Mono" (Google IntersectionObserver threshold 1.5–2.5 seconds IntersectionObserver-driven reveals */
/* `visitor@historical.day:~
-4px −4px
*/
*{box-sizing:border-box;margin:0;padding:0}
:root{--bg:#faf6ef;--vellum:#f0e8d8;--charcoal:#4a3f35;--umber:#5a4632;--amber:#8b7355;--green:#6b8e7b;--blue:#7b9eb8;--sienna:#c4956a;--divider:#b8a88a;--rose:#a8567e;--gold:#c9b87a;--softgreen:#8aab8a;--display:'Recursive',system-ui,sans-serif;--body:'Literata',Georgia,serif;--mono:'IBM Plex Mono','Courier New',monospace;--casl:0;--wght:800}
html{scroll-behavior:smooth;background:var(--bg)}
body{min-height:100%;overflow-x:hidden;padding-bottom:48px;background:radial-gradient(circle at 18% 8%,rgba(196,149,106,.16),transparent 28rem),radial-gradient(circle at 82% 24%,rgba(123,158,184,.18),transparent 30rem),linear-gradient(180deg,#faf6ef 0%,#f0e8d8 100%);color:var(--charcoal);font-family:var(--body);line-height:1.65}
.filter-bank{position:absolute;left:-999px;top:-999px}.grain-noise-overlay{position:fixed;inset:0;z-index:1000;pointer-events:none;opacity:.025;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' seed='1776'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}
.archive-shell{width:min(1500px,100%);margin:0 auto;padding:2.2rem 2.2rem 1rem}.bento-tray{position:relative;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(120px,1fr);gap:3px;min-height:85vh;margin:0 0 4rem;padding:3px;background:var(--divider);box-shadow:0 28px 80px rgba(74,63,53,.09),inset 0 0 0 1px rgba(74,63,53,.04)}
.bento-cell{position:relative;display:flex;flex-direction:column;overflow:visible;min-height:160px;background:#faf6ef;border:1px solid rgba(74,63,53,.08);box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);isolation:isolate;opacity:0;transform:translateY(18px) scale(.985);transition:opacity .65s ease,transform .65s cubic-bezier(.4,0,.2,1),box-shadow .35s ease,background-color .35s ease}.bento-cell.is-visible{opacity:1;transform:translateY(0) scale(1)}.bento-cell:hover{z-index:6;transform:translateY(-4px) scale(1.006);background:var(--vellum);box-shadow:0 18px 42px rgba(74,63,53,.14),inset 0 0 0 1px rgba(0,0,0,.06)}
.cell-header{height:24px;display:flex;align-items:center;gap:.55rem;padding:0 .72rem;background:var(--charcoal);border-bottom:1px solid var(--divider);font-family:var(--mono);font-size:.66rem;color:var(--amber);letter-spacing:.02em;white-space:nowrap;overflow:hidden}.dots{display:flex;gap:6px;flex:0 0 auto}.dots i{width:8px;height:8px;border-radius:99px;display:block}.dots i:nth-child(1){background:var(--sienna)}.dots i:nth-child(2){background:var(--gold)}.dots i:nth-child(3){background:var(--softgreen)}.file-path{overflow:hidden;text-overflow:ellipsis;flex:1}.date-stamp{font-size:.64rem;letter-spacing:.15em;text-shadow:0 0 1px currentColor;flex:0 0 auto}
.cell-content{position:relative;z-index:2;display:flex;flex:1;flex-direction:column;justify-content:flex-end;padding:clamp(1.1rem,2.4vw,2rem);background:linear-gradient(135deg,rgba(250,246,239,.96),rgba(250,246,239,.78));overflow:hidden}.terminal-only{justify-content:center}.wash{position:absolute;z-index:1;width:58%;height:58%;border-radius:45% 55% 62% 38%/46% 35% 65% 54%;opacity:.27;mix-blend-mode:multiply;filter:url(#watercolor-1776);animation:washDrift 13s ease-in-out infinite;pointer-events:none}.wash-blue{background:var(--blue)}.wash-sienna{background:var(--sienna)}.wash-rose{background:var(--rose);opacity:.18}.seed-1215{filter:url(#watercolor-1215);left:-4%;bottom:4%}.seed-1455{filter:url(#watercolor-1455);right:-6%;top:22%}.seed-1776{filter:url(#watercolor-1776);right:-9%;bottom:8%;width:70%;height:72%}.seed-1804{filter:url(#watercolor-1804);left:22%;top:22%}.seed-1869{filter:url(#watercolor-1869);left:-7%;top:30%}.seed-1918{filter:url(#watercolor-1918);right:8%;bottom:-4%}.seed-1969{filter:url(#watercolor-1969);left:30%;bottom:-8%}.seed-1989{filter:url(#watercolor-1989);right:-8%;top:5%}.seed-2024{filter:url(#watercolor-2024);left:-6%;top:5%;width:72%;height:54%}.lower{top:auto;bottom:-10%;left:auto;width:78%;height:50%;opacity:.24}
.domain-title,.display-date{font-family:var(--display);font-variation-settings:'CASL' var(--casl),'MONO' 1,'wght' var(--wght);color:var(--umber);letter-spacing:.04em;line-height:1.05;transition:font-variation-settings .2s linear}.domain-title{font-size:clamp(3rem,9vw,8rem);margin:.25rem 0 .7rem}.display-date{display:block;font-size:clamp(2.45rem,6vw,5.5rem);margin-bottom:.55rem}.casual-date{--casl:.7;--wght:520}.formal-date{--casl:0;--wght:860}h2{font-family:var(--body);font-weight:600;font-size:clamp(1.15rem,2vw,1.9rem);line-height:1.15;margin-bottom:.55rem;color:var(--charcoal)}.narrative{max-width:46rem;font-size:clamp(.98rem,1.2vw,1.13rem);font-weight:350;color:var(--charcoal)}.terminal-line,.terminal-dump{font-family:var(--mono);font-feature-settings:'ss01' on;color:var(--amber);font-size:clamp(.78rem,1.05vw,.92rem);letter-spacing:.02em}.output,.terminal-dump{color:var(--green)}.block-cursor,.prompt-cursor{display:inline-block;width:8px;height:18px;background:var(--amber);animation:blink 1.2s step-end infinite;vertical-align:-3px}.block-cursor.inline{margin-left:.35rem;background:var(--green)}
.hero-cell{grid-column:span 7;grid-row:span 3}.boot-note{grid-column:span 3;grid-row:span 1}.boot-link{grid-column:span 2;grid-row:span 2}.boot-small{grid-column:span 3;grid-row:span 2}.boot-wide{grid-column:span 5;grid-row:span 1}.event-large{grid-column:span 5;grid-row:span 3}.event-tall{grid-column:span 4;grid-row:span 4}.event-small{grid-column:span 3;grid-row:span 2}.event-medium{grid-column:span 4;grid-row:span 2}.event-medium.alt{grid-column:span 5}.event-small.modern{grid-column:span 3}.event-wide{grid-column:span 8;grid-row:span 2}.output-terminal{grid-column:1/-1;grid-row:1/span 6;min-height:76vh}.log-content{justify-content:flex-start;padding:clamp(1.5rem,3vw,3rem)}.terminal-dump{margin-top:1rem;display:grid;gap:.55rem;max-height:48vh;overflow:auto;padding-right:1rem}.terminal-dump span{color:var(--amber);margin-right:.8rem}
.timeline-svg{position:absolute;inset:3px;z-index:5;width:calc(100% - 6px);height:calc(100% - 6px);pointer-events:none;overflow:visible}.timeline-svg path{fill:none;stroke:var(--amber);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:.68;filter:drop-shadow(0 1px 0 rgba(250,246,239,.8))}.timeline-svg.is-drawn path{stroke-dashoffset:0;transition:stroke-dashoffset 2s cubic-bezier(.4,0,.2,1)}.timeline-svg.is-drawn path:nth-child(2){transition-duration:2.35s}.timeline-svg.is-drawn path:nth-child(3){transition-duration:1.7s;transition-delay:.25s}
.prompt-bar{position:fixed;left:0;right:0;bottom:0;height:48px;z-index:100;display:flex;align-items:center;gap:.55rem;padding:0 2rem;background:var(--charcoal);box-shadow:0 -4px 20px rgba(74,63,53,.15);color:var(--amber);font-family:var(--mono);font-size:.86rem;letter-spacing:.02em}.prompt-cursor{height:19px}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}@keyframes washDrift{0%,100%{transform:translate3d(0,0,0) rotate(0deg);opacity:.22}50%{transform:translate3d(10px,-8px,0) rotate(3deg);opacity:.31}}
@supports (font-variation-settings:normal){.display-date,.domain-title{font-variation-settings:'CASL' var(--casl),'MONO' 1,'wght' var(--wght)}}
@media (max-width:980px){.archive-shell{padding:1rem}.bento-tray{grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(110px,auto);min-height:auto}.hero-cell,.event-wide,.output-terminal{grid-column:1/-1}.boot-note,.boot-link,.boot-small,.boot-wide,.event-large,.event-tall,.event-small,.event-medium,.event-medium.alt,.event-small.modern{grid-column:span 3;grid-row:span 2}.timeline-svg{display:none}.domain-title{font-size:clamp(2.5rem,13vw,5.5rem)}}
@media (max-width:560px){.archive-shell{padding:.55rem}.bento-tray{grid-template-columns:1fr;margin-bottom:2rem}.bento-cell,.hero-cell,.boot-note,.boot-link,.boot-small,.boot-wide,.event-large,.event-tall,.event-small,.event-medium,.event-medium.alt,.event-small.modern,.event-wide,.output-terminal{grid-column:1;grid-row:auto;min-height:190px}.cell-header{font-size:.55rem;padding:0 .5rem}.date-stamp{font-size:.52rem}.prompt-bar{padding:0 1rem;font-size:.72rem}.terminal-dump{max-height:none}}