.charts-app{display:flex;flex-direction:column;gap:.9rem}.charts-controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem 1rem;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem .95rem;box-shadow:var(--shadow-sm)}.charts-controls .ctl{display:flex;flex-direction:column;gap:.3rem;min-width:0}.charts-controls .ctl.grow{flex:1 1 18rem}.charts-controls .ctl-label{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.charts-controls select{font:inherit;font-size:.92rem;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:.42rem .6rem;width:100%}.charts-controls select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.charts-controls .seg{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;background:var(--bg)}.charts-controls .seg button{font:inherit;font-size:.85rem;color:var(--muted);background:transparent;border:0;padding:.42rem .7rem;cursor:pointer;white-space:nowrap;border-left:1px solid var(--line)}.charts-controls .seg button:first-child{border-left:0}.charts-controls .seg button:hover{color:var(--ink);background:var(--accent-weak)}.charts-controls .seg button.on{color:#fff;background:var(--accent)}.charts-desc{font-size:.95rem;max-width:52rem;margin:0}.stat-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}.stat-strip .stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.6rem .75rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-strip .stat:after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--c-green);opacity:.8}.stat-strip .stat-v{font-size:1.25rem;font-weight:700;color:var(--ink);letter-spacing:-.01em;line-height:1.1}.stat-strip .stat-l{font-size:.74rem;color:var(--muted);margin-top:.2rem}.charts-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:.9rem;align-items:start}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:.9rem 1rem;box-shadow:var(--shadow-sm)}.panel-h{font-family:var(--font-head);font-weight:600;font-size:1.05rem;margin:0 0 .7rem}.panel-h .muted{font-weight:400;font-size:.85rem}.rank-list{max-height:560px;overflow-y:auto;padding-right:.3rem;display:flex;flex-direction:column;gap:3px}.rank-row{display:grid;grid-template-columns:1.6rem minmax(6rem,10rem) 1fr auto;align-items:center;gap:.5rem;font-size:.86rem}.rank-i{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);text-align:right}.rank-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.rank-bar-wrap{background:var(--bg);border-radius:4px;height:14px;overflow:hidden}.rank-bar{display:block;height:100%;border-radius:4px;min-width:2px;transition:width .3s ease}.rank-val{font-size:.82rem;color:var(--ink);white-space:nowrap}.rank-list::-webkit-scrollbar{width:9px}.rank-list::-webkit-scrollbar-thumb{background:var(--grid-major);border-radius:5px}.rank-more{font-size:.78rem;padding:.4rem 0 .1rem;position:sticky;bottom:0;background:var(--card)}.hist{width:100%;height:auto;display:block}.hist-note{font-size:.8rem;margin:.5rem 0 0}.charts-foot{font-size:.76rem}.charts-error{padding:2rem;text-align:center;color:var(--accent-ink);background:var(--accent-weak);border-radius:var(--radius)}.charts-controls select.year-select{width:auto;min-width:6rem}.ts-panel{margin-top:.1rem}.ts-grid{display:grid;grid-template-columns:1fr 15rem;gap:1rem;align-items:stretch}.ts-chart-wrap{position:relative;min-width:0}.ts-chart{width:100%;height:auto;display:block;min-height:240px;cursor:crosshair}.ts-tip{position:absolute;top:6px;pointer-events:none;z-index:5;max-width:15rem;background:var(--card);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow-sm);padding:.4rem .55rem;font-size:.76rem}.ts-tip-yr{font-weight:700;font-size:.85rem;color:var(--ink);margin-bottom:.25rem}.ts-tip-row{display:grid;grid-template-columns:10px 1fr auto;gap:.45rem;align-items:center;line-height:1.55}.ts-tip-nm{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted)}.ts-tip-v{color:var(--ink)}.ts-tip-empty{font-size:.74rem}.ts-legend{display:flex;flex-direction:column;gap:.35rem;border-left:1px solid var(--line);padding-left:.8rem;min-width:0}.ts-legend-head{display:flex;justify-content:space-between;align-items:center;font-size:.74rem}.ts-legend-btns{display:inline-flex;gap:.3rem}.ts-legend-btns button{font:inherit;font-size:.72rem;color:var(--muted);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:.12rem .45rem;cursor:pointer}.ts-legend-btns button:hover{color:var(--ink);background:var(--accent-weak)}.ts-legend-list{max-height:270px;overflow-y:auto;display:flex;flex-direction:column;gap:1px;padding-right:.2rem}.ts-legend-list::-webkit-scrollbar{width:8px}.ts-legend-list::-webkit-scrollbar-thumb{background:var(--grid-major);border-radius:5px}.ts-leg{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:.45rem;font:inherit;font-size:.78rem;color:var(--muted);background:transparent;border:0;border-radius:5px;padding:.22rem .35rem;cursor:pointer;text-align:left;width:100%}.ts-leg:hover{background:var(--accent-weak)}.ts-leg.on{color:var(--ink)}.ts-sw{width:12px;height:12px;border-radius:3px;flex:none}.ts-leg-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-leg-val{font-size:.72rem}.ts-legend-more{font-size:.72rem;margin:.35rem 0 0}@media(max-width:800px){.charts-grid{grid-template-columns:1fr}.stat-strip{grid-template-columns:repeat(3,1fr)}.ts-grid{grid-template-columns:1fr}.ts-legend{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:.6rem}.ts-legend-list{max-height:170px}}