:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color:#eef2f6; background:#0d1117; --dash-bg:#0d1117; --dash-surface:#151b23; --dash-raised:#1c2530; --dash-text:#eef2f6; --dash-muted:#8a97a8; --dash-border:#2a3341; --dash-accent:#2fb3a3; --dash-accent-strong:#25998b; --dash-shadow:0 9px 24px rgb(0 0 0 / 28%); }
* { box-sizing:border-box; }
body { margin:0; background:var(--dash-bg); }
.dash-header, main { width:min(100%, 960px); margin:auto; padding-left:20px; padding-right:20px; }
.dash-header { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; border-bottom:1px solid var(--dash-border); }
.brand { display:grid; color:var(--dash-text); font-size:1.45rem; font-weight:850; text-decoration:none; letter-spacing:-.03em; line-height:1.04; }
.brand-kicker { color:var(--dash-accent); font-size:.56rem; font-weight:900; letter-spacing:.12em; }
.brand strong { font-size:1.08rem; }
.dash-nav { display:flex; gap:16px; flex-wrap:wrap; }
.dash-nav a { color:var(--dash-muted); text-decoration:none; font-size:.86rem; font-weight:650; padding:6px 2px; }
.dash-nav a.active, .dash-nav a:hover { color:var(--dash-text); }
main { padding-top:18px; padding-bottom:46px; display:grid; gap:16px; }
h2 { margin:0; font-size:1.04rem; letter-spacing:-.02em; }
h3 { margin:0 0 6px; font-size:.98rem; letter-spacing:-.02em; }
p { margin:0; }
.market-main { background:var(--dash-surface); border:1px solid var(--dash-border); border-radius:16px; box-shadow:var(--dash-shadow); overflow:hidden; }
.section-heading { display:flex; align-items:center; justify-content:space-between; min-height:48px; padding:0 14px; border-bottom:1px solid var(--dash-border); }
.open-link { color:var(--dash-muted); text-decoration:none; font-size:.8rem; font-weight:650; }
.open-link:hover { color:var(--dash-text); }
.market-frame { width:100%; height:640px; border:0; display:block; background:var(--dash-bg); }
.summary-grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); gap:12px; }
.summary-card { background:var(--dash-surface); border:1px solid var(--dash-border); border-radius:14px; padding:14px; box-shadow:var(--dash-shadow); }
.summary-desc { color:var(--dash-muted); font-size:.84rem; margin-bottom:10px; min-height:1.2em; }
.card-link { color:var(--dash-accent); text-decoration:none; font-size:.84rem; font-weight:700; }
.card-link:hover { color:var(--dash-accent-strong); }
@media (max-width: 640px) { .market-frame { height:440px; } }