:root{font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,sans-serif;color:#17201d;background:#f3f5f1;--ink:#17201d;--muted:#66726d;--line:#dce3dc;--paper:#fff;--green:#154b35;--blue:#195b9b;--amber:#cf842f;--red:#b84842;--group-a:#1b6f5a;--group-b:#6b4ba1;--shadow:0 16px 44px rgba(31,52,42,.07)}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0}button,input,select{font:inherit}.topbar{height:62px;padding:0 max(24px,calc((100vw - 1360px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-weight:760;font-size:.9rem}.brand-mark{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:var(--green);color:white;font-size:.72rem;letter-spacing:-.04em}.topbar-actions{display:flex;align-items:center;gap:18px}.upf-link{color:#3d6c56;text-decoration:none;font-size:.7rem;font-weight:760}.run-badge{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:.76rem}.run-badge i{font-style:normal}.run-badge span{width:7px;height:7px;border-radius:50%;background:#44a56d;box-shadow:0 0 0 4px #e2f3e8}
main{max-width:1360px;margin:0 auto;padding:54px 24px 34px}.hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:56px;align-items:end;margin-bottom:42px}.eyebrow,.section-kicker{margin:0 0 10px;color:#4e7a64;font-size:.69rem;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.hero h1{margin:0;max-width:850px;font-size:clamp(2.7rem,5vw,5.5rem);line-height:.94;letter-spacing:-.06em}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.subhead{max-width:720px;margin:22px 0 0;color:var(--muted);font-size:1.03rem;line-height:1.7}.hero-note{min-width:230px;padding:18px 20px;border-left:3px solid var(--green);display:grid;gap:6px;color:var(--muted);font-size:.77rem}.hero-note strong{color:var(--ink);margin-bottom:4px}
.dataset-switcher{margin-bottom:18px;padding:22px 24px;background:#e8eee9;border:1px solid #d3ddd5;border-radius:16px}.dataset-switcher-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.dataset-switcher-heading h2{margin:0;font-size:1.15rem}.dataset-switcher-heading>p{margin:0;color:var(--muted);font-size:.74rem}.dataset-tabs{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-top:18px}.dataset-tab{display:grid;gap:3px;text-align:left;padding:15px 17px;border:1px solid #cbd8cf;border-radius:11px;background:rgba(255,255,255,.62);color:var(--ink);cursor:pointer}.dataset-tab span{color:#6f7c75;font-size:.61rem;letter-spacing:.11em;text-transform:uppercase;font-weight:800}.dataset-tab b{font-size:.82rem}.dataset-tab small{color:var(--muted);font-size:.65rem}.dataset-tab.active{background:#fff;border-color:var(--green);box-shadow:0 7px 22px rgba(26,73,52,.09)}.dataset-tab.active span{color:var(--green)}.dataset-tab.compare-tab.active{border-color:var(--group-b);box-shadow:0 7px 22px rgba(89,60,139,.1)}.dataset-tab.compare-tab.active span{color:var(--group-b)}
.parameter-panel,.chart-card,.table-section,.query-detail,.comparison-table-section{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.parameter-panel{padding:24px}.parameter-heading,.explorer-toolbar,.detail-heading,.table-head,.card-heading,.sequence-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.parameter-heading h2,.explorer-toolbar h2,.detail-heading h2,.table-head h2{margin:0;font-size:1.12rem;letter-spacing:-.02em}.update-state{font-size:.72rem;color:#367553;background:#e6f4eb;padding:7px 10px;border-radius:99px}.update-state.loading{color:#8b641d;background:#fff2d7}.update-state.error{color:#94352f;background:#fce8e6}.rule-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 2px}.rule-strip>div{display:grid;grid-template-columns:auto 1fr;column-gap:8px;align-items:center;padding:12px 14px;border:1px solid #e3e8e3;border-radius:10px;background:#fafbf9}.rule-strip small{grid-column:2;color:var(--muted);font-size:.67rem;margin-top:2px}.rule-strip b{font-size:.76rem}.rule-dot{width:9px;height:9px;border-radius:50%;grid-row:span 2}.rule-dot.known{background:var(--blue)}.rule-dot.partial{background:var(--amber)}.rule-dot.divergent{background:var(--red)}.parameter-grid{display:grid;grid-template-columns:1fr 1fr .65fr .65fr;gap:24px;margin-top:22px}.slider-control,.value-control{display:grid;gap:12px}.slider-control>span,.value-control>span{display:grid;gap:3px}.slider-control small,.value-control small{color:var(--muted);font-size:.7rem;font-weight:400}.slider-control>div{display:grid;grid-template-columns:1fr 74px 15px;gap:9px;align-items:center}.slider-control i{font-style:normal;color:var(--muted);font-size:.8rem}.parameter-panel input[type=number],.value-control input,.view-filters input,.view-filters select{border:1px solid #cbd5cd;background:#fbfcfa;border-radius:8px;padding:9px 10px;color:var(--ink);min-width:0}.parameter-panel input[type=range]{accent-color:var(--green);width:100%}.value-control input{width:100%}.actions,.compare-downloads{display:flex;gap:10px;flex-wrap:wrap}.actions{margin-top:22px}.button,.icon-button,.text-button{border:0;cursor:pointer}.button{display:inline-flex;align-items:center;text-decoration:none;padding:10px 14px;border-radius:8px;background:var(--green);color:#fff;font-size:.74rem;font-weight:750}.button.secondary{background:#edf2ee;color:#315442}.button.ghost{background:#fff;color:#315442;border:1px solid #cad6ce}.button:hover{filter:brightness(.96)}.notice{min-height:1em;margin:12px 0 0;color:#a4463f;font-size:.76rem}.boundary-note{margin:15px 0 0;padding:10px 12px;border-left:3px solid var(--group-b);background:#f5f1fa;color:#5f5370;font-size:.72rem;line-height:1.55}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 42px}.metrics article{padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:14px}.metrics span{display:block;color:var(--muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.07em}.metrics strong{display:block;margin:5px 0 2px;font-size:2rem;letter-spacing:-.04em}.metrics small{color:#86908b;font-size:.7rem}.metrics .known-card{border-top:3px solid var(--blue)}.metrics .partial-card{border-top:3px solid var(--amber)}.metrics .divergent-card{border-top:3px solid var(--red)}
.compare-view{margin:18px 0 42px}.compare-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:36px 0 14px}.compare-heading h2{margin:0;font-size:1.22rem}.compare-heading>span{color:var(--muted);font-size:.7rem}.compare-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dataset-comparison-card{padding:20px 22px;border-radius:15px;background:#fff;border:1px solid var(--line)}.dataset-comparison-card.group-a{border-top:4px solid var(--group-a)}.dataset-comparison-card.group-b{border-top:4px solid var(--group-b)}.dataset-comparison-card header{display:flex;align-items:start;justify-content:space-between;gap:20px}.dataset-comparison-card header span{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.08em}.dataset-comparison-card h3{margin:4px 0 0;font-size:1.05rem}.dataset-comparison-card header strong{font-size:1.8rem}.dataset-comparison-card header small{display:block;color:var(--muted);font-size:.64rem;text-align:right}.tier-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px}.tier-mini-grid div{padding:10px;border-radius:9px;background:#f6f8f5}.tier-mini-grid span{display:block;color:var(--muted);font-size:.61rem}.tier-mini-grid b{display:block;margin-top:2px;font-size:1rem}.tier-mini-grid small{display:block;margin-top:1px;color:#7a8680;font-size:.62rem}.comparison-caveat{margin:12px 0 14px;padding:11px 13px;border:1px solid #ddd3eb;border-radius:10px;background:#f8f5fb;color:#645772;font-size:.7rem;line-height:1.55}.compare-chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compare-full{grid-column:1/-1}.comparison-table-section{margin-top:14px;overflow:hidden}.comparison-table-section tbody tr{cursor:default}.comparison-table-section td:nth-child(n+2){font-variant-numeric:tabular-nums}.delta-positive{color:#8e4b2b}.delta-negative{color:#28624d}
.explorer-toolbar{margin-bottom:14px}.explorer-toolbar h2{margin:0}.view-filters{display:flex;gap:10px;align-items:end}.view-filters label{display:grid;gap:4px;color:var(--muted);font-size:.67rem;font-weight:700}.view-filters input{width:245px}.view-filters select{width:170px}.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.chart-card{min-width:0;overflow:hidden}.chart-full{grid-column:1/-1}.card-heading{padding:18px 20px 0}.card-heading h3,.query-detail h3{margin:0;font-size:.87rem}.card-heading p{margin:4px 0 0;color:var(--muted);font-size:.7rem}.chart-tag{padding:6px 9px;border-radius:99px;background:#eff3ef;color:#567066;font-size:.67rem}.plot{width:100%;height:350px}.large-plot{height:410px}.plot .modebar{opacity:.42}.plot:hover .modebar{opacity:1}
.query-detail{margin-top:20px;padding:24px;border-color:#b9cfc3}.icon-button{width:34px;height:34px;border-radius:50%;background:#edf2ee;color:#41524a;font-size:1.4rem}.detail-meta{display:flex;gap:10px;align-items:center;margin:12px 0 16px;color:var(--muted);font-size:.76rem}.status-pill{padding:6px 9px;border-radius:99px;font-weight:750}.status-pill.known-like{background:#e2edf8;color:#19558f}.status-pill.partial-remote-homology{background:#fff0dc;color:#9b5c16}.status-pill.sequence-divergent{background:#f8e6e3;color:#9e3e39}.detail-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.detail-grid>div{min-width:0;border:1px solid #e5eae5;border-radius:12px;padding:16px}.detail-plot{height:310px}.text-button{background:transparent;color:#397158;font-size:.7rem}.sequence{margin:12px 0 0;padding:14px;height:310px;overflow:auto;white-space:pre-wrap;word-break:break-all;background:#f5f7f4;border-radius:8px;color:#34423b;font:600 .7rem/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}
.table-section{margin-top:20px;overflow:hidden}.table-head{padding:18px 20px}.table-head p{margin:3px 0 0;color:var(--muted);font-size:.7rem}.table-head>span{color:var(--muted);font-size:.68rem}.table-wrap{overflow:auto;max-height:610px}.table-wrap.compact{max-height:340px;border:1px solid #e5eae5;border-radius:10px}.query-detail .table-wrap{margin-top:18px}table{width:100%;border-collapse:collapse;font-size:.74rem}th,td{padding:11px 14px;text-align:left;border-top:1px solid #e7ece7;white-space:nowrap}th{position:sticky;top:0;z-index:2;background:#f7f9f6;color:#66726d;font-size:.63rem;letter-spacing:.04em;text-transform:uppercase}tbody tr{cursor:pointer}tbody tr:hover{background:#f1f6f2}.row-status{display:inline-flex;padding:5px 7px;border-radius:99px;font-size:.6rem;font-weight:800}.row-status.known-like{background:#e3edf7;color:#19558f}.row-status.partial-remote-homology{background:#fff0dc;color:#9b5c16}.row-status.sequence-divergent{background:#f7e5e3;color:#a1403a}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.68rem}footer{display:flex;justify-content:space-between;gap:20px;margin-top:24px;padding:20px 2px;color:#7b8781;font-size:.67rem}
@media(max-width:1080px){.parameter-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-note{display:none}.view-filters{flex-wrap:wrap}.detail-grid{grid-template-columns:1fr}.dataset-switcher-heading{align-items:flex-start;flex-direction:column}.dataset-tabs{grid-template-columns:1fr}.compare-summary{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{padding:0 14px}.run-badge{display:none}.upf-link{font-size:.64rem}main{padding:34px 14px}.hero h1{font-size:2.7rem}.parameter-grid,.rule-strip,.metrics,.chart-grid,.compare-chart-grid{grid-template-columns:1fr}.chart-full,.compare-full{grid-column:auto}.parameter-heading,.explorer-toolbar,.table-head,.compare-heading{align-items:flex-start;flex-direction:column}.view-filters{width:100%;flex-direction:column;align-items:stretch}.view-filters input,.view-filters select{width:100%}.plot,.large-plot{height:330px}.slider-control>div{grid-template-columns:1fr 68px 12px}.detail-grid>div{padding:10px}.tier-mini-grid{grid-template-columns:1fr}footer{flex-direction:column}.actions .button,.compare-downloads,.compare-downloads .button{flex:1 1 100%}}