:root{--bg: #05060d;--text: #e8ecff;--muted: #9aa3c7;--accent: #7aa2ff;--c-precision: #4cc9f0;--c-recall: #f9844a;--c-tp: #43d39e;--c-fp: #ff6b6b;--c-missed: #ffb703;--fs-xs: 11px;--fs-sm: 12px;--fs-base: 13px;--fs-md: 15px;--fs-lg: 18px;--fs-xl: 28px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--r-xs: 4px;--r-sm: 8px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-pill: 999px;--panel-bg: linear-gradient(180deg, rgba(22, 26, 46, .78), rgba(12, 15, 28, .72));--panel-blur: blur(18px) saturate(1.3);--panel-brd: rgba(130, 150, 230, .14);--panel-brd-top: rgba(160, 180, 255, .22);--shadow-panel: 0 8px 32px rgba(0, 0, 0, .4), 0 1px 0 rgba(255, 255, 255, .04) inset;--shadow-pop: 0 24px 70px rgba(0, 0, 0, .55);--glow-accent: 0 0 0 1px var(--accent), 0 4px 14px rgba(122, 162, 255, .35);--glow-search: 0 0 0 1px rgba(122, 162, 255, .18), 0 14px 50px rgba(122, 162, 255, .18);--ease: cubic-bezier(.2, .7, .1, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s;--dock-w: 360px;--intro-w: 360px}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;width:100%;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;overflow:hidden}.app{position:relative;height:100vh;width:100vw}.canvas-wrap{position:absolute;top:0;right:0;bottom:0;left:0}:where(button,select,input,textarea,a,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-md)}.src.on:focus-visible,.mode-toggle button.on:focus-visible,.segmented button.on:focus-visible,.search-form button:focus-visible,.dp-go:focus-visible,.chip.primary:focus-visible{outline-color:#fff}.boot{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--muted);letter-spacing:.04em;font-size:var(--fs-base)}.boot.error{color:#ff8a8a}.boot.building{color:var(--accent)}.hud{position:absolute;z-index:10;background:var(--panel-bg);border:1px solid var(--panel-brd);border-top-color:var(--panel-brd-top);border-radius:var(--r-lg);backdrop-filter:var(--panel-blur);-webkit-backdrop-filter:var(--panel-blur);box-shadow:var(--shadow-panel)}@keyframes hud-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.intro{top:var(--space-5);left:var(--space-5);max-width:var(--intro-w);padding:var(--space-4) var(--space-5)}.eyebrow{font-size:var(--fs-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:var(--space-2)}.wordmark{margin:0;font-size:var(--fs-xl);font-weight:650;letter-spacing:-.03em;line-height:1;background:linear-gradient(100deg,#fff,var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{margin:var(--space-2) 0 0;font-size:var(--fs-md);font-weight:600;line-height:1.4;letter-spacing:-.01em;color:var(--text)}.lead{margin:var(--space-3) 0 0;font-size:var(--fs-sm);line-height:1.55;color:var(--muted)}.lead em{color:var(--text);font-style:normal;font-weight:600}.source-row{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.src{background:#0000004d;border:1px solid var(--panel-brd);color:var(--muted);border-radius:var(--r-md);padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast),transform var(--dur-fast)}.src:hover{transform:translateY(-1px);color:var(--text)}.src:active{transform:translateY(1px)}.src.on{background:var(--accent);color:#05060d;border-color:var(--accent);box-shadow:var(--glow-accent)}.src.ghost{padding:var(--space-2);font-weight:400}.search{top:var(--space-5);left:calc(var(--intro-w) + var(--space-5) * 2);right:calc(var(--dock-w) + var(--space-5) * 2);padding:var(--space-3);border-color:#7aa2ff66;box-shadow:var(--glow-search)}.mode-toggle{display:inline-flex;gap:var(--space-1);margin-bottom:var(--space-3);background:#0000004d;border-radius:var(--r-md);padding:3px}.mode-toggle button{background:transparent;border:none;color:var(--muted);padding:var(--space-2) var(--space-4);border-radius:var(--r-sm);font-size:var(--fs-sm);font-weight:600;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast)}.mode-toggle button.on{background:var(--accent);color:#05060d;box-shadow:var(--glow-accent)}.search-form{display:flex;gap:var(--space-2)}.search-form input{flex:1;min-width:0;background:#00000059;border:1px solid var(--panel-brd);border-radius:var(--r-md);padding:var(--space-3) var(--space-4);color:var(--text);font-size:var(--fs-md);outline:none;transition:border-color var(--dur-fast)}.search-form input:focus{border-color:var(--accent)}.search-form button{background:var(--accent);color:#05060d;border:none;border-radius:var(--r-md);padding:0 var(--space-5);font-weight:600;font-size:var(--fs-base);cursor:pointer;box-shadow:var(--glow-accent);transition:filter var(--dur-fast)}.search-form button:hover:not(:disabled){filter:brightness(1.12)}.search-form button:disabled{opacity:.45;cursor:default;box-shadow:none}.search-form button.ghost{background:transparent;color:var(--muted);border:1px solid var(--panel-brd);box-shadow:none}.examples{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-top:var(--space-3);animation:hud-in var(--dur-slow) var(--ease) both}.examples .try{font-size:var(--fs-xs);color:var(--muted);letter-spacing:.02em}.chip{background:#7aa2ff1a;border:1px solid var(--panel-brd);color:var(--text);border-radius:var(--r-pill);padding:var(--space-2) var(--space-3);font-size:var(--fs-sm);cursor:pointer;transition:background var(--dur-fast) var(--ease),transform var(--dur-fast)}.chip:hover{background:#7aa2ff38;transform:translateY(-1px)}.chip:active{transform:translateY(1px)}.chip.primary{background:#7aa2ff47;border-color:#7aa2ff80}.model-status{margin-top:var(--space-3);font-size:var(--fs-xs);color:var(--muted)}.model-status .bar{height:4px;border-radius:var(--r-xs);background:#ffffff14;overflow:hidden;margin-bottom:var(--space-1)}.model-status .bar-fill{height:100%;background:var(--accent);transition:width var(--dur-slow)}.dock{top:var(--space-5);right:var(--space-5);bottom:var(--space-5);width:var(--dock-w);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(122,162,255,.4) transparent;scroll-behavior:smooth}.dock::-webkit-scrollbar{width:8px}.dock::-webkit-scrollbar-thumb{background:#7aa2ff66;border-radius:var(--r-pill)}.section{animation:hud-in var(--dur-slow) var(--ease) both}.section+.section{border-top:1px solid var(--panel-brd);padding-top:var(--space-4);margin-top:var(--space-4)}.section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-3)}.section-head .eyebrow{margin-bottom:0}.section-head .sub{font-size:var(--fs-xs);color:var(--muted)}.dock-empty{font-size:var(--fs-sm);line-height:1.55;color:var(--muted)}.results .for{font-size:var(--fs-sm);color:var(--muted);margin-bottom:var(--space-3);line-height:1.5}.results .for strong{display:block;color:var(--text);font-size:var(--fs-md)}.results ol{list-style:none;margin:0;padding:0}.results li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--r-sm);font-size:var(--fs-base);cursor:default;transition:background var(--dur-fast)}.results li:hover{background:#7aa2ff1a}.results li.top{background:#ffffff12}.results .r-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results .r-mark{font-size:var(--fs-xs);width:12px;text-align:center}.results li.tp .r-mark{color:var(--c-tp)}.results li.fp .r-mark{color:var(--c-fp)}.results .r-score{color:var(--muted);font-variant-numeric:tabular-nums;font-size:var(--fs-sm)}.results li.top .r-score{color:var(--accent);font-weight:600}.results li.empty{color:var(--muted);font-size:var(--fs-sm);font-style:italic}.f1-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3)}.f1-head .f1{font-size:var(--fs-xl);font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text)}.f1-head .f1-label{font-size:var(--fs-xs);color:var(--muted);text-align:right;line-height:1.4}.metric{margin-bottom:var(--space-3)}.m-top{display:flex;justify-content:space-between;font-size:var(--fs-base);margin-bottom:var(--space-1)}.m-top strong{font-variant-numeric:tabular-nums}.m-sub{font-size:var(--fs-xs);color:var(--muted);margin-bottom:var(--space-1)}.m-bar{height:6px;border-radius:var(--r-xs);background:#ffffff14;overflow:hidden}.m-fill{height:100%;transition:width var(--dur-slow) var(--ease)}.m-fill.precision{background:var(--c-precision)}.m-fill.recall{background:var(--c-recall)}.m-detail{font-size:var(--fs-xs);color:var(--muted);margin-top:var(--space-3);line-height:1.6}.m-gold b,.m-detail b{color:var(--text)}.m-hint{font-size:var(--fs-xs);line-height:1.5;color:var(--accent);margin-top:var(--space-2)}.m-hint b{color:var(--accent)}.ctl{margin-bottom:var(--space-4)}.ctl:last-child{margin-bottom:0}.ctl.disabled{opacity:.5;pointer-events:none}.ctl-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-1);font-size:var(--fs-base);color:var(--text)}.ctl-head strong{color:var(--accent);font-variant-numeric:tabular-nums}.ctl-sub{font-size:var(--fs-xs);color:var(--muted);margin-bottom:var(--space-2);line-height:1.45}.ctl input[type=range]{width:100%;accent-color:var(--accent)}.select{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;background:#00000059 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' fill='none' stroke='%239aa3c7' stroke-width='1.6' stroke-linecap='round'/></svg>") no-repeat right 12px center;color:var(--text);border:1px solid var(--panel-brd);border-radius:var(--r-md);padding:var(--space-2) var(--space-4) var(--space-2) var(--space-3);font-size:var(--fs-base);cursor:pointer}.segmented{display:flex;flex-wrap:wrap;gap:var(--space-1)}.segmented button{flex:1;min-width:44px;background:#0000004d;border:1px solid var(--panel-brd);color:var(--muted);border-radius:var(--r-sm);padding:var(--space-2) 0;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;cursor:pointer;transition:background var(--dur-fast) var(--ease),color var(--dur-fast)}.segmented button.on{background:var(--accent);color:#05060d;border-color:var(--accent);font-weight:700;box-shadow:var(--glow-accent)}.legend{bottom:var(--space-5);left:var(--space-5);max-width:200px;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.legend .leg-group+.leg-group{border-top:1px solid var(--panel-brd);padding-top:var(--space-2);margin-top:var(--space-1)}.leg{display:flex;align-items:center;gap:var(--space-2);font-size:var(--fs-sm);color:var(--muted)}.dot{width:9px;height:9px;border-radius:50%;flex:none;box-shadow:0 0 8px currentColor}.ring{width:11px;height:11px;border-radius:50%;flex:none;border:2px solid currentColor;background:transparent}.canvas-hint{position:absolute;bottom:var(--space-5);left:50%;transform:translate(-50%);z-index:9;font-size:var(--fs-sm);color:var(--muted);letter-spacing:.02em;background:#05060d66;padding:var(--space-2) var(--space-4);border-radius:var(--r-pill);pointer-events:none;transition:opacity var(--dur-slow)}.hover-card{width:220px;background:var(--panel-bg);border:1px solid var(--panel-brd);border-radius:var(--r-md);padding:var(--space-3);transform:translateY(-130%);pointer-events:none;box-shadow:var(--shadow-pop)}.hover-name{font-weight:600;font-size:var(--fs-base);margin-bottom:3px}.hover-cat{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.hover-desc{font-size:var(--fs-sm);line-height:1.45;color:var(--muted)}.query-label{font-size:var(--fs-xs);font-weight:600;color:#fff;white-space:nowrap;text-shadow:0 0 8px rgba(0,0,0,.9);transform:translateY(-220%)}.data-modal{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;background:#03040a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center}.data-panel{width:min(620px,calc(100vw - 40px));background:#0c0f1d;border:1px solid var(--panel-brd);border-top-color:var(--panel-brd-top);border-radius:var(--r-xl);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-pop);animation:hud-in var(--dur-base) var(--ease) both}.dp-head{display:flex;justify-content:space-between;align-items:center}.dp-head h2{margin:0;font-size:var(--fs-lg)}.dp-close{display:grid;place-items:center;width:44px;height:44px;background:transparent;border:none;border-radius:var(--r-sm);color:var(--muted);font-size:var(--fs-md);cursor:pointer;transition:background var(--dur-fast)}.dp-close:hover{background:#ffffff14}.dp-hint{font-size:var(--fs-base);line-height:1.6;color:var(--muted);margin:var(--space-3) 0 var(--space-4)}.dp-hint code{background:#7aa2ff24;color:var(--text);padding:1px 5px;border-radius:var(--r-xs);font-size:var(--fs-sm)}.data-panel textarea{width:100%;height:200px;resize:vertical;background:#0006;border:1px solid var(--panel-brd);border-radius:var(--r-md);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-base);line-height:1.5;padding:var(--space-3) var(--space-4);outline:none}.data-panel textarea:focus{border-color:var(--accent)}.dp-row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.dp-file,.dp-sample{background:#0000004d;border:1px solid var(--panel-brd);color:var(--text);border-radius:var(--r-md);padding:var(--space-2) var(--space-4);font-size:var(--fs-base);cursor:pointer}.dp-count{flex:1;font-size:var(--fs-sm);color:var(--muted)}.dp-go{background:var(--accent);color:#05060d;border:none;border-radius:var(--r-md);padding:var(--space-2) var(--space-5);font-weight:700;font-size:var(--fs-base);cursor:pointer;box-shadow:var(--glow-accent)}.dp-go:disabled{opacity:.45;cursor:default;box-shadow:none}@media(max-width:1200px){:root{--dock-w: 320px;--intro-w: 300px}}@media(max-width:1024px){.hud{backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2)}.intro{max-width:calc(100vw - 40px);padding:var(--space-3) var(--space-4)}.intro .lead{display:none}.search{top:auto;bottom:calc(min(55vh,420px) + var(--space-3));left:var(--space-3);right:var(--space-3);max-height:calc(100vh - min(55vh,420px) - var(--space-5));overflow-y:auto}.search .examples,.legend,.canvas-hint{display:none}.dock{top:auto;left:0;right:0;bottom:0;width:auto;max-height:min(55vh,420px);border-radius:var(--r-xl) var(--r-xl) 0 0;border-bottom:none}.src,.chip,.mode-toggle button,.segmented button,.dp-file,.dp-sample{min-height:44px}}@media(max-width:560px){.intro .source-row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}