.cx{--official:var(--amber);--news:var(--cyan);--visual:#c79bff}.cx [hidden]{display:none!important}[data-cat=official]{--cat:var(--official,#f4b33f)}[data-cat=news]{--cat:var(--news,#7fe9ff)}[data-cat=visual]{--cat:var(--visual,#c79bff)}.cx-av{width:40px;height:40px;font:600 13px/1 var(--display);color:var(--void);background:linear-gradient(140deg, color-mix(in srgb, var(--cat,#7fe9ff) 65%, #fff), var(--cat,#7fe9ff));border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.cx-av img{object-fit:cover;width:100%;height:100%}.cx-av.is-lg{width:52px;height:52px;font-size:16px}.cx-av.is-sm{width:32px;height:32px;font-size:11px}.cx-rail{scroll-snap-type:x proximity;scrollbar-width:thin;gap:14px;padding:2px 2px 12px;display:flex;overflow-x:auto}.cx-rail a{width:74px;color:var(--muted);scroll-snap-align:start;flex:none;justify-items:center;gap:6px;text-decoration:none;display:grid}.cx-rail a span{font:400 10.5px/1.2 var(--mono);text-overflow:ellipsis;white-space:nowrap;max-width:74px;overflow:hidden}.cx-rail a:hover span,.cx-rail a:focus-visible span{color:var(--ink)}.cx-rail a:hover .cx-av{box-shadow:0 0 0 2px var(--cyan)}.cx-home-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:4px;display:grid}@media (width<=900px){.cx-home-grid{grid-template-columns:1fr}.cx-home-grid>.cx-post:nth-child(n+2){display:none}}.cx-cat-tile{border:1px solid var(--line);border-top:2px solid var(--cat);color:inherit;background:#080e16bf;gap:6px;padding:16px;text-decoration:none;transition:border-color .2s,background .2s;display:grid}.cx-cat-tile:hover{border-color:var(--cat);background:#102030e6}.cx-cat-tile strong{font:600 16px/1.2 var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--cat)}.cx-cat-tile .muted{font:400 12px/1.5 var(--mono);overflow-wrap:anywhere}.cx-home-cta{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}.cx-post{border:1px solid var(--line);border-top:2px solid var(--cat);background:#080e16bf;align-content:start;gap:10px;min-width:0;padding:14px;display:grid}.cx-post:hover{border-color:var(--line-hi);border-top-color:var(--cat)}.cx-who{align-items:center;gap:10px;min-width:0;display:flex}.cx-who>div{flex:1;min-width:0}.cx-who b{font:600 14px/1.2 var(--display);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.cx-who small{font:400 12px/1.3 var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.cx-time{font:400 12px/1 var(--mono);color:var(--faint);flex:none;align-self:flex-start}.cx-pin{font:400 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--amber);border:1px solid var(--amber-2);flex:none;padding:4px 6px}.cx-note{font:500 15px/1.5 var(--body);color:var(--ink);border-left:2px solid var(--amber);margin:0;padding-left:10px}.cx-text{color:#c9d7e3;overflow-wrap:anywhere;white-space:pre-line;margin:0;font-size:14.5px;line-height:1.55}blockquote.cx-text{padding:0}.cx-text a{color:var(--cyan);text-decoration:none}.cx-text a:hover{text-decoration:underline}.cx-post.is-compact .cx-text{-webkit-line-clamp:5;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.cx-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.cx-open{font:400 12px/1 var(--mono);letter-spacing:.08em;color:var(--muted);margin-left:auto;padding:8px 0;text-decoration:none}.cx-open:hover{color:var(--cyan)}.cx-signal{font:400 11.5px/1 var(--mono);letter-spacing:.05em;color:var(--amber);border:1px solid var(--amber-2);align-items:center;gap:6px;padding:6px 8px;text-decoration:none;display:inline-flex}.cx-signal img{object-fit:cover;width:18px;height:13.5px}.cx-signal:hover{border-color:var(--amber);color:#ffe2a8}.cx-empty{border:1px dashed var(--line-hi);color:var(--muted);margin:0;padding:14px;font-size:14px}.cx-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}@media (width<=1000px){.cx-highlights{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.cx-highlights{grid-template-columns:1fr}}.cx-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;display:flex}.cx-dir-title{text-transform:uppercase;letter-spacing:.1em;font-size:clamp(1.2rem,1rem + .8vw,1.6rem)}.cx-filters{flex-wrap:wrap;gap:8px;display:flex}.cx-filters .chip i{background:var(--cat);border-radius:50%;width:8px;height:8px;display:inline-block}.cx-dir{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.cx-dir.is-single{grid-template-columns:minmax(0,1fr)}.cx-dir.is-single .cx-col{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:12px;display:grid}.cx-dir.is-single .cx-colhead{grid-column:1/-1}.cx-col{min-width:0;scroll-margin-top:calc(var(--header-h) + 16px);flex-direction:column;gap:10px;display:flex}.cx-colhead{border-bottom:2px solid var(--cat);justify-content:space-between;align-items:center;padding:10px 2px 6px;display:flex}.cx-colhead h3{letter-spacing:.16em;text-transform:uppercase;color:var(--cat);font-size:14px}.cx-chan{border:1px solid var(--line);min-width:0;scroll-margin-top:calc(var(--header-h) + 24px);background:#0a121cd9;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 14px;transition:border-color .2s,background .2s;display:grid}.cx-chan:hover{border-color:var(--line-hi)}.cx-chan.is-target{border-color:var(--cat);box-shadow:0 0 0 1px var(--cat), 0 0 22px color-mix(in srgb, var(--cat) 25%, transparent)}.cx-chan-body{gap:2px;min-width:0;display:grid}.cx-chan-body b{font:600 15px/1.2 var(--display);letter-spacing:.02em;overflow-wrap:anywhere}.cx-chan-body small{font:400 12px/1.3 var(--mono);color:var(--muted)}.cx-chan-body p{color:#b9c9d6;margin:4px 0 0;font-size:13.5px;line-height:1.45}.cx-chan-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.cx-subject{font:400 10.5px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--cat);border:1px solid color-mix(in srgb, var(--cat) 55%, transparent);padding:5px 7px}.cx-follow{white-space:nowrap}@media (width<=900px){.cx-dir{grid-template-columns:1fr}}@media (width<=420px){.cx-chan{grid-template-columns:auto minmax(0,1fr)}.cx-follow{grid-column:1/-1;width:100%}}
