:root{--positive:#18764c;--positive-soft:#edf7f0;--negative:#ad303b;--negative-soft:#fff0f1;--warning:#885908;--warning-soft:#fff6df;--neutral:#626874;--neutral-soft:#eff0f3;--archive:#474e5a}
.r4-change{font-weight:600;white-space:nowrap}.r4-change.up{color:var(--positive)}.r4-change.down{color:var(--negative)}.r4-change.flat{color:var(--neutral)}.r4-change-pill{font-size:12px;letter-spacing:0;background:var(--bg);border-radius:20px;padding:6px 10px;margin-left:8px;font-weight:400}.r4-change-pill:has(.up){background:var(--positive-soft)}.r4-change-pill:has(.down){background:var(--negative-soft)}.r4-change-pill>span:last-child{color:var(--muted)}
.cat-negative{color:var(--negative);background:var(--negative-soft)}.cat-repost,.cat-pending{color:var(--warning);background:var(--warning-soft)}.cat-support{color:var(--positive);background:var(--positive-soft)}.cat-related{color:var(--accent);background:var(--accent-soft)}.cat-unrelated,.cat-paused{color:var(--neutral);background:var(--neutral-soft)}.cat-archive{color:var(--archive);background:var(--neutral-soft)}
.r3-bar-track i.cat-related{background:var(--accent)}.r3-bar-track i.cat-negative{background:var(--negative)}.r3-bar-track i.cat-repost,.r3-bar-track i.cat-pending{background:var(--warning)}.r3-bar-track i.cat-support{background:var(--positive)}.r3-bar-track i.cat-unrelated{background:var(--neutral)}.r3-bar-track i.cat-archive{background:var(--archive)}
.r4-filters .field{flex:1 1 140px;min-width:0}.r4-filters .field.grow{flex:2 1 230px}.r4-filters select,.r4-filters input{width:100%;min-width:0}.r4-filters select{max-width:230px}.r4-board,.r4-other-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}.r4-column{min-width:0}.r4-column-head{display:flex;align-items:center;justify-content:space-between;padding:0 4px 14px;background:transparent;gap:8px}.r4-column-head h2{font-size:14px;color:var(--ink)}.r4-column-head b{font-size:22px;font-weight:600}.r4-column-head small{font-size:12px;font-weight:400}.r4-record{display:block;padding:18px;margin-bottom:16px;border:1px solid var(--line);border-top:3px solid var(--neutral);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:var(--r3-shadow);min-width:0;overflow-wrap:anywhere}.r4-record.cat-negative{border-top-color:var(--negative)}.r4-record.cat-repost{border-top-color:var(--warning)}.r4-record.cat-support{border-top-color:var(--positive)}.r4-record:hover{border-color:var(--accent);background:var(--surface);box-shadow:0 3px 14px #2327410c}.r4-record-top,.r4-record-foot{display:flex;align-items:center;justify-content:space-between;gap:8px}.r4-record-top>span:last-child{color:var(--muted)}.r4-record h3{font-size:14px;font-weight:550;line-height:1.65;margin:14px 0 8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:46px}.r4-author{font-size:12px;color:var(--muted);margin:0}.r4-record-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px 0}.r4-record-metrics span{display:block;font-size:11px;color:var(--muted);margin-bottom:4px}.r4-record-metrics b{font-size:22px;font-weight:550}.r4-record-times{display:flex;flex-direction:column;gap:4px;font-size:11px;line-height:1.6;color:var(--muted);padding-bottom:14px}.r4-record-foot{border-top:1px solid var(--line);padding-top:12px;font-size:11px}.r4-record-foot>span:last-child{color:var(--muted)}.r4-column-empty{padding:32px 16px;background:var(--surface);border:1px dashed var(--line);border-radius:18px;color:var(--muted);font-size:12px;text-align:center}.r4-more{display:flex;justify-content:center;background:var(--surface);font-size:12px}.r4-other-grid{margin-bottom:16px}.r4-account-intro{font-size:13px;color:var(--muted);margin:0 0 20px}.r4-accounts{display:grid;gap:20px}.r4-account{padding:24px}.r4-account-head{display:flex;gap:12px;align-items:center}.r4-account-head .avatar{flex-shrink:0}.r4-account-head h2{margin-bottom:6px}.r4-account-head>button{margin-left:auto}.r4-account-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:24px 0 16px}.r4-account-stats>div>span{font-size:12px;color:var(--muted);display:block}.r4-account-stats strong{display:block;font-size:28px;font-weight:600;line-height:1.4;margin:6px 0;color:var(--ink)}.r4-account-stats strong a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--line);text-underline-offset:6px}.r4-account-stats strong a:hover{color:var(--accent)}.r4-account-stats small{font-size:11px;color:var(--muted);font-weight:400}.r4-recent{font-size:12px;color:var(--muted);margin:12px 0 20px}.r4-focus-reason{border-top:1px solid var(--line);padding-top:16px}.r4-focus-reason h3{font-size:13px}.r4-focus-reason p{font-size:12px;color:var(--muted);margin:6px 0 12px}.r4-focus-reason .basis{margin:0;display:flex;flex-wrap:wrap;gap:8px}.r4-focus-reason .btn{font-size:12px;background:var(--bg);border-color:transparent}.r3-summary .info-bubble{white-space:normal;font-weight:400;color:var(--surface)}.r4-account-stats>div:last-child .info-bubble{left:auto;right:0}.r3-summary-grid>div:last-child .info-bubble{left:auto;right:0}.r3-summary-grid .info-wrap{display:inline-block}.r4-board .tag{white-space:normal}.r3-op-table .cat-negative,.r3-op-table .cat-support,.r3-op-table .cat-repost{font-size:11px}
@media(max-width:1050px){.r4-record{padding:14px}.r4-record-metrics b{font-size:20px}.r4-account-stats{gap:12px}.r4-account-stats strong{font-size:24px}}
@media(max-width:800px){.r4-board,.r4-other-grid{grid-template-columns:1fr}.r4-column-head{padding-top:12px}.r4-record h3{min-height:0}.r4-account-stats{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}.r4-filters select{max-width:none}.r4-account{padding:20px}.r4-account-stats>div:nth-child(even) .info-bubble{left:auto;right:0}.r4-account-stats strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){.r4-record{transition:none}}
.primary:hover,.btn.primary:hover{background:#2738ce;border-color:#2738ce}
.r4-record:hover{text-decoration:none}.r4-record:hover h3{text-decoration:underline;text-underline-offset:3px}
.r4-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.r4-filters .field.grow{grid-column:span 3}.r4-filters .field:has(input[type=date]){grid-column:span 2}.r4-filters select{max-width:none}.r4-filters>button,.r4-filters>.text-button{align-self:end}
@media(max-width:800px){.r4-filters{grid-template-columns:repeat(2,minmax(0,1fr))}.r4-filters .field.grow{grid-column:1/-1}.r4-filters .field:has(input[type=date]){grid-column:auto}}