:root{--bg: #f6f7fb;--surface: #ffffff;--surface-2: #f1f3f9;--border: #e3e7ef;--text: #1e2433;--muted: #667085;--accent: #6366f1;--accent-soft: #eef0fe;--ok: #10b981;--warn: #f59e0b;--err: #ef4444;--radius: 12px;--shadow: 0 1px 3px rgba(16, 24, 40, .06), 0 1px 2px rgba(16, 24, 40, .1);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .12);--maxw: 1180px;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);font-size:15px;line-height:1.55}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.25}.shell{display:flex;flex-direction:column;min-height:100%}.topbar{display:flex;align-items:center;gap:24px;padding:0 24px;height:60px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:8px;font-weight:700;color:var(--text)}.brand:hover{text-decoration:none}.brand__logo{font-size:22px}.brand__name{font-size:17px;letter-spacing:-.01em}.topnav{display:flex;gap:4px;flex:1}.topnav__link{padding:7px 14px;border-radius:8px;color:var(--muted);font-weight:500}.topnav__link:hover{background:var(--surface-2);text-decoration:none;color:var(--text)}.topnav__link.active{background:var(--accent-soft);color:var(--accent)}.topbar__status{display:flex;gap:8px;align-items:center}.pill{font-size:12px;padding:4px 10px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-weight:600;white-space:nowrap}.pill-ok{background:#e7f7f0;color:#047857}.pill-warn{background:#fef3e2;color:#b45309}.banner{padding:12px 16px;border-radius:8px;margin:12px 24px;font-size:14px}.banner-error{background:#fdecec;color:#b42318;border:1px solid #f7caca}.banner-warn{background:#fef3e2;color:#b45309;border:1px solid #f6dca2}.home{max-width:880px;margin:0 auto;padding:40px 24px 32px;width:100%;display:flex;flex-direction:column;gap:24px}.home__intro{text-align:center}.home__intro h1{font-size:34px;margin:0 0 12px;letter-spacing:-.02em}.home__intro h1 span{color:var(--accent)}.home__intro p{color:var(--muted);max-width:640px;margin:0 auto;font-size:16px}.home__links{margin-top:14px!important;font-size:14px!important}.home__chat{height:60vh;min-height:440px}.chat-panel{display:flex;flex-direction:column;height:100%;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.chat-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid var(--border);font-size:12px;color:var(--muted);background:var(--surface)}.chat-toolbar__clear{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:999px;padding:4px 12px;cursor:pointer;font-size:12px;font-weight:600}.chat-toolbar__clear:hover{border-color:var(--accent);color:var(--accent)}.chat-scroll{flex:1;overflow-y:auto;padding:20px}.chat-empty{text-align:center;padding:28px 16px;color:var(--muted)}.chat-empty h2{color:var(--text);margin:0 0 8px}.chat-empty__suggestions{display:flex;flex-direction:column;gap:8px;margin-top:18px;align-items:center}.chip{border:1px solid var(--border);background:var(--surface);padding:8px 14px;border-radius:999px;cursor:pointer;font-size:13.5px;color:var(--text);transition:all .12s}.chip:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.chip.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.chip:disabled{opacity:.5;cursor:not-allowed}.bubble{margin-bottom:16px;max-width:100%}.bubble__role{font-size:12px;font-weight:700;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.bubble__body{padding:12px 16px;border-radius:12px;background:var(--surface-2)}.bubble-user .bubble__body{background:var(--accent);color:#fff}.bubble-user .bubble__body p{margin:0}.bubble__body p:first-child{margin-top:0}.bubble__body p:last-child{margin-bottom:0}.bubble__citations{margin-top:10px}.bubble__citations-label{font-size:12px;color:var(--muted);margin-bottom:6px}.bubble__citations-grid{display:flex;flex-wrap:wrap;gap:6px}.bubble__model,.bubble__elapsed{color:var(--muted)}.chat-input{display:flex;gap:8px;padding:14px;border-top:1px solid var(--border);background:var(--surface)}.chat-input textarea{flex:1;resize:none;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14.5px}.chat-input textarea:focus{outline:none;border-color:var(--accent)}.chat-input button,.recommender-form button,.detail__raw button{background:var(--accent);color:#fff;border:none;border-radius:10px;padding:0 20px;font-weight:600;cursor:pointer;font-size:14px}.detail__raw button{padding:9px 16px}.chat-input button:disabled{opacity:.45;cursor:not-allowed}.chat-error{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fdecec;color:#b42318;border:1px solid #f7caca;border-radius:10px;padding:12px 14px;font-size:14px;margin-top:8px}.chat-error button{border:1px solid #b42318;background:#fff;color:#b42318;font-weight:600;border-radius:8px;padding:6px 16px;cursor:pointer;white-space:nowrap}.chat-error button:hover:not(:disabled){background:#b42318;color:#fff}.chat-error button:disabled{opacity:.5;cursor:not-allowed}.dot-flashing{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--muted);animation:pulse 1s infinite}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.pcard{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:14px;box-shadow:var(--shadow)}.pcard__head{display:flex;align-items:center;gap:8px}.pcard__rank{font-size:12px;font-weight:700;color:var(--muted)}.pcard__name{font-weight:600;color:var(--text)}a.pcard__name:hover{color:var(--accent)}.pcard__meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.pcard__why{margin-top:10px}.pcard__why summary{font-size:12px;color:var(--muted);cursor:pointer}.pcard__why-body{margin-top:8px;font-size:13px}.pcard__score{color:var(--muted)}.pcard__methods{display:flex;flex-wrap:wrap;gap:4px;margin:6px 0}.pcard__why-body ul{margin:6px 0 0;padding-left:18px;color:var(--muted)}.pcard--compact{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12.5px;color:var(--text)}.pcard--compact:hover{border-color:var(--accent);text-decoration:none}.pcard__stripe{width:8px;height:8px;border-radius:50%;flex:none}.pcard--compact .pcard__name{font-weight:600}.pcard__cat{color:var(--muted)}.badge{display:inline-block;font-size:11.5px;font-weight:600;color:#fff;padding:3px 9px;border-radius:999px}.badge-cluster{background:var(--surface-2);color:var(--muted)}.badge-factor{background:var(--accent-soft);color:var(--accent)}.badge-method{background:#1e293b;color:#cbd5e1;font-family:ui-monospace,monospace;font-weight:500}.explore{display:flex;flex-direction:column;height:calc(100vh - 60px)}.explore__controls{display:flex;gap:28px;align-items:flex-end;padding:14px 24px;background:var(--surface);border-bottom:1px solid var(--border);flex-wrap:wrap}.control{display:flex;flex-direction:column;gap:4px}.control label{font-size:12.5px;color:var(--muted);font-weight:600}.control label strong{color:var(--accent)}.control input[type=range]{width:220px;accent-color:var(--accent)}.control select{padding:7px 10px;border:1px solid var(--border);border-radius:8px;font-family:inherit;font-size:14px}.control__hint{font-size:11px;color:var(--muted)}.control--stats{margin-left:auto;font-size:13px;color:var(--muted)}.toggle{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.toggle button{border:none;background:var(--surface);padding:7px 14px;cursor:pointer;font-size:13px;color:var(--muted)}.toggle button.active{background:var(--accent);color:#fff}.legend{display:flex;gap:6px;flex-wrap:wrap;padding:10px 24px;background:var(--surface);border-bottom:1px solid var(--border)}.legend__item{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:12.5px;cursor:pointer;color:var(--text)}.legend__item:hover{border-color:var(--accent)}.legend__item.dimmed{opacity:.4}.legend__item--static{cursor:default}.legend__item--static:hover{border-color:var(--border)}.legend__dot{width:10px;height:10px;border-radius:50%}.explore__stage{flex:1;display:flex;min-height:0}.explore__canvas{flex:1;min-width:0;position:relative;background:#0b1020}.explore__panel{width:380px;flex:none;background:var(--surface);border-left:1px solid var(--border);overflow-y:auto;position:relative}.panel{padding:24px}.panel--empty{color:var(--muted)}.panel--empty h2{color:var(--text);margin-top:0}.panel__tip{font-size:13px}.panel__loading{position:absolute;top:12px;right:16px;font-size:12px;color:var(--muted)}.panel__close{position:absolute;top:14px;right:14px;border:none;background:var(--surface-2);width:28px;height:28px;border-radius:50%;cursor:pointer;color:var(--muted)}.panel h2{margin:10px 0 6px;font-size:21px}.panel__taxo{font-size:13px;font-weight:600;color:var(--accent);margin:2px 0 8px}.panel__taxo-factor{color:var(--muted);font-weight:500}.panel__lead{color:var(--muted);font-size:14px}.panel__section{margin-top:14px;border-top:1px solid var(--border);padding-top:10px}.panel__section summary{font-weight:700;cursor:pointer;font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--accent)}.panel__section p{font-size:13.5px;margin:8px 0 0;white-space:pre-wrap}.panel__related{margin-top:18px}.panel__related h3{font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted)}.panel__related ul{list-style:none;padding:0;margin:8px 0 0}.panel__related li{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 0}.panel__related button{border:none;background:none;color:var(--accent);cursor:pointer;font-size:13.5px;padding:0;text-align:left}.panel__related button:hover{text-decoration:underline}.panel__rel-meta{font-size:11px;color:var(--muted);white-space:nowrap}.panel__full{display:inline-block;margin-top:18px;font-weight:600}.graph-tooltip{background:transparent!important;padding:0!important;font-family:var(--font)!important}.gtip{background:#111827;color:#e5e7eb;border-radius:8px;padding:10px 12px;max-width:280px;box-shadow:var(--shadow-lg);font-size:12.5px}.gtip strong{color:#fff}.gtip__cat{color:#a5b4fc;font-size:11.5px;margin:2px 0 4px}.gtip p{margin:0;color:#cbd5e1;line-height:1.4}.gtip__hint{color:#6b7280;font-size:10.5px;margin-top:6px}.catalog{max-width:var(--maxw);margin:0 auto;padding:28px 24px;width:100%}.catalog__head h1{margin:0 0 4px}.catalog__head>p{color:var(--muted);margin:0 0 16px}.catalog__search{width:100%;max-width:460px;padding:11px 14px;border:1px solid var(--border);border-radius:10px;font-size:15px;font-family:inherit}.catalog__search:focus{outline:none;border-color:var(--accent)}.catalog__filters{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px}.catalog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}.catalog__card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);position:relative;overflow:hidden;color:var(--text);transition:all .12s}.catalog__card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}.catalog__stripe{position:absolute;left:0;top:0;bottom:0;width:4px}.catalog__name{font-weight:600;padding-left:6px}.catalog__cat{font-size:12px;color:var(--muted);padding-left:6px}.catalog__empty{color:var(--muted)}.detail{max-width:920px;margin:0 auto;padding:24px;width:100%}.detail__loading{color:var(--muted)}.detail__crumbs{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px}.detail__crumbs-left{display:inline-flex;align-items:center;gap:16px}.detail__back-chat{display:inline-flex;align-items:center;gap:6px;font-weight:600;background:var(--accent-soft);color:var(--accent);padding:5px 12px;border-radius:999px}.detail__back-chat:hover{background:var(--accent);color:#fff;text-decoration:none}.detail__head{border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:22px}.detail__head h1{margin:12px 0 8px;font-size:30px;letter-spacing:-.02em}.detail__head .badge{margin-right:6px}.detail__lead{color:var(--muted);font-size:16px;margin:0}.detail__body{display:grid;grid-template-columns:1fr 280px;gap:32px}.detail__section{margin-bottom:22px}.detail__section h2{font-size:14px;text-transform:uppercase;letter-spacing:.04em;color:var(--accent);margin:0 0 8px}.detail__section p{margin:0;white-space:pre-wrap}.detail__nosections{color:var(--muted)}.detail__raw{margin-top:12px}.detail__rawtext{margin-top:12px;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:14px;white-space:pre-wrap;font-size:12.5px;font-family:ui-monospace,monospace;max-height:420px;overflow-y:auto}.detail__related{align-self:start;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;box-shadow:var(--shadow);position:sticky;top:76px}.detail__related h3{font-size:13px;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin:0 0 10px}.detail__related ul{list-style:none;padding:0;margin:0}.detail__related li{padding:8px 0;border-bottom:1px solid var(--border)}.detail__related li:last-child{border-bottom:none}.detail__rel-meta{display:block;font-size:11px;color:var(--muted)}.detail__ask{display:inline-block;margin-top:12px;font-weight:600;font-size:14px}.recommend{max-width:var(--maxw);margin:0 auto;padding:28px 24px;width:100%}.recommend__head h1{margin:0 0 4px}.recommend__head p{color:var(--muted);margin:0 0 20px}.recommend__tabs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.recommend__tab{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.recommend__tab span{font-weight:600;color:var(--text)}.recommend__tab small{color:var(--muted);font-size:12px}.recommend__tab.active{border-color:var(--accent);background:var(--accent-soft)}.recommend__tab.active span{color:var(--accent)}.recommend__active-blurb{color:var(--muted);margin:18px 0 8px}.recommender-panel{display:grid;grid-template-columns:320px 1fr;gap:24px;margin-top:8px}.recommender-form{display:flex;flex-direction:column;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px;box-shadow:var(--shadow);align-self:start}.recommender-form label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--muted)}.recommender-form select,.recommender-form textarea{border:1px solid var(--border);border-radius:8px;padding:9px 11px;font-family:inherit;font-size:14px}.recommender-form input[type=range]{accent-color:var(--accent)}.recommender-form button{padding:11px}.recommender-results{display:flex;flex-direction:column;gap:12px}.sequence-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px;box-shadow:var(--shadow)}.sequence-card__head{display:flex;justify-content:space-between;margin-bottom:10px}.sequence-card__chain{line-height:2}.seq-pattern{font-weight:600}.seq-cluster{font-size:10px;color:var(--muted);vertical-align:super;margin-left:1px}.seq-arrow{color:var(--muted)}.about{max-width:760px;margin:0 auto;padding:32px 24px;width:100%}.about__lead{font-size:17px;color:var(--muted)}.about__section{margin-top:28px}.about__section h2{font-size:19px}.about__cats{list-style:none;padding:0}.about__cats li{display:flex;align-items:baseline;gap:8px;padding:6px 0}.about__cats .legend__dot{align-self:center}.about__metrics{display:flex;gap:28px;margin:16px 0}.about__metrics div{display:flex;flex-direction:column}.about__metrics strong{font-size:28px;color:var(--accent)}.about__metrics span{font-size:12px;color:var(--muted)}.about__caveat{font-size:14px;color:var(--muted);background:var(--surface-2);padding:12px 16px;border-radius:8px}.about__clusters{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;margin:16px 0}.about__cluster{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;background:var(--surface);border:1px solid var(--border);border-radius:10px}.about__cluster-dot{width:12px;height:12px;border-radius:50%;margin-top:4px;flex:none}.about__cluster-size{font-size:12px;color:var(--muted)}.about__cluster-factor{font-size:11.5px;color:var(--muted);margin-top:2px}@media (max-width: 860px){.recommender-panel,.detail__body{grid-template-columns:1fr}.explore__panel{display:none}.explore__panel.open{display:block;position:fixed;inset:60px 0 0 auto;width:100%;z-index:40}.topnav{gap:0}.topnav__link{padding:7px 8px;font-size:14px}}