.app{display:flex;flex-direction:column;min-height:100vh;max-width:1200px;margin:0 auto;padding:20px 16px 12px;gap:16px}.app-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.app-title h1{margin:0;font-size:22px;letter-spacing:.2px}.app-title p{margin:4px 0 0;font-size:13px;color:var(--text-muted);max-width:46ch}.league-switcher{display:flex;gap:8px;flex-wrap:wrap}.league-btn{display:inline-flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px;border-radius:10px;border:1px solid var(--border);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.league-btn:hover{border-color:#45463f;color:var(--text-primary)}.league-btn.active{border-color:var(--accent);color:var(--text-primary);background:#3987e51f}.league-btn-name{font-size:14px;font-weight:600}.league-btn-count{font-size:11px;color:var(--text-muted)}.tabbar{display:flex;gap:4px;border-bottom:1px solid var(--border)}.tab{padding:8px 16px;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--text-muted);font-size:15px;font-weight:600;cursor:pointer;margin-bottom:-1px;transition:color .15s,border-color .15s}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--text-primary);border-bottom-color:var(--accent)}.series-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:16px}.control-field{display:flex;flex-direction:column;gap:4px}.control-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px}.stat-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 32px 8px 12px;border-radius:10px;border:1px solid var(--border);background:var(--surface-1) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'><path d='M2 4l4 4 4-4' fill='none' stroke='%238a897e' stroke-width='1.5'/></svg>") no-repeat right 12px center;color:var(--text-primary);font-size:14px;font-weight:600;cursor:pointer;min-width:160px}.stat-select:hover{border-color:#45463f}.stat-select:focus-visible{outline:none;border-color:var(--accent)}.view-toggle{display:inline-flex;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--surface-1)}.view-btn{padding:8px 14px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;border-left:1px solid var(--border);transition:background .15s,color .15s}.view-btn:first-child{border-left:none}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:#3987e529;color:var(--text-primary)}.view-static{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface-1);color:var(--text-secondary);font-size:13px;font-weight:600}.chart-panel{flex:1 1 auto;min-height:0;background:var(--surface-1);border:1px solid var(--border);border-radius:14px;padding:10px 8px 6px;height:min(72vh,640px);display:flex}.chart-panel>*{flex:1 1 auto;min-width:0}.state{margin:auto;color:var(--text-muted);font-size:14px}.state-error{color:#e66767;max-width:80%;text-align:center;overflow-wrap:anywhere}.app-footer{text-align:center;font-size:12px;color:var(--text-muted);padding:4px 0 8px}@media (max-width: 560px){.app{padding:14px 10px 8px}.app-header{flex-direction:column}.league-switcher{width:100%}.league-btn{flex:1 1 auto}.chart-panel{height:68vh}.app-title h1{font-size:19px}}:root{--bg: #12130f;--surface-1: #1a1a19;--border: #2c2d29;--text-primary: #f4f3ea;--text-secondary: #c3c2b7;--text-muted: #8a897e;--accent: #3987e5;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Noto Sans TC,Hiragino Sans,Roboto,Helvetica,Arial,sans-serif;color:var(--text-primary);background-color:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg)}button{font-family:inherit}