.roster-line { display:flex; align-items:center; gap:var(--space-6); margin:0 0 var(--space-10); font:600 13px/1 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--signal); }
.roster-line .oa-icon { font-size:16px; }
.head { display:flex; gap:var(--space-16); align-items:center; margin:0 0 var(--space-16); }
.avatar { flex:none; width:64px; height:64px; border-radius:var(--radius-full); background:var(--panel); border:2px solid var(--signal); color:var(--signal); display:inline-flex; align-items:center; justify-content:center; font:800 1.6rem/1 var(--font-display); text-transform:uppercase; }
.head h1 { margin:0 0 var(--space-6); }
.head p { margin:0; }
.week-panel { display:flex; flex-direction:column; align-items:flex-start; gap:var(--space-8); margin:0 0 var(--space-16); padding:var(--space-16); background:var(--panel); border:1px solid var(--rule); border-radius:var(--radius-12); }
.week-panel p { margin:0; }
.week-panel .week-count { font:800 28px/1 var(--font-display); text-transform:uppercase; color:var(--chalk); }
.bar { display:flex; flex-wrap:wrap; gap:var(--space-10); align-items:center; margin:0 0 var(--space-16); }
.bar .oa-btn { gap:var(--space-8); }
.bar .oa-btn .oa-icon { font-size:22px; }
button.follow[aria-pressed="true"] { border-color:var(--signal); color:var(--signal); }
button.follow[aria-busy="true"] { opacity:.6; cursor:progress; }
.follow-note { flex-basis:100%; margin:0; font-size:13px; line-height:1.4; }
.follow-note a { display:inline-flex; align-items:center; min-height:44px; }
.viewbar { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:var(--space-10) var(--space-16); margin:0 0 var(--space-8); }
.tabs { display:inline-flex; padding:var(--space-4); gap:var(--space-4); border:1px solid var(--rule); border-radius:var(--radius-12); background:var(--panel); }
.tabs a { display:inline-flex; align-items:center; justify-content:center; min-width:96px; min-height:44px; padding:0 var(--space-16); border-radius:var(--radius-10); text-decoration:none; color:var(--dim); font:600 13px/1 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; }
.tabs a[aria-current="page"] { background:var(--raised); color:var(--chalk); }
.newcount { margin:0; font:600 13px/1.3 var(--font-mono); letter-spacing:.06em; text-transform:uppercase; color:var(--signal); }
.view-help { margin:0 0 var(--space-16); font-size:13px; line-height:1.4; }
.story { margin:0 0 var(--space-24); padding-bottom:var(--space-8); border-bottom:1px solid var(--rule); }
.story-head { display:flex; flex-wrap:wrap; justify-content:space-between; gap:var(--space-6) var(--space-12); margin:0 0 var(--space-10); font:600 13px/1.3 var(--font-mono); letter-spacing:.08em; text-transform:uppercase; color:var(--dim); }
.story > .story-group { margin:0 0 var(--space-8); }
ul.all { gap:var(--space-12); }
h2.earlier { margin-top:36px; }