:root{--ink:#080808;--paper:#fff;--soft:#f4f4ef;--line:#d8d8d2;--muted:#666660;--danger:#a40000;--signal:#d7ff38}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px;line-height:1.55}main{flex-direction:column;min-height:100vh;display:flex}.session-shell{height:100vh;overflow:hidden}button,input{color:inherit;font:inherit;border-radius:0}button,summary{cursor:pointer}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:2px}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}.site-header{border-bottom:1px solid var(--ink);flex:none;justify-content:space-between;align-items:center;gap:24px;min-height:58px;padding:0 22px;display:flex}.site-header.authenticated{background:var(--ink);min-height:44px;color:var(--paper)}.site-header.authenticated .status-dot{background:var(--signal)}.site-header.authenticated .status-dot.reconnecting{border-color:var(--paper);background:0 0}.site-header.authenticated button:focus-visible,.site-header.authenticated a:focus-visible{outline-color:var(--paper)}.relay-header{white-space:nowrap;align-items:center;min-width:0;display:flex}.relay-header a:last-child{text-overflow:ellipsis;overflow:hidden}.wordmark{font-weight:700;text-decoration:none}.slash{margin:0 9px}.quiet{color:var(--muted)}.site-header.authenticated .quiet{color:#c9c9c4}.session-summary{align-items:center;gap:12px;min-width:0;display:flex}.status-dot{background:var(--ink);border-radius:50%;flex:none;width:7px;height:7px}.status-dot.reconnecting{border:1px solid var(--ink);background:0 0}.text-button{text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.entry{flex:1;width:min(720px,100% - 40px);margin:clamp(60px,10vh,124px) auto 68px}.eyebrow{color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px;font-size:10px}h1{letter-spacing:-.08em;max-width:13ch;margin:0;font-size:clamp(42px,8vw,82px);font-weight:400;line-height:.94}.lede{max-width:58ch;margin:28px 0 42px;font-size:15px}.connect-form{gap:8px;display:grid}.connect-form input{border:1px solid var(--ink);background:var(--paper);width:100%;padding:13px 12px}.connect-form input:disabled,.primary-button:disabled{cursor:wait;opacity:.55}.primary-button{border:1px solid var(--ink);background:var(--ink);width:fit-content;color:var(--paper);margin-top:12px;padding:12px 18px}.signer-note{color:var(--muted);margin:8px 0 0;font-size:11px}.error,.inline-error{color:var(--danger)}.error{margin:18px 0 0}.privacy-note{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:minmax(180px,1fr) 2fr;gap:30px;margin-top:56px;font-size:11px;display:grid}.trend-workspace{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid;overflow:hidden}.trend-workspace.with-detail{grid-template-columns:minmax(0,1fr) minmax(340px,34vw)}.trend-board{flex-direction:column;min-width:0;min-height:0;padding:14px clamp(16px,2.2vw,32px) 12px;display:flex}.board-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;margin-bottom:10px;padding-bottom:10px;display:flex}.board-intro .eyebrow{margin-bottom:4px;font-size:9px}.board-title-line{align-items:baseline;gap:18px;display:flex}.board-intro h1{letter-spacing:-.06em;flex:none;max-width:none;font-size:clamp(26px,3vw,38px)}.board-lede{max-width:58ch;color:var(--muted);margin:0;font-size:10px}.board-summary{border-left:1px solid var(--ink);flex:none;gap:3px;padding-left:16px;font-size:10px;display:grid}.signal-grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(280px,22vw);gap:clamp(16px,2vw,28px);min-height:0;display:grid;overflow:hidden}.channel-panel,.people-panel{min-width:0;min-height:0}.channel-panel{flex-direction:column;display:flex}.trend-workspace.with-detail .signal-grid{grid-template-columns:minmax(0,1fr)}.trend-workspace.with-detail .people-panel{display:none}.board-toolbar{border-bottom:1px solid var(--ink);justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.filter-tabs{align-items:flex-end;display:flex}.filter-tab{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:0 0;border:0;border-bottom:3px solid #0000;padding:10px 14px 8px;font-size:10px}.filter-tab:first-child{padding-left:0}.filter-tab.active{border-bottom-color:var(--ink);color:var(--ink)}.board-toolbar>.quiet{padding-bottom:9px;font-size:10px}.inline-error{border-bottom:1px solid var(--line);margin:0;padding:10px 0;font-size:11px}.pulse-strip{border:solid var(--ink);scrollbar-width:thin;border-width:1px 0;flex:none;grid-template-columns:repeat(6,minmax(128px,1fr));margin-bottom:12px;display:grid;overflow-x:auto}.pulse-stat{border-right:1px solid var(--line);align-content:center;min-height:64px;padding:7px 12px;display:grid}.pulse-stat:last-child{border-right:0}.pulse-stat.primary{background:var(--signal);border-right-color:var(--ink)}.pulse-stat>span{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:8px}.pulse-stat.primary>span,.pulse-stat.primary>small{color:var(--ink)}.pulse-stat strong{letter-spacing:-.05em;margin-top:1px;font-size:clamp(18px,2vw,26px);font-weight:400;line-height:1.1}.pulse-stat small{color:var(--muted);font-size:8px}.trend-list{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:150px;overflow-y:auto}.trend-row{border:0;border-bottom:1px solid var(--line);background:var(--paper);text-align:left;grid-template-columns:30px minmax(180px,1.35fr) minmax(170px,.9fr) minmax(120px,.7fr) 72px 14px;align-items:center;gap:clamp(8px,1.4vw,20px);width:100%;padding:10px 4px 10px 0;display:grid;position:relative}.trend-row:hover,.trend-row.selected,.trend-row:focus-within{background:var(--soft);box-shadow:16px 0 0 var(--soft), -16px 0 0 var(--soft)}.trend-row-hit{z-index:1;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.trend-row-hit:focus-visible{outline-offset:-2px}.trend-row>span{z-index:2;pointer-events:none;position:relative}.channel-name-link{z-index:3;pointer-events:auto;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;position:relative}.channel-name-link:hover,.channel-name-link:focus-visible{text-decoration-color:currentColor}.trend-rank{color:var(--muted);font-size:11px}.trend-channel,.trend-signal,.trend-metrics{min-width:0;display:grid}.trend-name{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.trend-about{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.trend-signal{gap:5px}.heat-track{border:1px solid var(--ink);background:var(--paper);width:100%;height:6px;display:block}.heat-track>span{background:var(--ink);height:100%;display:block}.heat-label{color:var(--muted);font-size:9px}.heat-label b{color:var(--ink);text-transform:uppercase;font-weight:400}.trend-metrics{color:var(--muted);gap:1px;font-size:10px}.membership{border:1px solid var(--ink);text-transform:uppercase;white-space:nowrap;width:fit-content;padding:3px 6px;font-size:9px}.membership.joined{background:var(--ink);color:var(--paper)}.membership.discover{background:var(--signal)}.row-arrow{justify-self:end}.empty{color:var(--muted);text-align:center;padding:54px 0}.score-note{border-top:1px solid var(--ink);color:var(--muted);flex:none;padding:10px 0 0;font-size:10px}.score-note summary{width:fit-content}.score-note p{max-width:86ch;margin:10px 0 0}.people-panel{border-left:1px solid var(--ink);flex-direction:column;padding-left:clamp(14px,1.8vw,24px);display:flex;overflow:hidden}.people-heading{border-bottom:1px solid var(--ink);flex:none;justify-content:space-between;align-items:flex-end;gap:12px;padding:7px 0 9px;display:flex}.people-heading .eyebrow{margin-bottom:2px;font-size:8px}.people-heading h2{margin:0;font-size:14px;line-height:1.2}.people-heading>span{color:var(--muted);text-transform:uppercase;font-size:9px}.people-list{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;overflow-y:auto}.person-row{border-bottom:1px solid var(--line);grid-template-columns:24px minmax(0,1fr);gap:8px;padding:10px 0;display:grid}.person-rank{color:var(--muted);font-size:9px}.person-main{min-width:0}.person-name-line{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.person-name-line strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.person-name-line>span{color:var(--muted);flex:none;font-size:9px}.person-channels{color:var(--muted);gap:2px;margin-top:3px;margin-bottom:0;padding:0;font-size:8px;list-style:none;display:grid}.person-channels li{justify-content:space-between;gap:8px;min-width:0;display:flex}.person-channels a,.person-channels span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.person-channels b{color:var(--ink);font-weight:400}.channel-detail{border-left:1px solid var(--ink);flex-direction:column;min-height:0;padding:28px 24px 24px;display:flex;overflow:hidden}.detail-heading,.detail-status{justify-content:space-between;gap:20px;display:flex}.detail-heading{border-bottom:1px solid var(--ink);align-items:flex-start;padding-bottom:12px}.detail-heading .eyebrow{overflow-wrap:anywhere;color:var(--ink);margin:0;font-size:12px;font-weight:700}.detail-status{color:var(--muted);align-items:center;margin-top:16px;font-size:10px}.detail-about{margin:22px 0;font-size:12px}.detail-stats{border:solid var(--ink);border-width:1px 0;grid-template-columns:repeat(2,1fr);margin:24px 0 30px;display:grid}.detail-stats>div{min-width:0;padding:12px 8px 12px 0}.detail-stats dt{color:var(--muted);text-transform:uppercase;font-size:9px}.detail-stats dd{overflow-wrap:anywhere;margin:3px 0 0;font-size:11px}.detail-section-heading{border-bottom:1px solid var(--ink);text-transform:uppercase;flex:none;padding-bottom:7px;font-size:9px}.detail-messages{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:160px;overflow-y:auto}.detail-message{border-bottom:1px solid var(--line);padding:15px 0}.message-meta{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:5px 12px;margin-bottom:7px;font-size:9px;display:flex}.message-meta .author{color:var(--ink);font-weight:700}.message-body{overflow-wrap:anywhere;-webkit-line-clamp:4;white-space:pre-wrap;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.buzz-link{border:1px solid var(--ink);background:var(--ink);color:var(--paper);margin-top:22px;padding:10px 13px;text-decoration:none;display:inline-block}.site-footer{border-top:1px solid var(--ink);min-height:48px;color:var(--muted);flex:none;justify-content:space-between;align-items:center;gap:20px;padding:9px 22px;font-size:10px;display:flex}@media (width<=1050px){.signal-grid{grid-template-columns:minmax(0,1fr) 260px}.trend-row{grid-template-columns:34px minmax(170px,1.2fr) minmax(160px,.8fr) 104px 74px 16px;gap:12px}.trend-metrics span:nth-child(2){display:none}}@media (width<=840px){.trend-workspace.with-detail{grid-template-columns:1fr}.channel-detail{z-index:5;border:1px solid var(--ink);background:var(--paper);border-width:0 0 0 1px;width:min(480px,100vw - 24px);position:fixed;inset:58px 0 48px auto;box-shadow:-12px 0 #0808081f}.signal-grid{grid-template-columns:minmax(0,1fr);overflow-y:auto}.channel-panel{min-height:56vh}.people-panel{border-top:1px solid var(--ink);border-left:0;min-height:300px;padding-top:10px;padding-left:0;overflow:visible}.trend-row{grid-template-columns:32px minmax(160px,1fr) minmax(95px,.55fr) 74px 16px}.trend-metrics{display:none}}@media (width<=640px){.site-header{min-height:50px;padding:0 14px}.site-header .quiet,.relay-header>span:nth-of-type(2),.relay-header>.slash:nth-of-type(2),.relay-header a:last-child,.session-summary>span:not(.status-dot){display:none}.entry{width:min(100% - 28px,720px);margin-top:52px}.privacy-note{grid-template-columns:1fr;gap:0}.trend-board{padding:12px 14px}.board-intro{margin-bottom:10px;display:block}.board-title-line{display:block}.board-lede{margin-top:5px}.board-summary{border-left:0;gap:16px;margin-top:9px;padding-left:0;display:flex}.trend-row{grid-template-columns:26px minmax(0,1fr) 70px 14px;grid-template-areas:"rank channel membership arrow"".signal signal.";gap:9px;padding:14px 4px 14px 0}.trend-metrics{display:none}.trend-rank{grid-area:rank}.trend-channel{grid-area:channel}.trend-signal{grid-area:signal;margin-top:2px}.trend-row .membership{grid-area:membership}.row-arrow{grid-area:arrow}.trend-name{font-size:12px}.channel-detail{width:auto;padding:22px 18px;inset:50px 0 48px 16px}.site-footer{padding:8px 14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}