body.cs-body{background:var(--cs-bg);color:var(--cs-fg);font-family:var(--cs-font);line-height:1.6}
.cs-head{position:sticky;top:0;z-index:30;background:rgba(7,10,16,.72);backdrop-filter:saturate(130%) blur(10px);border-bottom:1px solid var(--cs-line)}
html[data-cs-theme="light"] .cs-head{background:rgba(246,248,251,.72)}
.cs-head__inner{max-width:var(--cs-max);margin:0 auto;padding:12px 16px;display:flex;gap:12px;align-items:center;justify-content:space-between}
.cs-logo{text-decoration:none;font-weight:900;letter-spacing:.2px}
.cs-mini{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.cs-mini__a{text-decoration:none;padding:6px 10px;border-radius:999px;border:1px solid transparent}
.cs-mini__a.is-on{border-color:var(--cs-line);background:var(--cs-card)}
.cs-mode{border:1px solid var(--cs-line);background:var(--cs-card);border-radius:999px;padding:8px 10px}

.cs-main{max-width:var(--cs-max);margin:0 auto;padding:18px 16px 40px 16px}
.cs-shell{display:flex;flex-direction:column;gap:14px}

.cs-tabs{display:flex;gap:8px;flex-wrap:wrap}
.cs-tab{border:1px solid var(--cs-line);background:transparent;color:inherit;border-radius:999px;padding:8px 10px}
.cs-tab.is-on{background:var(--cs-card)}
.cs-panel{display:none}
.cs-panel.is-on{display:block}

.cs-stream{column-count:3;column-gap:14px}
.cs-stream--mini{column-count:2}
@media (max-width: 1020px){.cs-stream{column-count:2}}
@media (max-width: 700px){.cs-stream{column-count:1}.cs-stream--mini{column-count:1}}

.cs-card{break-inside:avoid;background:var(--cs-card);border:1px solid var(--cs-line);border-radius:var(--cs-radius);padding:14px;margin:0 0 14px 0}
.cs-card__title{margin:0 0 6px 0;font-size:1.02rem}
.cs-card__desc{margin:0;color:var(--cs-muted)}
.cs-pill{display:inline-block;border:1px solid var(--cs-line);border-radius:999px;padding:3px 8px;color:var(--cs-muted);font-size:.82rem}
.cs-muted{color:var(--cs-muted);margin:0}