:root{--color-bg: #07111f;--color-surface: #0f172a;--color-surface-strong: #111827;--color-border: #1e293b;--color-text: #f8fafc;--color-muted: #94a3b8;--color-up: #ef4444;--color-down: #22c55e;--color-warning: #fbbf24;--radius-card: 8px}*{box-sizing:border-box}html{background:var(--color-bg)}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;color:var(--color-text);background:var(--color-bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans SC,sans-serif}button,input,textarea,select{font:inherit}#root{width:min(100%,430px);min-height:100vh;margin:0 auto;padding:12px}h1,h2,h3{margin:0}.dashboard-shell{min-height:100vh;padding-bottom:82px}.dashboard-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:14px;display:grid;gap:14px}.dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dashboard-eyebrow{margin:0 0 4px;color:var(--color-muted);font-size:12px}h1{font-size:22px;line-height:1.25}.dashboard-date{margin:0;color:var(--color-muted);font-size:12px}.freshness-block{display:grid;gap:6px;justify-items:end;text-align:right}.generated-at{margin:0;color:var(--color-muted);font-size:12px;line-height:1.3}.report-history{display:grid;gap:8px;border-top:1px solid rgba(148,163,184,.2);border-bottom:1px solid rgba(148,163,184,.2);padding:10px 0}.history-meta{display:flex;justify-content:space-between;gap:8px;color:var(--color-muted);font-size:12px}.history-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-items:center}.latest-report-btn,.history-select{border:1px solid var(--color-border);border-radius:8px;padding:7px 9px;color:var(--color-muted);background:#0f172ab8;font-size:12px;line-height:1.2;min-width:0}.latest-report-btn{text-align:left}.history-select{width:100%;color:var(--color-text)}.latest-report-btn.is-active{border-color:#60a5fa8c;color:var(--color-text);background:#1e293bf2}.latest-report-btn:focus-visible,.history-select:focus-visible{outline:2px solid rgba(148,163,184,.7);outline-offset:1px}.select-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.history-select:disabled{color:var(--color-muted);opacity:.65}.history-date-tag{color:var(--color-warning);font-size:11px}.status-wrap{display:flex;flex-wrap:wrap;gap:8px}.status-pill{border-radius:999px;border:1px solid var(--color-border);padding:6px 10px;color:var(--color-muted);font-size:12px;background:#0f172ae6}.status-detail-wrap{display:grid;gap:6px}.status-detail-wrap.is-expanded{flex:1 0 100%}.status-action{width:fit-content;cursor:pointer;font:inherit;line-height:1.2}.status-action:focus-visible{outline:2px solid rgba(251,191,36,.7);outline-offset:2px}.status-detail-text{margin:0;border:1px solid rgba(251,191,36,.36);border-radius:8px;background:#fbbf2414;padding:9px 10px;color:#fde68a;font-size:12px;line-height:1.55}.status-strong{border-color:#ef444473;color:#fca5a5}.status-warn{border-color:#fbbf2473;color:var(--color-warning)}.status-muted{border-color:var(--color-border);color:var(--color-muted)}.tab-nav-wrap{position:fixed;left:50%;transform:translate(-50%);bottom:12px;width:min(100%,430px);padding:0 12px;z-index:5}.tab-nav{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-card);background:#0f172af2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:4px}.tab-btn{border:none;margin:0;border-radius:6px;background:transparent;color:var(--color-muted);font-size:11px;line-height:1.3;padding:8px 4px;text-align:center}.tab-btn.is-active{background:var(--color-surface-strong);color:var(--color-text)}.tab-btn:focus-visible{outline:2px solid rgba(148,163,184,.7);outline-offset:1px}.section-title{font-size:14px;color:var(--color-muted)}.metric-area,.index-area{display:grid;gap:10px}.metric-grid{display:grid;gap:10px;grid-template-columns:1fr 1fr}.metric-card--wide{grid-column:1 / -1}.metric-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-strong);padding:12px;display:grid;gap:6px}.metric-meta{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.metric-label{margin:0;color:var(--color-muted);font-size:12px}.metric-value{margin:0;font-size:18px;line-height:1.2;display:block}.metric-value-parts{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-weight:600}.metric-value-parts--symbols{font-size:20px;line-height:1.2}.metric-caption{margin:0;color:var(--color-muted);font-size:12px;line-height:1.5}.metric-up{color:var(--color-up)}.metric-down{color:var(--color-down)}.metric-neutral,.metric-flat{color:var(--color-text)}.metric-segments{display:grid;gap:6px}.segment-track{display:flex;height:8px;border-radius:999px;overflow:hidden;background:#94a3b833}.segment-bar{display:inline-block;height:100%}.segment-up{background:var(--color-up)}.segment-down{background:var(--color-down)}.segment-flat{background:#94a3b899}.segment-labels{display:flex;justify-content:space-between;gap:8px}.segment-label{font-size:16px;font-weight:700}.index-area{border-top:1px solid rgba(148,163,184,.2);padding-top:10px}.index-list{display:grid;gap:10px}.index-card{border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-surface-strong);padding:10px 12px;display:grid;gap:8px}.index-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.index-name{font-size:14px}.index-change{margin:0;font-size:16px;font-weight:600}.index-stats{display:grid;gap:4px;color:var(--color-muted);font-size:12px}.index-risk{margin:0;color:var(--color-text);font-size:12px;line-height:1.5}.attribution-area{display:grid;gap:12px}.attribution-block{display:grid;gap:8px}.attribution-block-title{margin:0;font-size:13px;color:var(--color-muted)}.attribution-chips{display:flex;flex-wrap:wrap;gap:6px}.attribution-chip{border:1px solid var(--color-border);border-radius:999px;padding:6px 10px;font-size:12px}.attribution-chip-up{border-color:#ef444473;color:#fca5a5}.attribution-chip-down{border-color:#22c55e73;color:#86efac}.attribution-themes{display:grid;gap:6px}.attribution-theme{margin:0;background:var(--color-surface-strong);border:1px solid rgba(148,163,184,.25);border-radius:6px;padding:8px 10px;color:var(--color-text);font-size:12px;line-height:1.5}.raw-area{display:grid;gap:10px}.raw-text{margin:0;white-space:pre-wrap;overflow:auto;background:var(--color-surface-strong);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:12px;color:var(--color-muted);font-size:12px;line-height:1.55}.trend-area{display:grid;gap:12px}.trend-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.trend-source{margin:0;color:var(--color-muted);font-size:11px;text-align:right}.trend-checkboxes{display:flex;flex-wrap:wrap;gap:8px}.trend-checkbox{min-height:32px;border:1px solid var(--color-border);border-radius:8px;background:#0f172ab8;color:var(--color-text);padding:7px 9px;display:inline-flex;align-items:center;gap:6px;font-size:12px;line-height:1}.trend-checkbox input{width:14px;height:14px;margin:0;accent-color:#60a5fa}.range-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.range-btn{border:1px solid var(--color-border);border-radius:8px;background:#0f172ab8;color:var(--color-muted);padding:8px 6px;font-size:12px}.range-btn.is-active{border-color:#60a5fa8c;color:var(--color-text);background:#1e293bf2}.range-btn:focus-visible{outline:2px solid rgba(148,163,184,.7);outline-offset:1px}.trend-checkbox:focus-within{border-color:#60a5fa8c}.trend-chart-list{display:grid;gap:10px}.trend-chart-shell{border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-surface-strong);padding:12px;display:grid;gap:10px}.trend-chart-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.trend-index-name{font-size:14px}.trend-latest-date,.trend-return{margin:0}.trend-latest-date{color:var(--color-muted);font-size:12px}.trend-return{font-size:18px;font-weight:700}.trend-chart{width:100%;aspect-ratio:320 / 148;display:block}.trend-axis{stroke:#94a3b840;stroke-width:1}.trend-line{fill:none;stroke:#60a5fa;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.trend-empty{margin:0;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface-strong);padding:14px 12px;color:var(--color-muted);font-size:12px;line-height:1.5}@media(max-width:420px){.tab-nav-wrap{left:0;transform:none;width:100%;padding:0 10px}.tab-nav{gap:0}}@media(max-width:360px){#root{padding:8px}.dashboard-card{padding:12px;gap:12px}.metric-value,.index-change{font-size:16px}.history-controls{grid-template-columns:1fr}.trend-source{font-size:10px}}