@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:light;--paper:#f7f7f5;--card:#fff;--ink:#14161a;--ink-2:#55606b;--ink-3:#8a9199;--rule:#e2e2dd;--rule-2:#d0d0c9;--accent:#2a78d6;--c1:#2b83ba;--c2:#abdda4;--c3:#ffffbf;--c4:#fdae61;--c5:#d7191c;--hit:#fff6d5}
*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#c0c4c8 #f8f8f8}body{margin:0;background:#fff;color:var(--ink);font-family:"Fira Sans",system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
::-webkit-scrollbar{width:9px;height:9px;display:block}::-webkit-scrollbar-track{background-color:#f8f8f8;border-radius:5px}::-webkit-scrollbar-thumb{background-color:#c0c4c8;border-radius:5px}
.wrap{width:100%;height:650px;background:var(--paper);padding:22px 20px 16px;display:flex;flex-direction:column;overflow:hidden;-webkit-tap-highlight-color:transparent}.scroll{flex:1;min-height:0;overflow-y:auto;padding-right:8px}
h1{font-size:clamp(1.25rem,2.6vw,1.6rem);line-height:1.2;margin:0;font-weight:700;letter-spacing:-.015em;text-wrap:balance;text-align:center}.sub{margin:4px 0 0;text-align:center;font-size:.82rem;color:var(--ink-2);line-height:1.35}
.tools{display:flex;gap:10px;flex-wrap:wrap;align-items:center;flex:none;margin:14px 0 0;padding:0 0 11px;border-bottom:1px solid var(--rule)}.iconbtn,.pager,.search .clr,.metric,.scope{user-select:none;-webkit-user-select:none}
.metric,.scope{display:flex;flex:none;height:48px;padding:3px;border:1px solid var(--rule-2);border-radius:9px;background:var(--card)}.metric button,.scope button{display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;padding:0 11px;background:transparent;color:var(--ink-2);font:600 .72rem/1 "Fira Sans",sans-serif;cursor:pointer}.metric button.active,.scope button.active{background:var(--ink);color:#fff}.metric button:focus-visible,.scope button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.search{position:relative;flex:1 1 220px;min-width:180px;height:48px}.search input{font:inherit;font-size:.95rem;width:100%;height:48px;color:var(--ink);background:var(--card);border:1px solid var(--rule-2);border-radius:9px;padding:0 34px 0 13px}.search input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}.search input::-ms-clear{display:none;width:0;height:0}.search input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.search .clr{position:absolute;right:6px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--ink-3);font-size:1.1rem;cursor:pointer;padding:4px 7px;line-height:1}.search .clr:hover{color:var(--ink)}
.iconbtn{flex:none;width:48px;height:48px;display:grid;place-items:center;cursor:pointer;background:var(--card);border:1px solid var(--rule-2);border-radius:9px;color:var(--ink-2)}.iconbtn:hover{color:var(--ink);border-color:var(--ink-3)}.iconbtn:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.iconbtn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.iconbtn.asc svg{transform:scaleY(-1)}
.footer{flex:none;display:flex;align-items:center;gap:16px;min-height:43px;padding-top:8px;margin-top:2px;border-top:1px solid var(--rule)}.pager{flex:none;display:flex;align-items:center;gap:14px;margin-left:auto;font-size:.79rem;color:var(--ink-2);font-variant-numeric:tabular-nums}.pager button{width:30px;height:30px;cursor:pointer;font:inherit;font-size:1.1rem;line-height:1;background:var(--card);border:1px solid var(--rule-2);border-radius:8px;color:var(--ink-2)}.pager button:hover:not(:disabled){color:var(--ink);border-color:var(--ink-3)}.pager button:disabled{opacity:.4;cursor:default}.pager button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.rows{display:flex;flex-direction:column;gap:2px;padding-top:12px}.row{display:grid;grid-template-columns:38px minmax(145px,1.35fr) 3fr 48px;column-gap:8px;align-items:center;padding:5px 0 5px 2px;border-radius:6px}.row:hover{background:var(--card)}.row.hit{background:var(--hit)}.rk{font-size:.76rem;color:var(--ink-3);font-variant-numeric:tabular-nums}.nm{min-width:0}.nm-head{display:flex;align-items:center;gap:4px;min-width:0}.nm b{min-width:0;font-weight:550;font-size:.89rem;display:block;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nm>span{font-size:.71rem;color:var(--ink-3);display:block;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.type-icon{flex:0 0 12px;width:12px;height:12px;color:var(--ink-3);opacity:.62}.type-icon svg{display:block;width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.track{background:var(--rule);height:16px;border-radius:4px;position:relative}.fill{height:100%;border-radius:4px;min-width:3px}.val{font-size:.83rem;text-align:left;font-variant-numeric:tabular-nums;color:var(--ink-2)}.empty{padding:26px 8px;color:var(--ink-3);font-size:.9rem}
.source{flex:1 1 auto;margin:0;color:var(--ink-3);font-size:.7rem;line-height:1.35}.source b{color:var(--ink-2);font-weight:600}
@media(max-width:640px){.wrap{height:550px;padding:16px 14px 12px}.tools{gap:8px}.search{order:1;flex:1 1 calc(100% - 48px);width:auto;min-width:0;height:40px}.search input{height:40px}.iconbtn{order:1;width:40px;height:40px}.metric,.scope{width:100%;height:40px}.metric{order:2}.scope{order:3}.metric button,.scope button{flex:1}.row{grid-template-columns:31px minmax(105px,1.35fr) 2fr 42px;column-gap:6px}.footer{gap:8px}.source{font-size:.62rem}.pager{gap:7px;font-size:.7rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
