:root{--bg:#0d1117;--surface:#161b22;--border:#30363d;--text:#e6edf3;--text-muted:#8b949e;--accent:#f0b232;--link:#58a6ff;--green:#3fb950;--tag-bg:#1f2937;--cal-dot:#f0b232}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.6}.hidden{display:none!important}header{border-bottom:1px solid var(--border);text-align:center;padding:1.5rem 2rem}header h1{font-size:1.8rem;font-weight:600}header h1 span.naan{color:var(--accent)}header p{color:var(--text-muted);margin-top:.3rem;font-size:.95rem}.controls{flex-direction:column;align-items:center;gap:.75rem;padding:1rem 2rem;display:flex}.search-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.search-row input[type=text]{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:6px;width:420px;max-width:100%;padding:.5rem .75rem;font-size:.9rem}.search-row input::placeholder{color:var(--text-muted)}.search-row button{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:6px;padding:.5rem 1.2rem;font-size:.9rem;font-weight:600;transition:opacity .15s}.search-row button:hover{opacity:.85}.search-row button:disabled{opacity:.5;cursor:not-allowed}.filter-row{border:1px solid var(--border);border-radius:6px;gap:0;display:flex;overflow:hidden}.filter-btn{background:var(--surface);color:var(--text-muted);cursor:pointer;border:none;padding:.35rem 1rem;font-size:.82rem;font-weight:500;transition:background .15s,color .15s}.filter-btn:not(:last-child){border-right:1px solid var(--border)}.filter-btn:hover{color:var(--text)}.filter-btn.active{background:var(--accent);color:#000}.stats{text-align:center;color:var(--text-muted);padding:0 2rem .75rem;font-size:.85rem}.stats span{color:var(--green);font-weight:600}main{max-width:900px;margin:0 auto;padding:0 1.5rem 3rem}.global-timeline{background:var(--surface);border:1px solid var(--border);border-radius:8px;margin-bottom:1rem;padding:1rem}.global-timeline-title{color:var(--text-muted);margin-bottom:.5rem;font-size:.82rem}.global-timeline-bars{align-items:flex-end;gap:1px;height:64px;display:flex}.gt-bar{cursor:pointer;border-radius:1px 1px 0 0;flex:1;min-width:2px;transition:background .1s;position:relative}.gt-bar:hover,.gt-bar.active{background:var(--accent)!important}.global-timeline-labels{justify-content:space-between;margin-top:4px;display:flex}.global-timeline-labels span{color:var(--text-muted);font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.65rem}.timeline-filter{color:var(--text);background:#f0b2321a;border:1px solid #f0b2324d;border-radius:6px;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.4rem .75rem;font-size:.85rem;display:flex}.timeline-filter .filter-clear{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:4px;padding:.15rem .5rem;font-size:.78rem;transition:border-color .15s,color .15s}.timeline-filter .filter-clear:hover{border-color:var(--accent);color:var(--text)}.archive-list{flex-direction:column;gap:.75rem;display:flex}.archive-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1rem 1.25rem;transition:border-color .15s}.archive-card:hover{border-color:var(--accent)}.archive-title{word-break:break-word;margin-bottom:.25rem;font-size:1.05rem;font-weight:600}.archive-title a{color:var(--text);text-decoration:none}.archive-title a:hover{color:var(--accent)}.archive-url{color:var(--link);word-break:break-all;font-size:.85rem;text-decoration:none;display:block}.archive-url:hover{text-decoration:underline}.archive-meta{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;font-size:.8rem;display:flex}.tag{background:var(--tag-bg);color:var(--text-muted);border-radius:4px;padding:.15rem .5rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.78rem}.tag.format{color:var(--accent)}.tag.tool{color:var(--green)}.tag.ots{color:#f7931a;cursor:pointer;background:#f7931a1f;text-decoration:none}.tag.ots:hover{background:#f7931a40}a.tag.ots{display:inline-block}.tag.ots-pending{color:var(--text-muted);background:var(--tag-bg);opacity:.7}.tag.hashtree{color:#2d8a4e;background:#2d8a4e1f}.tag.hashtag{color:var(--link)}.archive-links{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.archive-links a{color:var(--link);font-size:.82rem;text-decoration:none}.archive-links a:hover{text-decoration:underline}.archive-pubkey{color:var(--text-muted);margin-top:.35rem;font-family:monospace;font-size:.78rem}.empty{text-align:center;color:var(--text-muted);padding:4rem 1rem;font-size:1.1rem}.loading{text-align:center;color:var(--text-muted);padding:3rem 1rem}.spinner{border:2px solid var(--border);border-top-color:var(--accent);vertical-align:middle;border-radius:50%;width:20px;height:20px;margin-right:.5rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.video-card{position:relative}.video-thumb{background:#000;border-radius:6px;margin-bottom:.75rem;position:relative;overflow:hidden}.video-thumb a{display:block}.video-thumb img{object-fit:cover;width:100%;height:auto;max-height:360px;display:block}.video-duration{color:#fff;background:#000c;border-radius:3px;padding:.1rem .4rem;font-family:SF Mono,Monaco,Cascadia Code,monospace;font-size:.78rem;position:absolute;bottom:8px;right:8px}.archive-origin{color:var(--text-muted);margin-top:.35rem;font-size:.8rem}.archive-origin a{color:var(--link);text-decoration:none}.archive-origin a:hover{text-decoration:underline}.lookup-url{text-align:center;word-break:break-all;padding:.75rem 0 .25rem;font-size:1rem}.lookup-url a{color:var(--link);text-decoration:none}.lookup-url a:hover{text-decoration:underline}.lookup-summary{text-align:center;color:var(--text-muted);padding:.25rem 0 1rem;font-size:.9rem}.timeline{margin-bottom:1.5rem}.timeline-title{color:var(--text-muted);text-align:center;margin-bottom:.5rem;font-size:.82rem}.timeline-bars{align-items:flex-end;gap:2px;height:100px;padding:0 .5rem;display:flex;overflow-x:auto}.timeline-bar-col{cursor:pointer;flex-direction:column;flex:1;align-items:center;min-width:28px;display:flex}.timeline-bar-col:hover .timeline-bar{background:var(--accent)}.timeline-bar{background:#f0b23299;border-radius:2px 2px 0 0;width:100%;max-width:40px;transition:background .15s,height .3s}.timeline-label{color:var(--text-muted);white-space:nowrap;writing-mode:vertical-lr;max-height:50px;margin-top:4px;font-size:.62rem;overflow:hidden;transform:rotate(180deg)}.calendar-section{margin-bottom:1.5rem}.calendar-nav{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.cal-nav-btn{background:var(--surface);border:1px solid var(--border);color:var(--text);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:border-color .15s;display:flex}.cal-nav-btn:hover{border-color:var(--accent)}.cal-year{color:var(--text);text-align:center;min-width:60px;font-size:1.2rem;font-weight:600}.calendar-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=700px){.calendar-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.calendar-grid{grid-template-columns:repeat(2,1fr)}}.cal-month{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:.6rem}.cal-month-name{color:var(--text);text-align:center;margin-bottom:.3rem;font-size:.82rem;font-weight:600}.cal-day-headers{grid-template-columns:repeat(7,1fr);gap:1px;margin-bottom:2px;display:grid}.cal-day-headers span{color:var(--text-muted);text-align:center;font-size:.6rem}.cal-days{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.cal-day{aspect-ratio:1;color:var(--text-muted);border-radius:3px;justify-content:center;align-items:center;font-size:.68rem;display:flex;position:relative}.cal-day.empty{visibility:hidden}.cal-day.has-snapshots{background:rgba(240, 178, 50, calc(var(--intensity,.3) * .5));color:var(--text);cursor:pointer;font-weight:600;transition:background .15s}.cal-day.has-snapshots:hover{background:#f0b23280}.cal-day.selected{outline:2px solid var(--accent);outline-offset:-1px;background:#f0b23266}.snapshot-list{flex-direction:column;gap:.75rem;display:flex}.snapshot-header{color:var(--text);border-bottom:1px solid var(--border);margin-bottom:.25rem;padding:.5rem 0;font-size:.95rem;font-weight:600}.snapshot-card{border-left:3px solid var(--accent)}footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:2rem;font-size:.8rem}footer a{color:var(--link);text-decoration:none}footer a:hover{text-decoration:underline}