:root{color-scheme:dark;--bg:#080d1d;--surface:rgba(21,30,56,.84);--solid:#17213c;--sub:#a4afca;--ink:#f1f3ff;--line:rgba(158,176,227,.16);--accent:#a7a5ff;--btn:#7974ee;--glow:rgba(53,63,162,.20);--hover:rgba(125,135,217,.09);--field:rgba(12,18,37,.52);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse at 6% 53%,rgba(44,50,147,.32),transparent 43%),radial-gradient(ellipse at 91% 6%,rgba(37,68,106,.22),transparent 47%),radial-gradient(ellipse at 89% 88%,rgba(19,67,77,.22),transparent 44%),var(--bg);background-attachment:fixed;min-height:100vh}body.light{color-scheme:light;--bg:#edf1f9;--surface:rgba(250,252,255,.84);--solid:#fff;--sub:#53627e;--ink:#1b2746;--line:rgba(44,66,105,.16);--accent:#514ab2;--btn:#534ab9;--glow:rgba(110,125,205,.12);--field:rgba(241,245,251,.85)}button,input,select{font:inherit;color:inherit}button,select{cursor:pointer}button{border:0;background:none}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.4;cursor:default}button,select,input{transition:background .13s,border-color .13s}a{color:var(--accent)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip{position:fixed;top:-100px}.skip:focus{top:6px;left:6px;z-index:20;background:var(--solid);padding:10px}.layout{display:grid;grid-template-columns:224px minmax(0,1fr);gap:24px;padding:16px;max-width:1920px;margin:auto}.area{min-width:0}aside,#top,.panel,.stat{border:1px solid var(--line);box-shadow:0 7px 22px rgba(0,0,0,.09),inset 0 1px 0 rgba(255,255,255,.025)}aside{position:sticky;top:16px;height:calc(100dvh - 32px);border-radius:20px;background:radial-gradient(ellipse at 14% 59%,rgba(68,74,203,.25),transparent 70%),linear-gradient(140deg,var(--solid),var(--surface));display:flex;flex-direction:column;padding:21px 12px 12px;overflow-y:auto}.brand{display:flex;align-items:center;gap:11px;padding:1px 8px 21px}.brandmark{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(140deg,#9992ff,#5e60e8 60%,#4141a0);color:#fff;box-shadow:inset 0 1px 1px #c3c1ff,0 3px 15px #5654c32c}.brandmark svg{height:27px;width:27px}.brand strong{font-size:24px;letter-spacing:-1.3px;line-height:1.1}.brand small,.sidefoot small{display:block;color:var(--sub);font-size:11px;line-height:1.5}.collapse{margin-left:auto}.iconbtn{width:32px;height:32px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:var(--hover);color:var(--sub)}.iconbtn:hover,.btn:hover,.searchbtn:hover{background:var(--glow);color:var(--ink)}.navlabel{margin:25px 11px 9px;font-size:10px;letter-spacing:1.5px;font-weight:700;color:var(--sub)}.navbtn{display:flex;align-items:center;gap:11px;width:100%;text-align:left;padding:11px 12px;border-radius:9px;font-size:13px;font-weight:500;color:var(--sub);margin:3px 0;position:relative}.navbtn:hover{color:var(--ink);background:var(--hover)}.navbtn.active{color:var(--ink);background:linear-gradient(90deg,rgba(122,117,240,.27),rgba(119,128,204,.13));box-shadow:inset 0 0 0 1px rgba(156,151,252,.15)}.navbtn.active:before{content:"";position:absolute;left:0;height:15px;width:3px;border-radius:5px;background:#9e96ff}.navbtn.active svg{color:var(--accent)}.num{margin-left:auto;color:var(--sub);padding:2px 6px;background:var(--hover);border-radius:5px;font-size:10px}.sidefoot{margin-top:auto;border-top:1px solid var(--line);padding:17px 7px 2px;display:flex;gap:9px;align-items:center;font-size:12px}.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(145deg,#cac9ff,#8989d7);color:#272f5c;font-weight:700}.sidefoot strong{font-size:12px}.sidefoot svg{color:var(--sub);width:14px;margin-left:auto}#top{min-height:54px;display:flex;gap:13px;align-items:center;padding:9px 15px;border-radius:15px;background:var(--surface)}.crumb{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--sub);white-space:nowrap}.crumb svg{width:13px}.crumb b{font-weight:600;color:var(--ink)}.searchbtn{display:flex;align-items:center;gap:9px;margin-left:auto;border:1px solid var(--line);border-radius:9px;background:var(--field);color:var(--sub);font-size:12px;padding:8px 10px}.searchbtn svg{width:14px;height:14px}kbd{font:10px inherit;font-family:inherit;font-size:10px;padding:1px 4px;border:1px solid var(--line);border-radius:4px;margin-left:12px}.live{font-size:11px;color:#82d8b8;display:flex;align-items:center;gap:7px;white-space:nowrap}.live:before,.dot{content:"";display:inline-block;width:6px;height:6px;border-radius:100%;background:#70d8ae}.light .live{color:#25744f}#main{padding:0 4px}.mast{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:33px 0 24px}h1,h2,h3,p{margin:0}h1{font-size:clamp(28px,2.6vw,41px);letter-spacing:-1.55px;line-height:1.14;font-weight:620}h2{font-size:19px;letter-spacing:-.65px;font-weight:620}h3{font-size:15px;letter-spacing:-.3px}.mast p,.panelhead p,.note,.muted{color:var(--sub)}.mast p,.panelhead p{font-size:13px;line-height:1.5;margin-top:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:550;padding:9px 13px;border:1px solid var(--line);border-radius:9px;background:var(--surface);white-space:nowrap}.btn svg{width:15px;height:15px}.btn.primary{background:linear-gradient(150deg,#827bf1,#635ed4);border-color:#928cf3;color:#fff}.btn.primary:hover{filter:brightness(1.1)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:26px}.stat{text-align:left;position:relative;border-radius:15px;padding:18px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 105% 100%,color-mix(in srgb,var(--t) 15%,transparent),transparent 71%),var(--surface)}.stat:hover{border-color:color-mix(in srgb,var(--t) 48%,var(--line))}.stathead{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:550}.chipicon{display:inline-grid;place-items:center;width:33px;height:33px;flex-shrink:0;background:color-mix(in srgb,var(--t) 12%,transparent);color:var(--t);border:1px solid color-mix(in srgb,var(--t) 23%,transparent);border-radius:10px}.stathead .chipicon{width:27px;height:27px;border-radius:8px}.stathead svg{width:15px;height:15px}.stat strong{display:block;font-size:32px;letter-spacing:-1.1px;margin:12px 0 2px;font-weight:600}.stat small{font-size:11px;color:var(--sub)}.lineart{position:absolute;right:-9px;bottom:-14px;width:89px;height:89px;color:var(--t);opacity:.15;z-index:-1;transform:rotate(-13deg)}.lineart svg{height:100%;width:100%;stroke-width:.7}.panel{background:linear-gradient(110deg,var(--surface),color-mix(in srgb,var(--solid) 80%,transparent));border-radius:17px;overflow:hidden}.panelhead{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:21px 21px 16px}.tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;line-height:1.4;white-space:nowrap;padding:4px 9px;border-radius:20px;color:var(--sub);border:1px solid var(--line);background:var(--hover)}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--line);margin:0 21px}.tab{color:var(--sub);padding:8px 0 11px;border-bottom:2px solid transparent;font-size:12px;font-weight:550}.tab.on{border-color:#9991fa;color:var(--ink)}.toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:15px 21px}.field{display:inline-flex;align-items:center;gap:8px;background:var(--field);border:1px solid var(--line);border-radius:8px;padding:0 10px}.field svg{width:15px;color:var(--sub)}.field input{background:none;border:0;padding:9px 0;width:195px;font-size:12px;outline:0}.field:focus-within{border-color:var(--accent)}input::placeholder{color:var(--sub)}select{max-width:100%;font-size:12px;background:var(--solid);border:1px solid var(--line);border-radius:8px;padding:8px}.scroll{overflow-x:auto;scrollbar-width:thin}table{border-collapse:collapse;width:100%;text-align:left;font-size:13px}th{padding:11px 13px;color:var(--sub);font-size:10px;letter-spacing:.65px;font-weight:650;text-transform:uppercase;background:var(--field);border-block:1px solid var(--line);white-space:nowrap}td{padding:13px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}th:first-child,td:first-child{padding-left:21px}tr:last-child td{border-bottom:0}tr[data-do]{cursor:pointer}tr[data-do]:hover{background:var(--hover)}.titlecell{display:flex;align-items:center;gap:11px}.titlecell strong,.rowname{font-size:13px;font-weight:570}.titlecell small,td small{display:block;font-size:11px;color:var(--sub);margin-top:3px}.arrow{color:var(--sub);width:14px}.tag.green{color:#8ad8b9;background:#40b68d12;border-color:#65bfa32b}.tag.gray{color:var(--sub)}.light .tag.green{color:#18694e}.pagefoot{display:flex;align-items:center;gap:9px;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--line);color:var(--sub);font-size:11px}.pages{display:flex;align-items:center;gap:7px}.pages .iconbtn{width:27px;height:27px}.pages svg{width:13px}.under{display:flex;gap:12px;align-items:center;justify-content:space-between;border:1px solid var(--line);background:var(--field);padding:13px 17px;margin-top:15px;border-radius:12px;font-size:12px;color:var(--sub)}.under>svg{color:var(--accent)}.under>span{flex:1;line-height:1.5}.textbtn{color:var(--accent);font-size:12px;display:inline-flex;align-items:center;gap:5px}.textbtn svg{width:14px}.note{font-size:12px;line-height:1.65}.empty{text-align:center;padding:28px;color:var(--sub)}footer{display:flex;align-items:center;gap:7px;justify-content:center;padding:23px 0 9px;font-size:10px;color:var(--sub)}footer i{font-style:normal}.tiny-mark{width:9px;height:9px;transform:rotate(45deg);border:1px solid var(--sub);border-radius:2px}dialog{padding:0;background:var(--solid);color:var(--ink);border:1px solid var(--line);border-radius:17px;width:min(730px,95vw);max-height:85dvh;box-shadow:0 20px 80px #0007}dialog::backdrop{background:#040818ae;backdrop-filter:blur(4px)}.dialoghead{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 21px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--solid);z-index:1}.dialogbody{padding:18px 21px}.dialogbody p,.dialogbody h3{margin-bottom:10px}.dialogbody .field{display:flex}.dialogbody .field input{width:100%}.result{display:flex;width:100%;align-items:center;gap:10px;padding:12px 4px;border-bottom:1px solid var(--line);text-align:left}.result small{display:block;color:var(--sub)}.result .arrow{margin-left:auto}.result:hover,summary:hover{background:var(--hover)}details{border:1px solid var(--line);border-radius:10px;margin-top:9px;overflow:hidden}summary{cursor:pointer;padding:10px;font-size:12px;line-height:1.6;background:var(--field)}dl{display:grid;grid-template-columns:minmax(110px,36%) 1fr;gap:8px 14px;margin:12px;font-size:12px;line-height:1.5}dt{color:var(--sub)}dd{margin:0;overflow-wrap:anywhere;white-space:pre-line}.raw td{min-width:75px;max-width:320px;font-size:12px;white-space:pre-line;overflow-wrap:anywhere}.raw th{min-width:75px;max-width:280px;white-space:normal}.raw td:first-child,.raw th:first-child{position:sticky;left:0;background:var(--solid);min-width:53px}.raw tr.target{background:var(--glow)}.raw td button{text-decoration:underline;color:var(--accent)}.crumbback{margin-top:19px}.crumbback+.mast{margin-top:10px}.locked{padding:24px;color:var(--sub);line-height:1.6}.mobilebtn{display:none}#toast:not(:empty){position:fixed;bottom:21px;left:50%;transform:translateX(-50%);z-index:10;padding:10px 17px;border-radius:10px;background:var(--solid);border:1px solid var(--line);box-shadow:0 3px 16px #0003;font-size:13px}.compact .layout{grid-template-columns:72px minmax(0,1fr)}.compact aside{padding:15px 8px}.compact aside .hide,.compact .navlabel,.compact .num,.compact .sidefoot svg{display:none}.compact .brand{flex-direction:column;gap:12px;padding:0 0 15px}.compact .collapse{margin:0}.compact .navbtn,.compact .sidefoot{justify-content:center}.chips{display:flex;flex-wrap:wrap;gap:5px}.sectiongap{margin-top:17px}
@media(min-width:1450px){.layout{grid-template-columns:245px minmax(0,1fr);gap:27px;padding:20px}.mast{margin-top:40px}.stat{padding:21px}.panelhead{padding-top:24px}td{padding-block:16px}}
@media(max-width:1120px){.layout{grid-template-columns:189px minmax(0,1fr);gap:15px;padding:12px}.stat{padding:13px}.stathead{gap:6px}.searchbtn kbd{display:none}.live{font-size:10px}.stats{gap:8px}}
@media(max-width:900px){.layout,.compact .layout{display:block;padding:11px}aside{display:none}body.menu:before{content:"";position:fixed;inset:0;background:#0007;z-index:4}body.menu aside{display:flex;position:fixed;left:10px;top:10px;bottom:10px;height:calc(100dvh - 20px);width:225px;z-index:5;background:var(--solid)}.mobilebtn{display:grid}.collapse{display:none}.mast{margin-top:24px}#main{padding:0 2px}.compact .navlabel,.compact aside .hide,.compact .num{display:initial}.compact .brand,.compact .sidefoot,.compact .navbtn{flex-direction:row;justify-content:flex-start}.compact aside{padding:20px 12px}.compact .brand{padding:0 8px 15px}}
@media(max-width:640px){.stats{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:16px}.stat{padding:13px}.stat strong{font-size:27px;margin-top:8px}.crumb>span,.crumb>svg,.searchbtn span,.live{display:none}#top{padding:8px 10px;gap:8px}.mast{align-items:flex-start;gap:8px;margin:24px 0 16px}.mast p{font-size:12px}.mast .btn{padding:8px;font-size:11px}.panelhead{padding:16px 13px}.tabs{margin:0 13px}.toolbar{padding:11px 13px;gap:7px}.toolbar .field{flex:1;min-width:130px}.field input{width:100%;min-width:0}.toolbar select{max-width:100%;font-size:11px}.panelhead .tag{font-size:10px}.titlecell{gap:7px}.titlecell .chipicon{width:27px;height:27px}.titlecell strong{white-space:nowrap}.titlecell small{font-size:10px}.pagefoot{padding:10px}.under{align-items:flex-start;flex-wrap:wrap}.under .textbtn{margin-left:28px}.under>span{min-width:75%}th:first-child,td:first-child{padding-left:12px}th,td{padding:11px 9px}.detailtable td,.detailtable th{min-width:110px}h2{font-size:17px}.tag{white-space:normal}.chips{min-width:95px}.dialogbody{padding:14px}.lineart{width:66px;height:66px}footer{padding-top:18px}}
.inkdot{display:inline-block;width:8px;height:8px;border:1px solid #ffffff66;border-radius:50%;margin-right:5px}.cellnote{display:block;color:var(--sub);font-size:11px;white-space:pre-line;margin-top:3px;overflow-wrap:anywhere}
@media(min-width:901px){.layout{padding-left:8px;max-width:none}.brand{gap:7px;padding-inline:2px}.brand strong{font-size:19px;letter-spacing:-.6px;font-weight:750}.brand .collapse{flex-shrink:0}.brandmark{flex-shrink:0}}@media(max-width:900px){body.menu aside{left:6px}.brand strong{font-size:20px;font-weight:750}}
@keyframes panel-enter {
  from { opacity: 0; transform: translateY(5px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes drawer-enter {
  from { opacity: 0; transform: translateX(-12px); }
  to { opacity: 1; transform: translateX(0); }
}
@keyframes veil-enter { from { opacity: 0; } to { opacity: 1; } }
@media (prefers-reduced-motion: no-preference) {
  .layout { transition: grid-template-columns 230ms cubic-bezier(.22,.68,.2,1); }
  .mast, .stat, main > .panel { animation: panel-enter 230ms ease-out backwards; }
  .stat:nth-child(2) { animation-delay: 25ms; }
  .stat:nth-child(3) { animation-delay: 50ms; }
  .stat:nth-child(4) { animation-delay: 75ms; }
  dialog[open], details[open] > dl { animation: panel-enter 170ms ease-out; }
  dialog[open]::backdrop { animation: veil-enter 160ms ease-out; }
  tr[data-do], .navbtn { transition: background-color 140ms ease-out; }
  .stat { transition: transform 170ms ease-out, border-color 170ms ease-out; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .stat:hover { transform: translateY(-2px); }
}
@media (max-width: 900px) and (prefers-reduced-motion: no-preference) {
  body.menu aside { animation: drawer-enter 190ms ease-out; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
html:has(dialog[open]),body:has(dialog[open]){overflow:hidden;overscroll-behavior:none}html{scrollbar-gutter:stable}dialog{overscroll-behavior:contain;overflow-y:auto}.toolbar select,.toolbar input{min-height:36px}
.helpbtn{position:fixed;right:16px;bottom:12px;border:1px solid var(--line);background:var(--solid);color:var(--accent);border-radius:50%;width:35px;height:35px;z-index:3;font-weight:bold;box-shadow:0 3px 14px #0002}