/* Relative Strength — match Themes chrome, tracker rows, and How it works. */
#rsView{--up:var(--success);--down:var(--danger);font-variant-numeric:tabular-nums}
#rsView .titleline{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}
#rsView .date{font-size:12px;color:var(--text-3);display:flex;align-items:center;gap:8px}
#rsView .dot{height:5px;width:5px;background:var(--up);border-radius:50%}
#rsView .date.is-stale .dot{background:var(--warning)}
#rsView .toolbar{display:flex;align-items:center;gap:8px}
#rsView .toolbar>button.themes-about-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--text-3);font-weight:500;font-size:12px;box-shadow:none}
#rsView .themes-about-btn .lucide{width:14px;height:14px}
#rsView .toolbar>button.themes-about-btn:hover,#rsView .toolbar>button.themes-about-btn[aria-expanded="true"]{color:var(--text);background:var(--surface-2)}
#rsView .windows,#rsView .scope,#rsView .bench{display:flex;gap:2px;border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-full);padding:3px;position:relative;isolation:isolate}
#rsView .windows button,#rsView .scope button,#rsView .bench button{padding:4px 10px;border:0;border-radius:20px;background:transparent;color:var(--text-3);font-size:12px;font-weight:600;position:relative;z-index:1;transition:color var(--dur-base) var(--ease-out-expo)}
#rsView .windows .seg-pill,#rsView .scope .seg-pill,#rsView .bench .seg-pill{position:absolute;left:0;top:3px;bottom:3px;border-radius:var(--radius-full);background:var(--primary);border:1px solid var(--primary-border);box-shadow:var(--inset-hi);pointer-events:none;opacity:0;will-change:transform}
#rsView .windows.is-ready .is-active,#rsView .scope.is-ready .is-active,#rsView .bench.is-ready .is-active{color:var(--primary-contrast)}
#rsView .themes-search-field{flex:0 0 19.5rem;width:19.5rem;max-width:19.5rem;height:36px;padding:0 11px;gap:7px}
#rsView .themes-search-field input{align-self:stretch;width:100%;min-width:0;height:auto;border:0;padding:0;background:transparent;box-shadow:none;color:var(--text);font-size:15px;line-height:22px;caret-color:var(--text)}
#rsView .themes-search-field input:focus{outline:none;box-shadow:none}
#rsView #rs-aboutBlock.is-open{margin-top:12px}
#rsView .disclosure-wrap{height:0;overflow:hidden;transition:height var(--dur-slow) var(--ease-out-expo),filter var(--dur-slow) var(--ease-out-expo),opacity var(--dur-slow) var(--ease-out-expo)}
#rsView .collapsible:not(.is-open) .disclosure-wrap{filter:blur(5px);opacity:0}
#rsView .collapsible.is-open .disclosure-wrap{filter:blur(0);opacity:1}
#rsView .disclosure{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px;margin:0;font-size:12px}
#rsView .about{display:block;width:100%;max-width:none;color:var(--text-3);line-height:1.5}
#rsView .about dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;margin:0}
#rsView .about dt{margin:0 0 3px;color:var(--text);font-weight:600}
#rsView .about dd{margin:0}
#rsView .about-note{margin:12px 0 0;font-size:11px}
#rsView .tracker{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);overflow:hidden;margin-top:17px}
#rsView .tracker-heading{display:flex;align-items:center;gap:9px;padding:13px 17px;border-bottom:1px solid var(--border);min-height:48px}
#rsView .tracker-heading h2{font-size:13px;letter-spacing:-.15px;margin:0;font-weight:600}
#rsView .tracker-count{color:var(--text-3);font-size:11px}
#rsView .tracker-period{margin-left:auto;font-size:11px;color:var(--text-3)}
#rsView .rs-months,#rsView .rs-row{display:grid;grid-template-columns:195px minmax(0,1fr) 73px;gap:16px;align-items:center;padding:0 17px}
#rsView .rs-months{height:34px;font-size:9px;letter-spacing:.45px;color:var(--text-3)}
#rsView .rs-months>span:last-child{text-align:right}
#rsView .rs-month-grid{display:grid;min-width:0}
#rsView .rs-rows{padding-bottom:9px;max-height:calc(100vh - 365px);min-height:180px;overflow:auto;scrollbar-width:thin}
#rsView .rs-row{border:0;background:transparent;width:100%;height:31px;min-height:31px;color:var(--text);text-align:left;font-size:12px;cursor:pointer}
#rsView .rs-row:hover{background:var(--row-hover)}
#rsView .rs-stub{display:flex;align-items:center;gap:10px;min-width:0}
#rsView .rs-rank{width:22px;flex:none;color:var(--text-3);font-size:11px;text-align:right}
#rsView .rs-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#rsView .rs-cells{display:grid;gap:2px;min-width:0;height:9px;align-self:center}
#rsView .rs-cell{border:0;border-radius:2px;min-width:0;height:9px;padding:0;cursor:pointer;background:var(--surface-2)}
#rsView .rs-cell:hover{outline:1px solid var(--text);outline-offset:1px}
#rsView .rs-chg{text-align:right;font-weight:600;font-size:11px}
#rsView .rs-chg.up{color:var(--up)}
#rsView .rs-chg.dn{color:var(--down)}
#rsView .rs-chg.flat{color:var(--text-3)}
#rsView .empty{padding:35px;color:var(--text-3);text-align:center}
#rsView .rs-tip{position:fixed;z-index:20;pointer-events:none;background:var(--text);color:var(--bg);font-size:11px;padding:6px 8px;border-radius:8px;transform:translate(-50%,-130%);white-space:nowrap}
@media(prefers-reduced-motion:reduce){#rsView .windows button,#rsView .scope button,#rsView .bench button{transition:none}#rsView .disclosure-wrap{transition:none}}
@media(max-width:760px){#rsView .about dl{grid-template-columns:1fr}#rsView .toolbar{flex-wrap:wrap}#rsView .themes-search-field{flex:1 1 auto;width:auto;max-width:none}#rsView .rs-months,#rsView .rs-row{grid-template-columns:135px minmax(0,1fr) 61px;gap:10px;padding-left:12px;padding-right:12px}#rsView .rs-rows{max-height:60vh}}
@media(max-width:430px){#rsView .toolbar{gap:6px}#rsView .windows button,#rsView .scope button,#rsView .bench button{padding:4px 8px}#rsView .rs-months,#rsView .rs-row{grid-template-columns:115px minmax(0,1fr) 58px;gap:8px}}