:root{--bg:#f6f8fc;--panel:#fff;--border:#dbe3ee;--text:#16202f;--muted:#5c6b82;--accent:#2563eb}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:1200px;margin:0 auto;padding:28px 20px 60px}h1{font-size:22px;margin:0 0 2px;color:var(--text)}.sub{color:var(--muted);font-size:13px;margin:0 0 20px}.controls{gap:8px;align-items:center;margin-bottom:16px}.controls,.group{display:flex;flex-wrap:wrap}.group{gap:6px}button.chip{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;transition:all .12s}button.chip:hover{border-color:var(--accent);color:var(--accent)}button.chip.active{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:600}.spacer{flex:1 1}.toggle{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border:1px solid var(--border);border-radius:8px;padding:6px 12px;background:var(--panel)}.toggle.on{color:var(--accent);border-color:var(--accent)}.chart{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:0 1px 3px rgba(16,32,47,.06)}.legendnote{color:var(--muted);font-size:12px;margin-top:12px;line-height:1.6}.empty{color:var(--muted);padding:60px 0;text-align:center}a{color:var(--accent)}