:root{--bg:#f8fafc;--card:#fff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--accent:#2563eb;--good:#15803d;--warn:#b45309;--bad:#b91c1c}
*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}
.topbar{display:flex;justify-content:space-between;align-items:center;padding:22px clamp(18px,4vw,56px);background:#0f172a;color:#fff}.topbar h1{margin:2px 0 0;font-size:clamp(24px,3vw,38px)}.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:#93c5fd}.status{font-size:13px;color:#cbd5e1;text-align:right}
.tabs{display:flex;gap:8px;padding:12px clamp(18px,4vw,56px);background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;overflow:auto}.tab{border:0;background:transparent;padding:10px 14px;border-radius:10px;font-weight:700;color:#475569;cursor:pointer}.tab.active{background:#e0e7ff;color:#1d4ed8}
.container{max-width:1320px;margin:auto;padding:28px clamp(16px,3vw,32px) 64px}.view{display:none}.active-view{display:block}.hero-card{background:linear-gradient(135deg,#fff,#eff6ff);border:1px solid #dbeafe;border-radius:18px;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.hero-card h2{max-width:780px;margin:8px 0 0;font-size:clamp(22px,3vw,36px);line-height:1.15}.muted,.section-head p{color:var(--muted)}.updated{white-space:nowrap;font-size:13px;color:var(--muted)}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 30px}.metric{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.metric .num{font-size:30px;font-weight:800}.metric .label{font-size:13px;color:var(--muted);margin-top:4px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:28px 0 14px}.section-head h3{margin:0;font-size:24px}.section-head p{margin:4px 0 0}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.etf-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;cursor:pointer;transition:.18s transform,.18s box-shadow}.etf-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(15,23,42,.08)}.card-top{display:flex;justify-content:space-between;gap:12px}.ticker{font-size:22px;font-weight:850}.name{font-size:13px;color:var(--muted);margin-top:2px}.score{font-size:22px;font-weight:850;text-align:right}.band{display:inline-block;margin-top:12px;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800;background:#e2e8f0}.band.very-cheap{background:#dcfce7;color:#166534}.band.cheap{background:#ecfccb;color:#3f6212}.band.fair{background:#fef3c7;color:#92400e}.band.expensive,.band.very-expensive{background:#fee2e2;color:#991b1b}.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.mini{background:#f8fafc;border-radius:10px;padding:9px}.mini b{display:block;font-size:14px}.mini span{font-size:11px;color:var(--muted)}
.search,select{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:14px;min-width:190px}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{background:#f8fafc;position:sticky;top:0}tbody tr:hover{background:#f8fafc}
.compare-selectors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}
dialog{width:min(880px,94vw);border:0;border-radius:18px;padding:0;box-shadow:0 30px 80px rgba(15,23,42,.25)}dialog::backdrop{background:rgba(15,23,42,.55)}.close-btn{position:absolute;right:16px;top:12px;border:0;background:#e2e8f0;width:34px;height:34px;border-radius:50%;font-size:24px;cursor:pointer}.detail{padding:28px}.detail h2{margin:0 50px 4px 0}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.detail-item{background:#f8fafc;border-radius:12px;padding:12px}.detail-item span{display:block;font-size:12px;color:var(--muted)}.detail-item b{font-size:18px}
footer{padding:20px clamp(18px,4vw,56px);border-top:1px solid var(--line);color:var(--muted);font-size:12px;background:#fff}
@media(max-width:950px){.metric-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.compare-selectors{grid-template-columns:repeat(2,1fr)}.detail-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.topbar{align-items:flex-start;gap:12px}.status{max-width:140px}.hero-card{align-items:flex-start;flex-direction:column}.metric-grid,.card-grid,.compare-selectors,.detail-grid{grid-template-columns:1fr}.search,select{width:100%}.section-head{align-items:flex-start;flex-direction:column}.mini-grid{grid-template-columns:repeat(2,1fr)}}

.name,.metric .label,.mini span,.detail-item span,.band,.status,.updated{font-size:14px}.mini span{display:block}button{font-family:inherit;font-size:14px}.source-message{padding:16px;border:1px solid #bfdbfe;background:#eff6ff;border-radius:12px;margin-bottom:12px}.refresh-btn{border:1px solid var(--line);border-radius:8px;padding:8px 12px;background:white;margin-bottom:16px;cursor:pointer}th button{border:0;background:transparent;color:var(--ink);font-weight:700;cursor:pointer;text-align:left;padding:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.compare-selectors select{min-width:0;width:100%}.updated{white-space:normal}td{font-variant-numeric:tabular-nums}@media(max-width:620px){.topbar{flex-direction:column}.status{max-width:none;text-align:left}}
/* Market intelligence theme */
:root{--bg:#0a1221;--card:#121e32;--ink:#edf3ff;--muted:#a1b2cc;--line:#263651;--accent:#64b5ff;--good:#25d4a5;--warn:#e9b65d;--bad:#f17f91;color-scheme:dark}
body{background:radial-gradient(ellipse at top right,#172b49 0,transparent 48%),var(--bg);font-size:16px;line-height:1.5}.topbar{max-width:1500px;margin:auto;background:transparent;padding:30px 40px 24px;border-bottom:1px solid var(--line)}.topbar h1{font-size:34px;letter-spacing:-1.1px;font-weight:750}.topbar h1 span{color:#64b5ff}.eyebrow{color:#8da6c7;font-size:12px;letter-spacing:.12em}.brand-divider{color:#25d4a5;margin:0 12px}.status{border:1px solid #314760;padding:9px 14px;border-radius:999px;color:#c8dbf4;font-size:13px}.tabs{background:rgba(10,18,33,.96);border-color:var(--line);padding:14px 40px;gap:10px;backdrop-filter:blur(12px)}.tab{color:#a1b2cc;border:1px solid transparent;border-radius:8px;padding:10px 20px;font-weight:600}.tab.active{background:#1c3453;color:#94caff;border-color:#345879}.tab:hover{color:white;background:#182943}.container{max-width:1500px;padding:24px 40px 64px}.hero-card{border:0;border-radius:0;background:transparent;padding:0 0 6px;align-items:center}.hero-card .muted{font-size:12px;letter-spacing:.12em;color:#81a7cd;font-weight:700}.hero-card h2{font-size:28px;line-height:1.3;letter-spacing:-.7px;margin:4px 0}.updated{background:#142339;border:1px solid var(--line);padding:8px 12px;border-radius:8px;font-size:13px}.refresh-btn{background:#15283e;border-color:#31445f;color:#bbd9fa;margin-bottom:20px}.source-message{background:#152a43;border-color:#345778;color:#d9e9fc}.metric-grid{gap:16px;margin:22px 0}.metric{background:linear-gradient(135deg,#17273e,#111d30);border-color:var(--line);border-radius:14px}.band-summary{text-align:left;color:var(--ink);cursor:pointer;position:relative;padding:18px 20px;transition:border-color .15s,transform .15s}.band-summary:hover{border-color:#58799f;transform:translateY(-2px)}.metric .label{font-size:14px;color:#c3d3e9}.metric .num{font-size:32px;margin-top:5px;font-variant-numeric:tabular-nums;letter-spacing:-1px}.metric .num span{font-size:13px;color:#8da6c7;font-weight:500;letter-spacing:0}.summary-track{height:4px;background:#253852;margin-top:16px;border-radius:3px;overflow:hidden}.summary-track i{display:block;height:100%;background:#64b5ff}.very-cheap .summary-track i{background:#25d4a5}.fair .summary-track i{background:#e9b65d}.expensive .summary-track i{background:#f17f91}.analytics-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:20px}.chart-panel{background:linear-gradient(150deg,#15233a,#101b2e);border:1px solid var(--line);border-radius:16px;padding:22px 24px;min-width:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.panel-heading h3{font-size:20px;letter-spacing:-.3px;margin:3px 0 0}.panel-tag{font-size:12px;color:#b3c7e2;padding:4px 9px;border:1px solid #314460;border-radius:6px;white-space:nowrap}.chart-note{font-size:13px;color:#94a9c5;margin:16px 0 0}.wheel-layout{display:flex;align-items:center;gap:22px;min-height:220px}.wheel-svg{width:220px;max-width:48%;flex-shrink:0}.wheel-total{font-size:34px;font-weight:750;fill:#edf3ff}.wheel-label{font-size:13px;fill:#a1b2cc}.wheel-legend{flex:1;min-width:0}.wheel-legend button{display:flex;width:100%;align-items:center;gap:10px;border:0;background:transparent;color:#d8e5f9;padding:10px 0;cursor:pointer;text-align:left;border-bottom:1px solid #24344d}.wheel-legend button:hover{background:#1b304b}.wheel-legend i{width:9px;height:9px;border-radius:3px;flex-shrink:0}.wheel-legend span{flex:1;font-size:14px}.wheel-legend b{font-size:16px}.wheel-legend small{min-width:32px;font-size:12px;color:#a1b2cc;text-align:right}.bar-axis{display:flex;justify-content:space-between;margin:0 74px 6px 64px;color:#8da6c7;font-size:12px}.bar-row{display:grid;grid-template-columns:54px 1fr 70px;gap:10px;width:100%;align-items:center;border:0;background:transparent;padding:10px 0;text-align:left;color:#e5efff;cursor:pointer}.bar-row:hover{background:#1a2c45;border-radius:6px}.bar-ticker{font-size:14px;font-weight:700}.bar-row b{text-align:right;font-size:14px;font-variant-numeric:tabular-nums}.bar-track{position:relative;height:22px;background:#1b2b43;border-radius:4px}.value-bar{position:absolute;height:14px;top:4px;border-radius:3px;min-width:1px}.zero-line{position:absolute;height:28px;top:-3px;width:1px;background:#b7c9e0;z-index:1}.category-panel{margin-top:20px}.category-chart{display:grid;grid-template-columns:1fr 1fr;gap:10px 36px}.category-row{border:0;background:transparent;color:#d9e6fa;display:grid;grid-template-columns:150px 1fr 65px;gap:14px;align-items:center;padding:9px 0;cursor:pointer;text-align:left;font-size:14px}.category-row:hover{background:#1b304b}.category-row b{font-size:12px;text-align:right;color:#b5c6df}.category-stack{display:flex;height:12px;border-radius:3px;overflow:hidden}.category-stack i{display:block;height:100%}.section-head{margin:34px 0 18px}.section-head h3{font-size:23px}.section-head p{font-size:14px}.card-grid{gap:20px}.etf-card{background:linear-gradient(135deg,#15253c,#101b2e);border-color:#293c58;border-radius:14px;padding:20px;position:relative}.etf-card:hover{border-color:#587ca5;box-shadow:0 14px 34px #03091366}.ticker{font-size:24px;letter-spacing:-.5px}.score{color:#8dc7ff;font-size:27px;letter-spacing:-.5px}.name{color:#a1b2cc;font-size:14px}.card-top>div:first-child{max-width:75%}.mini-grid{gap:9px;margin-top:20px}.mini{background:#0d192b;border:1px solid #223550;padding:10px;border-radius:8px}.mini b{font-size:16px;color:#dfeeff;font-variant-numeric:tabular-nums}.mini span{font-size:12px;color:#9aafce;margin-top:4px}.band{font-size:12px;padding:5px 10px;border:1px solid #455974;background:#23344e;color:#cddbf0}.band.very-cheap{background:#103c38;color:#6ce9c7;border-color:#1b675a}.band.cheap{background:#163654;color:#96ccff;border-color:#2f5e89}.band.fair{background:#403522;color:#f2ca80;border-color:#75603a}.band.expensive,.band.very-expensive{background:#402533;color:#ffb0bd;border-color:#794353}.search,select{background:#12243a;color:#e3edfc;border-color:#324964;border-radius:8px;padding:12px;font-size:14px}.search::placeholder{color:#95abc8}.filters{padding:16px;background:#111f33;border:1px solid var(--line);border-radius:12px;gap:12px}.filters .search{flex:1}.table-wrap{background:#101d30;border-color:#2a3b54;border-radius:12px}th{background:#182b43;color:#a8c3e4;padding:14px 12px}th button{color:#b4cfee;font-size:13px}td{padding:14px 12px;border-color:#22334d;color:#cedbf0}tbody tr:hover{background:#1a2d46}td .band{margin:0}.compare-selectors{margin:20px 0}.comparison-panel{margin-bottom:24px}.comparison-panel .bar-row{padding:16px 0}.comparison-panel .bar-track{height:28px}.comparison-panel .value-bar{height:20px}.comparison-panel .zero-line{height:34px}dialog{background:#132239;color:#edf3ff;border:1px solid #3a5273}.close-btn{background:#293d59;color:#dce9ff}.detail-item{background:#0b182a;border:1px solid #293c58}.detail-item span{font-size:13px;color:#a1b2cc}.detail-item b{font-size:20px}footer{background:#0a1221;border-color:#23344d;color:#8da6c7;font-size:13px;padding:24px 40px}.etf-card:focus-visible{outline:3px solid #64b5ff;outline-offset:4px}@media(max-width:1100px){.analytics-grid{grid-template-columns:1fr 1fr}.wheel-layout{flex-direction:column;gap:0}.wheel-svg{max-width:220px}.wheel-legend{width:100%}.category-chart{grid-template-columns:1fr}.category-row{grid-template-columns:180px 1fr 70px}}@media(max-width:760px){.topbar{padding:24px 20px;flex-direction:column;align-items:flex-start;gap:14px}.topbar h1{font-size:30px}.tabs{padding:12px 16px}.tab{padding:10px 14px;white-space:nowrap}.container{padding:20px 16px 40px}.analytics-grid{grid-template-columns:1fr}.wheel-layout{flex-direction:row;gap:16px}.wheel-svg{max-width:46%}.hero-card{align-items:flex-start;flex-direction:column;gap:14px}.hero-card h2{font-size:25px}.chart-panel{padding:20px 16px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-row{grid-template-columns:125px 1fr 55px;gap:10px;font-size:13px}.panel-heading{flex-wrap:wrap}.comparison-panel select{width:100%}.eyebrow{font-size:11px}.brand-divider{margin:0 6px}.card-grid{grid-template-columns:1fr}.status{font-size:12px}.band-summary{padding:15px}.metric .num{font-size:28px}.wheel-legend button{gap:7px}.wheel-legend span{font-size:13px}.bar-row{grid-template-columns:50px 1fr 62px;gap:8px}.bar-axis{margin-right:70px;margin-left:58px}footer{padding:20px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* Light violet finance theme */
:root{--bg:#f6f3fc;--card:#ffffff;--ink:#242039;--muted:#685f7d;--line:#e3ddec;--accent:#7952c7;--good:#167764;--warn:#98671c;--bad:#b54868;color-scheme:light}
body{background:radial-gradient(ellipse at top right,#eae1fc 0,transparent 48%),#f8f6fc;color:var(--ink)}.topbar{border-color:#e0d8ec;color:#242039}.topbar h1{color:#7850bf}.topbar h1 span{color:#7850bf}.eyebrow{color:#746090}.brand-divider{color:#875cc8}.status{border-color:#ded2ef;background:#f0e9fa;color:#655080}.tabs{background:rgba(250,248,255,.96);border-color:#e3ddec}.tab{color:#72657f}.tab.active{background:#e9ddfa;color:#673aa8;border-color:#d4bce9}.tab:hover{color:#61399c;background:#efe7fb}.hero-card .muted{color:#806299}.updated{background:#fff;border-color:#e2d7ec;color:#70617f}.refresh-btn{background:#eee5fb;border-color:#d7c7e8;color:#674291}.source-message{background:#f0e9fb;border-color:#d8c6ee;color:#634786}.metric{background:linear-gradient(135deg,#fff,#f3edfc);border-color:#e1d7ec}.metric .label{color:#71627f}.metric .num{color:#35234e}.metric .num span{color:#80708e}.summary-track{background:#e6def0}.summary-track i{background:#9170d0}.very-cheap .summary-track i{background:#2aaf8c}.cheap .summary-track i{background:#8173d5}.fair .summary-track i{background:#c49743}.expensive .summary-track i{background:#d47293}.band-summary:hover{border-color:#bda6d8;box-shadow:0 5px 18px #7547a611}.chart-panel{background:linear-gradient(145deg,#fff,#faf7ff);border-color:#e2d9ee;box-shadow:0 4px 18px #68439106}.panel-tag{color:#79648d;border-color:#e0d3ec;background:#f8f2fd}.chart-note{color:#786b87}.wheel-total{fill:#392b50}.wheel-label{fill:#7c6a91}.wheel-legend button{color:#524064;border-color:#ede5f4}.wheel-legend button:hover{background:#f1eafa}.wheel-legend small{color:#857290}.bar-axis{color:#897397}.bar-row{color:#4e3a62}.bar-row:hover{background:#f1eafa}.bar-track{background:#eee8f5}.zero-line{background:#a68fbb}.category-row{color:#604a74}.category-row:hover{background:#f1eafa}.category-row b{color:#8b749b}.etf-card{background:linear-gradient(135deg,#fff,#fcfaff);border-color:#e0d5eb;box-shadow:0 5px 20px #70409808}.etf-card:hover{border-color:#bda0d9;box-shadow:0 12px 28px #70409818}.ticker{color:#35234e}.score{color:#7a4fc0}.name{color:#786a86}.mini{background:#f5f0fb;border-color:#e9dff3}.mini b{color:#4c355f}.mini span{color:#826e92}.band{border-color:#dfd0eb;background:#f0e8f8;color:#6e537e}.band.very-cheap{background:#e4f5ee;color:#206e56;border-color:#bde2d1}.band.cheap{background:#ede8fb;color:#6650a0;border-color:#d6c9f0}.band.fair{background:#fcf1dc;color:#926a24;border-color:#efdbb4}.band.expensive,.band.very-expensive{background:#fbe8ef;color:#a34265;border-color:#efc7d7}.search,select{background:#fff;color:#4b355f;border-color:#dacbe9}.search::placeholder{color:#9882a7}.filters{background:#f1eafa;border-color:#e0d2ee}.table-wrap{background:#fff;border-color:#e0d5ec}th{background:#f0e8fa;color:#705384}th button{color:#705384}td{color:#655070;border-color:#ede5f4}tbody tr:hover{background:#f8f2fe}dialog{background:#fdfbff;color:#362348;border-color:#dac8ec}.close-btn{background:#eadef6;color:#72508e}.detail-item{background:#f4edfb;border-color:#e4d7ef}.detail-item span{color:#886f98}footer{background:#f1eafa;border-color:#e1d4ed;color:#82708e}.etf-card:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline-color:#8958c7}

/* Updated scoring and data coverage */
.metric-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.card-bands{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.card-bands .band{margin:0}.mini span,.name,.band{font-size:14px}.card-top>div:last-child{text-align:right;max-width:45%}th button{font-size:14px;min-width:95px}.detail-item span{font-size:14px}@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}