:root{color-scheme:light;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;color:#18241f;background:#f3f6f4;--ink: #18241f;--muted: #66736d;--subtle: #8a9690;--line: #dce4df;--line-strong: #cbd7d0;--surface: #ffffff;--surface-soft: #f7f9f8;--accent: #176b52;--accent-dark: #10513e;--accent-soft: #e7f2ed;--danger: #a63d3d;--shadow: 0 10px 30px rgb(28 51 42 / 7%)}*{box-sizing:border-box}html{min-width:320px;background:#f3f6f4}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,select:focus-visible,tr:focus-visible{outline:3px solid rgb(23 107 82 / 18%);outline-offset:1px}.app-shell{min-height:100vh}.app-header{height:72px;display:flex;align-items:center;gap:12px;padding:0 clamp(18px,3vw,42px);color:#eff8f4;background:#173f34;border-bottom:1px solid #275648}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgb(255 255 255 / 16%);border-radius:9px;background:#ffffff14}.app-header h1{margin:0;font-size:18px;font-weight:650;letter-spacing:.02em}main{padding:20px clamp(14px,2.4vw,36px) 36px}.filter-panel,.statistics-panel,.research-distribution-panel,.results-panel{max-width:1760px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 1px 2px #18241f05}.filter-panel{padding:20px 22px 18px}.statistics-panel,.research-distribution-panel{margin-top:14px;padding:18px 22px 20px}.results-panel{margin-top:14px;overflow:hidden}.section-heading,.results-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.section-heading h2,.results-toolbar h2{margin:4px 0 0;font-size:18px;font-weight:650;letter-spacing:-.01em}.section-heading h2{margin:0}.eyebrow{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.filter-field{min-width:0}.field-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:7px}.field-heading .field-label{color:var(--ink);font-size:13px;font-weight:650}.field-heading span{overflow:hidden;color:var(--subtle);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.enum-filter{position:relative}.enum-filter>summary{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;border:1px solid var(--line-strong);border-radius:7px;background:#fff;color:var(--ink);cursor:pointer;font-size:13px;font-weight:600;list-style:none;transition:border-color .15s,box-shadow .15s}.enum-filter>summary::-webkit-details-marker{display:none}.enum-filter>summary:focus-visible{outline:3px solid rgb(23 107 82 / 18%);outline-offset:1px}.enum-filter[open]>summary{border-color:#5e9d86;box-shadow:0 0 0 3px #176b5214}.enum-summary-meta{display:inline-flex;align-items:center;gap:7px;color:var(--subtle);font-size:11px;font-weight:500}.enum-summary-meta svg{transition:transform .15s}.enum-filter[open] .enum-summary-meta svg{transform:rotate(180deg)}.enum-panel{position:absolute;z-index:20;top:calc(100% + 6px);right:0;left:0;display:flex;flex-direction:column;max-height:340px;overflow:hidden;border:1px solid var(--line-strong);border-radius:8px;background:#fff;box-shadow:0 14px 35px #182d2426}.enum-panel-heading{min-height:40px;display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;padding:8px 11px;border-bottom:1px solid var(--line);color:var(--muted);font-size:11px}.enum-panel-heading button,.enum-state button,.enum-stale-warning button{padding:0;border:0;color:var(--accent);background:transparent;font-size:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}.enum-options{min-height:0;overflow-y:auto;padding:5px;scrollbar-color:#b7c6be #eef2f0;scrollbar-width:thin}.enum-option{min-height:37px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px 7px;border-radius:5px;color:#34463e;cursor:pointer;font-size:12px}.enum-option:hover{background:var(--surface-soft)}.enum-option input{width:15px;height:15px;margin:0;accent-color:var(--accent)}.enum-option-value{min-width:0;line-height:1.4;overflow-wrap:anywhere}.enum-option-count{color:var(--subtle);font-size:10px;white-space:nowrap}.enum-state{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;padding:26px 14px;color:var(--subtle);font-size:11px;text-align:center}.enum-error{color:var(--danger)}.enum-stale-warning{padding:7px 10px;border-top:1px solid #eedbc5;color:#8a5a2d;background:#fff9f1;font-size:10px}.chips{max-height:88px;display:flex;flex-wrap:wrap;gap:5px;margin-top:7px;overflow-y:auto}.chip{display:inline-flex;align-items:center;gap:5px;padding:4px 5px 4px 9px;border:1px solid #c8ddd4;border-radius:999px;color:#245c49;background:#f0f7f4;font-size:12px}.chip button{width:18px;height:18px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:#4d7768;background:transparent}.chip button:hover{color:#fff;background:#5d8979}.filter-actions{display:flex;align-items:center;gap:8px;margin-top:10px}.primary-button,.secondary-button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;border-radius:6px;font-size:12px;font-weight:650}.primary-button{border:1px solid var(--accent);color:#fff;background:var(--accent)}.primary-button:hover{background:var(--accent-dark)}.secondary-button{border:1px solid var(--line-strong);color:#405149;background:#fff}.secondary-button:hover:not(:disabled){border-color:#aebfb6;background:var(--surface-soft)}.quiet-status,.quiet-error{margin-left:4px;font-size:11px}.quiet-status{color:var(--subtle)}.quiet-error{color:#9b6431}.inline-retry{margin-left:5px;padding:0;border:0;color:#7a481c;background:transparent;font-size:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}.statistics-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.statistics-heading h2{margin:0;color:var(--ink);font-size:17px;font-weight:650;letter-spacing:-.01em}.statistics-heading p{margin:4px 0 0;color:var(--muted);font-size:11px}.statistics-sample-count,.statistics-feedback{flex:none;color:var(--muted);font-size:11px}.statistics-sample-count strong{color:var(--ink);font-size:16px;font-variant-numeric:tabular-nums}.statistics-feedback-error{display:flex;align-items:center;gap:8px;color:var(--danger)}.statistics-feedback-error button{padding:0;border:0;color:var(--danger);background:transparent;font-size:inherit;font-weight:700;text-decoration:underline;text-underline-offset:2px}.statistics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:16px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.statistic-item{min-width:0;padding:13px 15px 14px;background:var(--surface-soft)}.statistic-item dt{color:var(--muted);font-size:11px}.statistic-item dd{min-height:29px;display:flex;align-items:flex-end;margin:3px 0 0;color:var(--ink);font-size:21px;font-weight:650;font-variant-numeric:tabular-nums;line-height:1.3;overflow-wrap:anywhere}.statistic-value-skeleton{width:min(92px,72%);height:14px;margin-bottom:5px;border-radius:8px;background:linear-gradient(90deg,#e5ebe8 25%,#f3f6f4,#e5ebe8 65%);background-size:300% 100%;animation:shimmer 1.4s infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.distribution-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.distribution-heading h2{margin:0;color:var(--ink);font-size:17px;font-weight:650;letter-spacing:-.01em}.distribution-heading-copy p{margin:4px 0 0;color:var(--muted);font-size:11px}.distribution-totals{flex:none;display:flex;gap:24px;margin:0}.distribution-totals>div{min-width:94px}.distribution-totals dt{color:var(--muted);font-size:10px}.distribution-totals dd{margin:2px 0 0;color:var(--ink);font-size:20px;font-weight:680;font-variant-numeric:tabular-nums}.distribution-totals dd span{color:var(--muted);font-size:10px;font-weight:500}.distribution-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px}.distribution-chart{min-width:0;padding:14px 15px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface-soft)}.distribution-chart-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:13px}.distribution-chart-heading h3{margin:0;color:var(--ink);font-size:13px;font-weight:650}.distribution-chart-heading span{color:var(--subtle);font-size:10px}.distribution-list{display:grid;gap:11px;margin:0;padding:0;list-style:none}.distribution-list li{min-width:0}.distribution-row-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.distribution-label{min-width:0;color:#34463e;font-size:11px;font-weight:600;overflow-wrap:anywhere}.distribution-values{flex:none;display:inline-flex;align-items:baseline;gap:8px;color:var(--subtle);font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}.distribution-values strong{color:#30453c;font-size:10px;font-weight:650}.distribution-bar-track{height:7px;margin-top:5px;overflow:hidden;border-radius:999px;background:#e4ebe7}.distribution-bar-track>span{height:100%;display:block;border-radius:inherit;background:var(--accent);transition:width .2s ease-out}.distribution-empty{min-height:95px;display:grid;place-items:center;margin:0;color:var(--subtle);font-size:11px}.distribution-loading{display:grid;gap:13px;padding:5px 0}.distribution-loading span{height:15px;border-radius:5px;background:linear-gradient(90deg,#e5ebe8 25%,#f3f6f4,#e5ebe8 65%);background-size:300% 100%;animation:shimmer 1.4s infinite}.results-toolbar{min-height:76px;padding:15px 18px;border-bottom:1px solid var(--line)}.results-toolbar h2{font-size:17px}.results-toolbar p{margin:3px 0 0;color:var(--muted);font-size:11px}.toolbar-actions{display:flex;align-items:center;gap:8px}.toolbar-actions .secondary-button span{min-width:24px;padding:2px 6px;border-radius:999px;color:var(--accent);background:var(--accent-soft);font-size:10px}.page-size{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.page-size select{height:34px;padding:0 28px 0 10px;border:1px solid var(--line-strong);border-radius:6px;color:var(--ink);background:#fff;font-size:12px}.table-frame{position:relative}.table-scroll{max-height:min(61vh,720px);overflow:auto;scrollbar-color:#b7c6be #eef2f0;scrollbar-width:thin}table{width:max-content;min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:12px}thead{position:sticky;top:0;z-index:5}th{padding:0;border-right:1px solid #d9e2dd;border-bottom:1px solid var(--line-strong);color:#34463e;background:#f4f7f5;text-align:left}.group-header-row th{height:30px;padding:0 10px;color:#496058;background:#eaf0ed;font-size:10px;font-weight:750;letter-spacing:.04em;white-space:nowrap}.group-header-row th[data-group="2"],.group-header-row th[data-group="4"],.group-header-row th[data-group="6"],.group-header-row th[data-group="8"],.group-header-row th[data-group="10"]{background:#e5ede9}.column-header-row th button{width:100%;min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border:0;color:inherit;background:transparent;text-align:left;font-size:11px;font-weight:650}.column-header-row th button:hover{color:var(--accent);background:#edf4f1}.column-header-row th svg{flex:none;color:#8c9892}tbody td{height:43px;padding:7px 10px;border-right:1px solid #edf1ef;border-bottom:1px solid #e8eeeb;color:#34423c;background:#fff;vertical-align:middle}tbody tr:nth-child(2n) td{background:#fbfcfb}tbody tr{cursor:pointer}tbody tr:hover td,tbody tr:focus td{background:#edf6f2}tbody td>span{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.45;overflow-wrap:anywhere}th:last-child,td:last-child{border-right:0}.skeleton-row{cursor:default}.skeleton-row td span{display:block;height:9px;border-radius:8px;background:linear-gradient(90deg,#edf1ef 25%,#f7f9f8,#edf1ef 65%);background-size:300% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.pagination{min-height:58px;display:flex;align-items:center;justify-content:center;gap:18px;padding:10px 18px;border-top:1px solid var(--line)}.pagination button{min-height:32px;display:inline-flex;align-items:center;gap:5px;padding:0 11px;border:1px solid var(--line-strong);border-radius:6px;color:#42534b;background:#fff;font-size:11px}.pagination span{color:var(--muted);font-size:11px}.pagination strong{color:var(--ink)}.state-card{min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;text-align:center}.state-card>div{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:#56776a;background:#edf4f1}.state-card h3{margin:14px 0 5px;font-size:15px}.state-card p{margin:0 0 16px;color:var(--muted);font-size:12px}.error-state>div{color:var(--danger);background:#faecec}.modal-backdrop,.drawer-backdrop{position:fixed;inset:0;z-index:40;background:#0d1c1661;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.column-manager{position:absolute;top:50%;left:50%;width:min(720px,calc(100vw - 28px));max-height:min(780px,calc(100vh - 28px));display:flex;flex-direction:column;transform:translate(-50%,-50%);overflow:hidden;border:1px solid var(--line-strong);border-radius:10px;background:#fff;box-shadow:0 28px 70px #091b1440}.column-manager>header,.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:17px 19px;border-bottom:1px solid var(--line)}.column-manager h2,.drawer-header h2{margin:0;font-size:17px}.column-manager header p,.drawer-header p{margin:4px 0 0;color:var(--muted);font-size:11px}.icon-button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:6px;color:#52625b;background:#fff}.icon-button:hover{background:var(--surface-soft)}.column-search{height:42px;display:flex;align-items:center;gap:8px;margin:14px 18px 8px;padding:0 11px;border:1px solid var(--line-strong);border-radius:6px}.column-search svg{color:var(--subtle)}.column-search input{min-width:0;flex:1;border:0;outline:0;font-size:12px}.column-actions{display:flex;gap:12px;padding:0 19px 10px;border-bottom:1px solid var(--line)}.column-actions button{padding:0;border:0;color:var(--accent);background:transparent;font-size:11px}.column-list{overflow:auto;padding:8px 18px 20px}.column-list fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 14px;margin:10px 0 16px;padding:0;border:0}.column-list legend{width:100%;display:flex;justify-content:space-between;grid-column:1 / -1;margin-bottom:5px;padding:7px 0;border-bottom:1px solid var(--line);color:#33483f;font-size:12px;font-weight:700}.column-option{min-width:0;min-height:34px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:7px;padding:4px 6px;border-radius:5px;color:#405049;font-size:11px}.column-option:hover{background:var(--surface-soft)}.column-option input{position:absolute;opacity:0;pointer-events:none}.custom-checkbox{width:16px;height:16px;display:grid;place-items:center;border:1px solid #aabbb2;border-radius:4px;color:#fff}.column-option input:checked+.custom-checkbox{border-color:var(--accent);background:var(--accent)}.drawer-backdrop{z-index:50}.detail-drawer{position:absolute;top:0;right:0;width:min(720px,94vw);height:100%;display:flex;flex-direction:column;background:#f6f8f7;box-shadow:-18px 0 50px #0b1f172e;animation:slide-in .2s ease-out}@keyframes slide-in{0%{transform:translate(22px);opacity:.65}}.drawer-header{flex:none;padding:20px 22px;background:#fff}.drawer-header h2{margin-top:5px;font-size:20px}.drawer-content{overflow:auto;padding:15px}.detail-group{margin-bottom:10px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.detail-group h3{min-height:42px;display:flex;align-items:center;gap:8px;margin:0;padding:8px 13px;border-bottom:1px solid var(--line);color:#35483f;background:#f0f4f2;font-size:12px}.detail-group dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.detail-group dl>div{min-width:0;padding:10px 13px;border-right:1px solid #edf1ef;border-bottom:1px solid #edf1ef}.detail-group dl>div:nth-child(2n){border-right:0}.detail-group dt{display:flex;align-items:baseline;gap:6px;margin-bottom:4px;color:var(--muted);font-size:10px}.detail-group dd{margin:0;color:#26352f;font-size:12px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere}.detail-group dd.empty-value{color:#a7b0ac}@media(max-width:820px){.app-header{height:64px}main{padding-top:12px}.filter-panel,.statistics-panel,.research-distribution-panel{padding:16px}.statistics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-grid{grid-template-columns:1fr;gap:14px;margin-top:14px}.enum-panel{position:static;max-height:300px;margin-top:6px;box-shadow:none}.results-toolbar{align-items:center}.table-scroll{max-height:58vh}.column-list fieldset,.detail-group dl{grid-template-columns:1fr}.detail-group dl>div{border-right:0}}@media(max-width:520px){.app-header{padding:0 14px}.brand-mark{width:34px;height:34px}.app-header h1{font-size:16px}.field-heading{display:block}.field-heading span{display:block;margin-top:3px}.filter-actions{flex-wrap:wrap}.quiet-status,.quiet-error{width:100%;margin-left:0}.statistics-heading{align-items:flex-start;flex-direction:column;gap:9px}.statistics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.distribution-heading{align-items:flex-start;flex-direction:column;gap:10px}.distribution-totals{width:100%;gap:14px}.distribution-totals>div{min-width:0;flex:1}.distribution-charts{grid-template-columns:1fr}.distribution-row-heading{gap:8px}.distribution-values{gap:5px}.results-toolbar{min-height:112px;align-items:flex-start;flex-direction:column}.toolbar-actions{width:100%;justify-content:space-between}.detail-drawer{width:100%;max-width:none}.drawer-header{padding:16px}.drawer-content{padding:9px}.pagination{gap:8px}.pagination button{font-size:0}.pagination button svg{width:18px;height:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}