:root{--bg:#f7f8fa;--surface:#ffffff;--surface-2:#f1f5f4;--surface-3:#e7eceb;--text:#0f172a;--muted:#5b6678;--soft:#8390a3;--line:#d9e0e7;--line-strong:#b8c4cf;--accent:#0f766e;--accent-2:#2563eb;--warning:#b45309;--danger:#dc2626;--shadow:0 18px 40px rgba(15,23,42,0.08)}*{box-sizing:border-box}body,html{min-height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:0;overflow-x:hidden}button,input,select{font:inherit}a,button{color:inherit}a{text-decoration:none}.explorer-shell{width:min(1600px,100%);margin:0 auto;padding:28px}.explorer-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:8px 2px 24px}.explorer-hero h1{margin:0;font-size:clamp(34px,4vw,58px);line-height:.96;letter-spacing:0;font-weight:760}.explorer-hero p{max-width:760px;margin:14px 0 0;color:var(--muted);font-size:16px;line-height:1.55}.hero-meta{display:grid;min-width:300px;grid-gap:8px;gap:8px;color:var(--muted);font-size:13px;text-align:right}.hero-meta span:first-child{color:var(--text);font-size:24px;font-weight:740}.explorer-grid{display:grid;grid-template-columns:minmax(280px,330px) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:start}.analysis-panel,.chart-card,.control-panel,.empty-chart,.error-state,.loading-state,.range-panel,.table-card{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.control-panel{position:-webkit-sticky;position:sticky;top:18px;max-height:calc(100vh - 36px);padding:18px;overflow:auto}.panel-heading,.table-heading>div{display:flex;align-items:flex-start;gap:10px}.panel-heading svg,.table-heading svg{margin-top:3px;color:var(--accent);flex:0 0 auto}.panel-heading h2,.table-heading h3{margin:0;font-size:15px;line-height:1.2}.panel-heading p,.table-heading p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.45}.series-heading{margin-top:22px}.category-tabs{display:flex;gap:6px;margin:16px 0;overflow-x:auto;padding-bottom:2px}.category-tabs button{min-height:34px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--muted);font-size:12px;font-weight:680;white-space:nowrap;cursor:pointer}.category-tabs button.active{border-color:#9ac6c0;background:#e7f5f2;color:#0f5f58}.field-label,.section-label{display:block;margin:14px 0 8px;color:var(--soft);font-size:11px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.search-control,select{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text)}select{padding:0 12px;outline:none}.dataset-summary{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-top:14px}.dataset-summary div{min-width:0;padding:11px;border-radius:8px;background:var(--surface-2)}.dataset-summary span{display:block;color:var(--soft);font-size:11px}.dataset-summary strong{display:block;margin-top:4px;overflow-wrap:anywhere;font-size:13px;line-height:1.25}.search-control{display:flex;align-items:center;gap:8px;padding:0 12px}.search-control svg{color:var(--soft);flex:0 0 auto}.search-control input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text)}.suggestion-list{display:grid;grid-gap:8px;gap:8px;margin-top:10px}.suggestion-list button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);text-align:left;cursor:pointer}.suggestion-list button:hover:not(:disabled){border-color:var(--line-strong);background:#fbfcfd}.suggestion-list button:disabled{cursor:not-allowed;opacity:.55}.suggestion-list small,.suggestion-list strong{display:block}.suggestion-list strong{font-size:13px;line-height:1.2}.suggestion-list small{margin-top:3px;color:var(--soft);font-size:11px;line-height:1.25}.limit-note{margin:0;color:var(--warning);font-size:12px;line-height:1.4}.selected-series{margin-top:18px}.series-chip{display:flex;align-items:center;gap:9px;min-height:36px;margin-bottom:8px;padding:7px 8px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.series-chip i{width:10px;height:10px;border-radius:50%;flex:0 0 auto}.series-chip span{min-width:0;flex:1 1;overflow:hidden;color:var(--text);font-size:13px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.reset-button,.series-chip button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;cursor:pointer}.series-chip button{width:24px;height:24px;border-radius:6px;color:var(--soft)}.series-chip button:hover{background:var(--surface-3);color:var(--text)}.reset-button{gap:8px;width:100%;min-height:42px;margin-top:12px;border:1px solid var(--line);border-radius:8px;background:var(--text);color:#ffffff;font-size:13px;font-weight:720}.analysis-panel{min-width:0;padding:18px}.analysis-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.analysis-header p{margin:0 0 6px;color:var(--soft);font-size:12px;overflow-wrap:anywhere}.analysis-header h2{margin:0;font-size:clamp(21px,2vw,30px);line-height:1.08}.dataset-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.dataset-stats span{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:12px;font-weight:680}.range-panel{display:grid;grid-template-columns:minmax(170px,240px) minmax(0,1fr);grid-gap:18px;gap:18px;align-items:center;margin:14px 0 10px;padding:14px;box-shadow:none}.range-panel span{display:block;color:var(--soft);font-size:12px}.range-panel strong{display:block;margin-top:4px;font-size:15px}.range-slider-control{min-width:0;padding:12px 10px}.range-slider-track{position:relative;height:34px;cursor:pointer;touch-action:none}.range-slider-selection,.range-slider-track:before{position:absolute;top:50%;height:8px;border-radius:999px;transform:translateY(-50%)}.range-slider-track:before{right:0;left:0;background:var(--surface-3);content:""}.range-slider-selection{right:calc(100% - var(--range-end));left:var(--range-start);background:linear-gradient(90deg,var(--accent),var(--accent-2));pointer-events:auto}.range-thumb{top:50%;left:var(--thumb-position);z-index:2;width:24px;height:24px;border:3px solid #ffffff;background:var(--text);box-shadow:0 6px 18px rgba(15,23,42,.22);cursor:ew-resize;outline:none;transform:translate(-50%,-50%);touch-action:none}.range-thumb,.range-thumb:after{position:absolute;border-radius:50%}.range-thumb:after{inset:5px;background:#ffffff;content:"";opacity:.88}.range-thumb:focus-visible,.range-thumb:hover{box-shadow:0 0 0 4px rgba(15,118,110,.16),0 8px 22px rgba(15,23,42,.24)}.range-thumb-start{--thumb-position:var(--range-start)}.range-thumb-end{--thumb-position:var(--range-end);z-index:3}.range-selects{grid-column:2;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.range-selects label{display:grid;grid-gap:6px;gap:6px}.range-selects select{min-height:38px}.range-endpoints{grid-column:2;display:flex;justify-content:space-between;margin-top:-10px}.chart-mode-panel{display:grid;grid-template-columns:minmax(170px,240px) auto;grid-gap:14px;gap:14px;align-items:center;margin:0 0 14px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd}.chart-mode-panel span{display:block;color:var(--soft);font-size:12px}.chart-mode-panel strong{display:block;margin-top:4px;font-size:15px}.chart-mode-toggle{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.chart-mode-toggle button{min-height:34px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:12px;font-weight:760;cursor:pointer;white-space:nowrap}.chart-mode-toggle button.active{background:var(--text);color:#ffffff}.chart-card{padding:14px;box-shadow:none}.chart-legend{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.chart-legend div{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:0 10px;border:1px solid var(--line);border-radius:8px;background:#fbfcfd;color:var(--muted);font-size:12px}.chart-legend i{width:9px;height:9px;border-radius:50%}.chart-legend strong{color:var(--text);font-weight:760}.line-chart{display:block;width:100%;min-height:330px;border:1px solid var(--line);border-radius:8px;background:#ffffff}.grid-line{stroke:#e8edf2;stroke-width:1}.axis-label{fill:var(--soft);font-size:12px;font-weight:620}.hover-rule{stroke:#94a3b8;stroke-dasharray:5 5;stroke-width:1.3}.hover-readout{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;min-height:36px;margin-top:10px;color:var(--muted);font-size:12px}.hover-readout span{color:var(--text);font-weight:760}.table-card{padding:0;overflow:hidden;box-shadow:none}.table-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:15px 16px;border-bottom:1px solid var(--line)}.table-scroll{overflow:auto}table{width:100%;min-width:1060px;border-collapse:collapse}td,th{padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px;text-align:right;white-space:nowrap}th{top:0;z-index:1;background:#fbfcfd;color:var(--soft);font-size:11px;font-weight:760;letter-spacing:.06em;text-transform:uppercase}td:first-child,th,th:first-child{position:-webkit-sticky;position:sticky}td:first-child,th:first-child{left:0;z-index:2;max-width:250px;background:var(--surface);color:var(--text);font-weight:720;text-align:left;overflow:hidden;text-overflow:ellipsis}th:first-child{background:#fbfcfd}.tooltip-header{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;outline:none}.tooltip-header>span{display:inline-grid;place-items:center;width:15px;height:15px;border:1px solid var(--line-strong);border-radius:50%;color:var(--muted);font-size:10px;font-weight:800;line-height:1;text-transform:none}.tooltip-header:after{position:absolute;right:0;top:calc(100% + 8px);z-index:5;width:min(260px,70vw);padding:9px 10px;border:1px solid var(--line-strong);border-radius:8px;background:#101827;color:#ffffff;content:attr(aria-label);font-size:12px;font-weight:560;letter-spacing:0;line-height:1.35;opacity:0;pointer-events:none;text-align:left;text-transform:none;transform:translateY(3px);transition:opacity .12s ease,transform .12s ease;white-space:normal}.tooltip-header:focus-visible:after,.tooltip-header:hover:after{opacity:1;transform:translateY(0)}tr:last-child td{border-bottom:0}.empty-chart,.error-state,.loading-state{display:grid;place-items:center;min-height:360px;padding:36px;box-shadow:none;text-align:center}.empty-chart svg,.loading-state svg{color:var(--accent)}.empty-chart h3{margin:12px 0 6px;font-size:20px}.empty-chart p,.error-state{color:var(--muted);line-height:1.5}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:980px){.explorer-shell{padding:18px}.explorer-hero{display:grid}.hero-meta{min-width:0;text-align:left}.explorer-grid{grid-template-columns:1fr}.control-panel{position:static;max-height:none}.analysis-header,.table-heading{display:grid}.dataset-stats{justify-content:flex-start}.chart-mode-panel{grid-template-columns:1fr}.chart-mode-toggle{width:100%}}@media (max-width:640px){.explorer-shell{padding:14px}.explorer-hero h1{font-size:36px}.dataset-summary,.range-panel{grid-template-columns:1fr}.category-tabs{flex-wrap:wrap;overflow-x:visible}.range-endpoints{grid-column:1}.range-selects{grid-column:1;grid-template-columns:1fr}.line-chart{min-height:280px}}