:root{--bg:#0b1016;--surface:#121a24f2;--surface-2:#1b2531;--surface-3:#223042;--line:#2a3644;--line-2:#3a4b5f;--text:#e8edf3;--muted:#a9b6c6;--faint:#8d9aab;--accent:#7cc4ff;--on-accent:#06121e;--helps:#4da3ff;--harms:#ff8a3d;--contains:#8a97a8;--located:#a78bfa;--affects:#d4b483;--radius:10px;--focus:0 0 0 2px var(--bg), 0 0 0 4px var(--accent);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#view{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}#view:focus-visible{box-shadow:inset 0 0 0 3px var(--accent)}a{color:var(--accent)}:focus-visible{box-shadow:var(--focus);outline:none}svg.line-sample{vertical-align:middle;flex:none;overflow:visible}.panel,#panel,.search-list,.legend{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}.panel::-webkit-scrollbar{width:8px}.search-list::-webkit-scrollbar{width:8px}.legend::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}.search-list::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}.legend::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px}.panel::-webkit-scrollbar-track{background:0 0}.search-list::-webkit-scrollbar-track{background:0 0}.legend::-webkit-scrollbar-track{background:0 0}.title{text-align:right;pointer-events:none;text-shadow:0 1px 6px #000;max-width:340px;position:fixed;bottom:12px;right:18px}.title h1{letter-spacing:.01em;margin:0;font-size:18px;font-weight:600}.title p{color:var(--muted);margin:2px 0 0;font-size:13px}.btn{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:14px;line-height:1.3;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--surface-3);border-color:var(--accent)}.btn[aria-pressed=true],.btn[aria-current=true],.btn.active{border-color:var(--accent);background:#1d3a55}.btn.primary{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.chip{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:6px;margin:2px 4px 2px 0;padding:2px 10px;font-size:13px;display:inline-flex}.chip:hover{border-color:var(--accent)}.chip[aria-pressed=true]{border-color:var(--accent);background:#1d3a55}.chip.effect{color:var(--on-accent);cursor:inherit;border-color:#0000;padding:1px 8px;font-size:12px;font-weight:600}label.chip:has(input:focus-visible){box-shadow:var(--focus)}label.chip input[type=checkbox]{accent-color:var(--accent);margin:0}.effect-helps{color:var(--helps)}.effect-harms{color:var(--harms)}.effect-contains{color:var(--contains)}.effect-located{color:var(--located)}.effect-affects{color:var(--affects)}#tools{width:min(340px,100vw - 24px)}.search-box{position:relative}input.search{width:100%;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);border-radius:8px;padding:8px 12px}input.search::placeholder{color:var(--faint)}input.search:focus-visible{border-color:var(--accent)}.search-list{border:1px solid var(--line);background:#121a24;border-radius:8px;max-height:50vh;margin:4px 0 0;padding:4px;list-style:none;overflow:auto;box-shadow:0 10px 30px #0009}.search-list:empty{display:none}.search-list li{cursor:pointer;border-radius:6px;padding:6px 8px}.search-list li:hover{background:var(--surface-2)}.search-list li[aria-selected=true]{box-shadow:inset 2px 0 0 var(--accent);background:#1d3a55}.search-list li small,.search-list li .sub{color:var(--muted)}nav.views{flex-wrap:wrap;gap:6px;display:flex}nav.views .btn{background:var(--surface);padding:4px 10px;font-size:13px}nav.views .btn:hover{background:var(--surface-3)}nav.views .btn[aria-pressed=true],nav.views .btn[aria-current=true]{background:#1d3a55}.legend{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(8px);max-width:min(360px,100vw - 36px);max-height:50vh;padding:8px 12px;font-size:12.5px;position:fixed;bottom:34px;left:18px;overflow:auto}.legend:empty{display:none}.legend summary{cursor:pointer;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-radius:4px;font-size:12px;font-weight:600}.legend summary:hover{color:var(--text)}.legend details[open] summary{margin-bottom:6px}.legend-row{margin:4px 0;line-height:1.4}.legend-row .swatch,.legend-row svg.line-sample{vertical-align:-1px}.legend p{margin:8px 0 4px}fieldset.cols{border:0;border-top:1px solid var(--line);flex-wrap:wrap;margin:8px 0 0;padding:6px 0 0;display:flex}fieldset.cols legend{color:var(--muted);margin-bottom:4px;padding:0;font-size:12px}.tip{pointer-events:none;z-index:5;color:var(--text);border:1px solid var(--line-2);white-space:nowrap;background:#121a24f7;border-radius:6px;padding:4px 8px;font-size:13px;position:fixed;box-shadow:0 4px 16px #0009}.tip:empty,.tip[hidden]{display:none}.panel,#panel{z-index:3;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);width:380px;max-width:calc(100vw - 24px);max-height:calc(100vh - 24px);padding:14px 16px;position:fixed;top:12px;right:12px;overflow:auto;box-shadow:0 10px 40px #0008}#panel:empty{display:none}.panel h2{border-radius:4px;margin:0 32px 2px 0;font-size:19px;line-height:1.3}.panel h2:focus{outline:none}.panel h2:focus-visible{box-shadow:var(--focus)}.panel .kind{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12.5px}.panel h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:16px 0 6px;font-size:12.5px}.panel p{margin:6px 0}.panel .btn.close{padding:2px 8px;font-size:16px;position:absolute;top:10px;right:10px}.panel a.btn.out{color:var(--accent);margin-top:12px}.panel a.btn.out:hover{color:var(--text)}ul.links{margin:0;padding:0;list-style:none}ul.links li{margin:2px 0}button.link{width:100%;font:inherit;text-align:left;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px 8px;font-size:14px;display:flex}button.link:hover{background:var(--surface-2);border-color:var(--line)}button.link .level{color:var(--muted);align-items:center;gap:5px;font-size:12px;display:inline-flex}button.link .name{flex:100%;font-weight:500}ul.links p.note{color:var(--muted);margin:0 8px 6px;font-size:13px}ul.links li.failed button.link .name{color:var(--muted);font-weight:400;-webkit-text-decoration:line-through #8d9aab88;text-decoration:line-through #8d9aab88}ul.links li.failed .chip.effect{opacity:.55}ul.links li.failed svg.line-sample{opacity:.5}#status{color:var(--muted);font-size:12.5px;position:fixed;bottom:10px;left:18px}@media (width<=1100px){.title{display:none}}@media (width<=720px){.panel,#panel{border-radius:var(--radius) var(--radius) 0 0;width:auto;max-width:none;max-height:45vh;inset:auto 0 0}.legend{max-height:28vh!important;bottom:calc(45vh + 8px)!important}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}