:root{--bg: #05060d;--panel: rgba(13, 16, 30, .72);--panel-border: rgba(120, 140, 200, .18);--text: #e8ecf7;--text-dim: #97a3c4;--accent: #7cc4ff;--accent-warm: #ffd27c;--radius: 14px;--font: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:var(--font);overflow:hidden;-webkit-font-smoothing:antialiased}#scene{position:fixed;inset:0;width:100vw;height:100vh;display:block;touch-action:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#0a0e1d,#05060d 70%);z-index:50;transition:opacity .6s ease}.overlay.hide{opacity:0;pointer-events:none}.loading-card{text-align:center;width:min(360px,80vw)}.logo{font-size:1.55rem;font-weight:700;letter-spacing:.04em;margin:0;background:linear-gradient(90deg,#9fd0ff,#ffd27c);-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{color:var(--text-dim);font-size:.9rem;margin:.35rem 0 1.4rem}.progress{height:5px;background:#ffffff14;border-radius:99px;overflow:hidden}.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-warm));transition:width .25s ease}.progress-label{color:var(--text-dim);font-size:.78rem;margin-top:.6rem;font-family:var(--mono)}#hud{position:fixed;inset:0;pointer-events:none}#hud>*{pointer-events:auto}#labels,#tooltip{pointer-events:none!important}.panel{position:absolute;top:18px;left:18px;width:320px;max-width:calc(100vw - 36px);max-height:calc(100vh - 130px);display:flex;flex-direction:column;padding:18px;background:var(--panel);backdrop-filter:blur(14px);border:1px solid var(--panel-border);border-radius:var(--radius)}.panel .logo{font-size:1.1rem}.panel .tagline{margin:.3rem 0 1rem;font-size:.82rem}.logo-link{background:linear-gradient(90deg,#9fd0ff,#ffd27c);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s ease}.logo-link:hover{border-bottom-color:#9fd0ffa6}.logo-ext{-webkit-text-fill-color:var(--accent);color:var(--accent);font-size:.62em;vertical-align:top;margin-left:4px}.panel-body-wrap{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s ease;min-height:0;flex:0 1 auto}.panel-body{overflow-y:auto;min-height:0}body.panel-collapsed .panel-body-wrap{grid-template-rows:0fr}.panel-vtoggle{flex:none;width:100%;margin-top:12px;padding:7px;display:flex;justify-content:center;align-items:center;gap:7px;border:1px solid var(--panel-border);background:#ffffff0d;color:var(--text-dim);border-radius:8px;font-size:.74rem;cursor:pointer}.panel-vtoggle:hover{background:#ffffff1f;color:var(--text)}.panel-vtoggle .vt-icon{font-size:.8rem}.field-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:.4rem}textarea{width:100%;resize:vertical;background:#00000059;border:1px solid var(--panel-border);border-radius:9px;color:var(--text);font-family:var(--mono);font-size:.8rem;padding:9px 10px;line-height:1.4}textarea:focus{outline:1px solid var(--accent)}.builder{position:relative}#gene-add{width:100%;background:#00000059;border:1px solid var(--panel-border);border-radius:9px;color:var(--text);font-family:var(--mono);font-size:.82rem;padding:9px 10px}#gene-add:focus{outline:1px solid var(--accent)}.ac{position:absolute;top:calc(100% + 3px);left:0;right:0;z-index:30;margin:0;padding:4px;list-style:none;background:#0a0d18f7;border:1px solid var(--panel-border);border-radius:9px;max-height:220px;overflow-y:auto;box-shadow:0 8px 24px #00000080}.ac li{padding:6px 9px;border-radius:6px;font-family:var(--mono);font-size:.8rem;cursor:pointer}.ac li:hover,.ac li.active{background:#7cc4ff2e}.badges{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0 4px}.badges-empty{font-size:.74rem;color:var(--text-dim);line-height:1.4}.badge{display:inline-flex;align-items:center;gap:3px;font-family:var(--mono);font-size:.74rem;padding:2px 4px 2px 8px;border-radius:6px;background:#7cc4ff24;border:1px solid rgba(124,196,255,.3);color:var(--text)}.badge.unknown{background:#ffffff0d;border-color:#ff787866;color:var(--text-dim);text-decoration:line-through}.badge button{background:none;border:none;color:inherit;cursor:pointer;font-size:.95rem;line-height:1;padding:0 2px;opacity:.6}.badge button:hover{opacity:1}details.paste{margin:6px 0 2px}details.paste>summary{cursor:pointer;font-size:.74rem;color:var(--accent);list-style:revert;margin-bottom:6px}.row{display:flex;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap}.btn{background:#ffffff12;border:1px solid var(--panel-border);color:var(--text);border-radius:8px;padding:7px 12px;font-size:.82rem;cursor:pointer;transition:background .15s,border-color .15s}.btn:hover{background:#ffffff24}.btn.primary{background:linear-gradient(90deg,#7cc4ffe6,#7cc4ffb3);color:#06121f;font-weight:600;border-color:transparent}.btn.round{width:34px;height:34px;padding:0;font-size:1.2rem;line-height:1}.recognized{font-size:.74rem;color:var(--text-dim);font-family:var(--mono)}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:11px}.chip{font-size:.74rem;padding:5px 9px;border-radius:99px;background:#7cc4ff1a;border:1px solid rgba(124,196,255,.25);color:var(--accent);cursor:pointer;white-space:nowrap}.chip:hover{background:#7cc4ff38}.summary{margin:14px 0 4px;padding:11px 12px;border:1px solid var(--panel-border);border-radius:11px;background:#ffffff06}.summary.empty{font-size:.8rem;color:var(--text-dim);background:none;border:none;padding:6px 0}.sum-top{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.sum-count{font-size:.95rem;font-weight:700;color:var(--text)}.sum-meta{font-size:.72rem;color:var(--text-dim);font-family:var(--mono)}.seg-toggle{display:inline-flex;margin:10px 0 9px;background:#0000004d;border:1px solid var(--panel-border);border-radius:8px;padding:2px}.seg{border:none;background:none;color:var(--text-dim);font-size:.74rem;padding:4px 12px;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.seg.active{background:#7cc4ff2e;color:var(--text)}.seg:hover:not(.active){color:var(--text)}.sum-pills{display:flex;flex-wrap:wrap;gap:5px}.res-pill{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;padding:4px 9px;border-radius:99px;background:#ffffff0d;border:1px solid var(--panel-border);color:var(--text);cursor:pointer;transition:background .15s,border-color .15s}.res-pill:hover{background:#ffffff1f;border-color:#ffffff4d}.res-pill .pdot{width:8px;height:8px;border-radius:50%;box-shadow:0 0 7px currentColor}.sum-none{font-size:.76rem;color:var(--text-dim)}.legend-head{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 7px;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}.link-btn{background:#7cc4ff1a;border:1px solid rgba(124,196,255,.25);color:var(--accent);cursor:pointer;font-size:.68rem;text-transform:none;letter-spacing:0;padding:3px 9px;border-radius:99px}.link-btn:hover{background:#7cc4ff33}.legend{list-style:none;margin:0;padding:0}.legend li{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:7px;font-size:.8rem;cursor:pointer}.legend li:hover{background:#ffffff0f}.legend .dot{width:10px;height:10px;border-radius:50%;flex:none;box-shadow:0 0 8px currentColor}.legend .lg-label{flex:0 1 auto}.legend .lg-peak{font-family:var(--mono);font-size:.72rem;color:var(--text-dim);margin-left:auto}.legend .lg-info{flex:none;width:16px;height:16px;border-radius:50%;border:1px solid var(--panel-border);background:#ffffff0d;color:var(--text-dim);font-size:.66rem;line-height:1;cursor:help;padding:0}.legend .lg-info:hover{background:#7cc4ff33;color:var(--text)}.info-pop{position:fixed;z-index:60;max-width:260px;padding:10px 12px;background:#0a0d18f7;border:1px solid var(--panel-border);border-radius:10px;box-shadow:0 10px 30px #0000008c;pointer-events:none}.info-pop .ip-name{font-size:.8rem;font-weight:600;margin-bottom:4px;color:var(--text)}.info-pop .ip-blurb{font-size:.76rem;line-height:1.45;color:var(--text-dim)}.dock{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:22px;padding:14px 18px;background:var(--panel);backdrop-filter:blur(14px);border:1px solid var(--panel-border);border-radius:var(--radius);max-width:calc(100vw - 36px)}.lambda{width:min(340px,56vw)}.lambda-top{display:flex;justify-content:space-between;font-size:.8rem;margin-bottom:5px}.mono{font-family:var(--mono)}output#lambda-val{font-family:var(--mono);color:var(--accent)}input[type=range]{width:100%;accent-color:var(--accent)}.caption{font-size:.72rem;color:var(--text-dim);margin:6px 0 0;min-height:1.5em}.zoom{display:flex;align-items:center;gap:7px}.labels{position:absolute;inset:0;pointer-events:none}.res-label{position:absolute;transform:translate(-50%,-50%);font-size:.74rem;font-weight:600;letter-spacing:.03em;color:#fff;text-shadow:0 0 10px rgba(0,0,0,.9);white-space:nowrap;padding:2px 7px;border-radius:6px;background:#080a1466}.tooltip{position:absolute;pointer-events:none;max-width:280px;padding:9px 11px;background:#080a14eb;border:1px solid var(--panel-border);border-radius:9px;font-size:.78rem;line-height:1.45;z-index:20;transform:translate(12px,12px)}.tooltip .tt-name{font-weight:600;margin-bottom:3px}.tooltip .tt-res{font-size:.72rem}.tooltip .tt-stats{font-family:var(--mono);font-size:.72rem;color:var(--text-dim);margin-top:4px}.fallback{position:fixed;inset:0;background:var(--bg);z-index:40;overflow-y:auto}.fallback-inner{max-width:1280px;margin:0 auto;padding:32px 36px 60px}.fallback-head{display:flex;justify-content:space-between;align-items:center}.fallback-head h2{margin:0}.bars{margin:18px 0 26px;display:flex;flex-direction:column;gap:7px}.bar-row{display:grid;grid-template-columns:190px 1fr 56px;align-items:center;gap:12px;font-size:.82rem}.bar-track{display:block;background:#ffffff0f;border-radius:6px;height:18px;overflow:hidden}.bar-fill{display:block;height:100%;border-radius:6px;min-width:2px;box-shadow:0 0 10px currentColor}.bar-val{font-family:var(--mono);font-size:.74rem;color:var(--text-dim);text-align:right}.tops{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.top-card{border:1px solid var(--panel-border);border-radius:10px;padding:12px 16px;min-width:0}.top-card h3{margin:0 0 7px;font-size:.85rem}.top-card ol{margin:0;padding-left:18px;font-size:.78rem;color:var(--text-dim)}.top-card li{margin-bottom:5px}.top-card .set-name{display:inline-block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.top-card .set-q{color:var(--text-dim);opacity:.7}@media (max-width: 720px){.panel{width:calc(100vw - 36px);max-height:46vh}.dock{flex-direction:column;align-items:stretch;gap:12px}}