.wrap.board{max-width:88rem;padding-block:4rem 6rem}.board .label{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);font-size:.65rem;display:block}.board-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem 2.5rem;margin-bottom:2rem;display:flex}.board-titles{min-width:0}.board-titles .label{margin-bottom:1.2rem}.board-actions{align-items:center;gap:.6rem;display:flex}.col-label{margin-bottom:1.2rem}.board-filters{flex-direction:column;margin-bottom:2.5rem;display:flex}.board-cols{flex-direction:column;gap:3rem;display:flex}.board-col{width:100%;min-width:0;max-width:42rem;margin-inline:auto}.log-scroller{min-width:0}.scroll-sentinel{min-height:1px;display:block}.feed-link{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);border:1px solid var(--line);border-radius:3px;padding:.15rem .45rem;font-size:.65rem;text-decoration:none;transition:color .15s,border-color .15s}.feed-link:hover,.feed-link:focus-visible{color:var(--ink);border-color:var(--accent)}.board h1{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin-bottom:.6rem;font-size:1.6rem}.board .intro{color:var(--ink-dim);max-width:42rem;margin-bottom:0;font-size:.95rem;line-height:1.6}.topic-index{align-items:baseline;gap:1rem;padding-block:.5rem;display:flex}.topic-index+.topic-index{margin-top:-.15rem;padding-top:0}.topic-index-label{font-family:var(--font-mono);letter-spacing:.16em;color:var(--ink-faint);flex:none;font-size:.62rem}.topic-filters{flex-wrap:wrap;gap:.35rem;display:flex}.topic-filter{background:color-mix(in srgb, var(--ink) 6%, transparent);color:var(--ink-dim);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;border:none;border-radius:100px;align-items:baseline;gap:.35rem;padding:.3rem .65rem;font-size:.65rem;transition:color .2s,background .2s;display:inline-flex}.topic-filter:hover,.topic-filter:focus-visible{background:color-mix(in srgb, var(--ink) 12%, transparent);color:var(--ink)}.topic-filter.is-active{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent)}.topic-filter-count{color:var(--ink-faint);font-size:.58rem}.topic-filter.is-active .topic-filter-count,.topic-filter:hover .topic-filter-count{color:currentColor}.filter-empty{color:var(--ink-faint);font-family:var(--font-mono);text-align:center;padding-block:3rem;font-size:.82rem}#log-entries{flex-direction:column;display:flex}.entry{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--bg) 80%, transparent);grid-template-rows:auto auto;grid-template-columns:7rem 1fr auto;align-items:start;gap:.4rem 1.2rem;padding-block:1.8rem;display:grid}.entry time{font-family:var(--font-mono);color:var(--ink-faint);white-space:nowrap;grid-area:1/1;font-size:.78rem}.entry .type-badge{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);border:1px solid var(--accent);opacity:.8;border-radius:3px;grid-area:1/3;align-self:start;padding:.15rem .5rem;font-size:.58rem}.entry .entry-body{grid-area:2/1/auto/-1}.entry h3{font-family:var(--font-mono);color:var(--accent);margin-bottom:.3rem;font-size:.95rem}.entry p{color:var(--ink-dim);white-space:pre-line;font-size:.88rem;line-height:1.65}.entry p a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.entry p a:hover{color:var(--ink)}.entry-link{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;margin-top:.5rem;font-size:.72rem;text-decoration:none;display:inline-block}.entry-link:hover{color:var(--ink);text-decoration:underline}.skeleton .entry-body{background:linear-gradient(90deg, var(--line) 25%, transparent 50%, var(--line) 75%);background-size:200% 100%;border-radius:4px;height:3rem;animation:1.8s ease-in-out infinite skeleton-pulse}.skeleton time{background:linear-gradient(90deg, var(--line) 25%, transparent 50%, var(--line) 75%);background-size:200% 100%;border-radius:3px;height:.8rem;animation:1.8s ease-in-out infinite skeleton-pulse;display:block}.skeleton .type-badge{background:linear-gradient(90deg, var(--line) 25%, transparent 50%, var(--line) 75%);background-size:200% 100%;border-radius:3px;width:3rem;height:.9rem;animation:1.8s ease-in-out infinite skeleton-pulse}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}#log-entries:empty:after{content:"No entries yet. The log is waiting for its first transmission.";font-family:var(--font-mono);color:var(--ink-faint);text-align:center;padding-block:3rem;font-size:.82rem;display:block}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.entry{animation:linear both entry-rise view();animation-range:entry cover 30%}@keyframes entry-rise{0%{opacity:.1;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}}.rm-clear{margin-bottom:1rem}.rm-clear-btn{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);font-family:var(--font-mono);letter-spacing:.04em;cursor:pointer;border:none;border-radius:100px;align-items:baseline;gap:.35rem;padding:.3rem .65rem;font-size:.65rem;display:inline-flex}.rm-clear-btn:hover,.rm-clear-btn:focus-visible{background:color-mix(in srgb, var(--accent) 25%, transparent);color:var(--ink)}.entry.is-dimmed>time,.entry.is-dimmed>.entry-body,.entry.is-dimmed>.type-badge{opacity:.35}@media (width>=78rem){.board-log .log-scroller{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb, var(--ink-faint) 45%, transparent) transparent;min-height:24rem;max-height:calc(100dvh - 16rem);overflow-y:auto;mask-image:linear-gradient(#000 calc(100% - 1.2rem),#0000)}.board-log .log-scroller::-webkit-scrollbar{width:6px}.board-log .log-scroller::-webkit-scrollbar-track{background:0 0}.board-log .log-scroller::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--ink-faint) 45%, transparent);border-radius:999px}.board-log .log-scroller::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}.board-log .log-scroller::-webkit-scrollbar-button{display:none}}@media (width<=640px){.topic-index{flex-direction:column;align-items:flex-start;gap:.6rem}.topic-filters{flex-wrap:wrap;max-width:100%}.topic-filter{flex:none}.entry{grid-template-columns:1fr auto}.entry time,.entry .entry-body{grid-column:1/-1}}
