:root{color-scheme:light;--history-paper: var(--paper, #f4f5f6);--history-raised: var(--paper-raised, #fff);--history-ink: var(--ink, #15212b);--history-muted: var(--ink-muted, #5c6770);--history-line: var(--line, #cbd2d8);--history-accent: var(--accent, #0a67a3);--history-font: "IBM Plex Sans", sans-serif;--history-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--history-paper);color:var(--history-ink)}body{font:15px/1.5 var(--history-font)}a{color:var(--history-accent)}button,input,select{font:inherit}.history-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:72px;padding:.75rem max(1rem,calc((100vw - var(--container, 1180px)) / 2));border-bottom:1px solid var(--history-line);background:var(--history-raised)}.history-brand{display:flex;align-items:center;gap:.8rem;color:var(--history-ink);text-decoration:none}.history-brand img{width:8rem;height:auto}:root[data-theme=dark] .history-brand img{filter:invert(1)}.history-brand span{display:grid;line-height:1.2}.history-brand small{color:var(--history-muted);font:.75rem/1.3 var(--history-mono)}.history-header nav{display:flex;align-items:center;gap:.45rem}.history-header nav :is(a,button){min-height:44px;display:inline-flex;align-items:center;padding:.45rem .7rem;border:1px solid var(--history-line);border-radius:0;background:var(--history-raised);color:var(--history-ink);text-decoration:none;cursor:pointer}main,footer{width:min(var(--container, 1180px),calc(100% - 2rem));margin-inline:auto}.history-intro{padding:clamp(2rem,7vw,5rem) 0 2rem;max-width:780px}.history-intro h1{margin:0 0 .8rem;font-size:clamp(2.25rem,6vw,4.8rem);line-height:.98;letter-spacing:-.035em}.history-intro p{color:var(--history-muted);margin:.65rem 0;max-width:68ch}#history-status{font:.78rem/1.4 var(--history-mono)}.history-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(12rem,18rem);gap:.75rem;padding:1rem;border:1px solid var(--history-line);background:var(--history-raised)}.history-controls label{display:grid;gap:.35rem;color:var(--history-muted);font:.75rem/1.3 var(--history-mono)}.history-controls :is(input,select){min-height:44px;width:100%;padding:.55rem .65rem;border:1px solid var(--history-line);border-radius:0;background:var(--history-paper);color:var(--history-ink)}.history-list{display:grid;gap:2.25rem;padding:2rem 0 4rem}.history-day{display:grid;gap:.9rem}.history-day>h2{margin:0;padding-bottom:.5rem;border-bottom:1px solid var(--history-line);font:600 1rem/1.3 var(--history-mono)}.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem}.history-card{min-width:0;border:1px solid var(--history-line);background:var(--history-raised)}.history-card>a{display:block;color:inherit;text-decoration:none}.history-image{aspect-ratio:16 / 10;overflow:hidden;border-bottom:1px solid var(--history-line);background:color-mix(in srgb,var(--history-paper) 85%,var(--history-accent))}.history-image img{display:block;width:100%;height:100%;object-fit:cover}.history-card>a:focus-visible{outline:2px solid var(--history-accent);outline-offset:3px}.history-image span{display:grid;place-items:center;width:100%;height:100%;color:var(--history-muted);font:.75rem/1.3 var(--history-mono)}.history-card-body{padding:.85rem}.history-card-body h3{margin:0 0 .35rem;font-size:1.05rem;line-height:1.25}.history-meta{display:flex;flex-wrap:wrap;gap:.35rem .7rem;margin:0;color:var(--history-muted);font:.7rem/1.4 var(--history-mono);overflow-wrap:anywhere}.history-kind{color:var(--history-accent)}.history-summary{margin:.6rem 0 0;color:var(--history-muted);font-size:.9rem}.history-empty{padding:2rem;border:1px solid var(--history-line);color:var(--history-muted);background:var(--history-raised)}footer{display:flex;justify-content:space-between;gap:1rem;padding:1.25rem 0 3rem;border-top:1px solid var(--history-line);color:var(--history-muted);font-size:.82rem}footer p{margin:0}@media(max-width:820px){.history-header{align-items:flex-start}.history-header nav{flex-wrap:wrap;justify-content:flex-end}.history-brand span{display:none}.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.history-header{position:static;display:grid}.history-header nav{justify-content:flex-start}.history-controls,.history-grid{grid-template-columns:1fr}footer{display:grid}}
