:root{font-family:Inter,"Segoe UI",ui-sans-serif,system-ui,sans-serif;color:#18211e;background:#f3f5f1;--ink:#18211e;--muted:#66736e;--line:#dbe2dc;--paper:#fff;--green:#164c37;--teal:#247f78;--blue:#2d608f;--amber:#d17a18;--red:#b94a43;--grey:#aeb8b4;--purple:#7156a4;--shadow:0 16px 46px rgba(29,54,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(22px,calc((100vw - 1400px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;font-size:.88rem;font-weight:780}.brand-mark{width:37px;height:32px;border-radius:8px;display:grid;place-items:center;color:#fff;background:var(--green);font-size:.66rem;letter-spacing:.04em}.nav-actions{display:flex;align-items:center;gap:18px;font-size:.7rem}.nav-actions>a{color:#3b6854;text-decoration:none;font-weight:700}.run-state{display:flex;align-items:center;gap:7px;color:var(--muted)}.run-state i{width:7px;height:7px;border-radius:50%;background:#49a46f;box-shadow:0 0 0 4px #e0f2e7}
main{max-width:1400px;margin:0 auto;padding:55px 24px 36px}.eyebrow,.section-kicker{margin:0 0 10px;color:#557b68;font-size:.68rem;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.hero{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:58px;align-items:end}.hero h1{margin:0;font-size:clamp(2.8rem,5.1vw,5.45rem);line-height:.95;letter-spacing:-.058em}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.subhead{max-width:840px;margin:22px 0 0;color:var(--muted);font-size:1.01rem;line-height:1.75}.hero-note{padding:22px;border:1px solid #d7ded8;border-top:4px solid var(--amber);border-radius:14px;background:#fff;box-shadow:var(--shadow)}.hero-note>span{display:block;color:#8a704c;font-size:.62rem;letter-spacing:.13em;text-transform:uppercase;font-weight:850}.hero-note strong{display:block;margin:8px 0 2px;color:#b56110;font-size:1.6rem;letter-spacing:-.04em}.hero-note b{font-size:.75rem}.hero-note p{margin:12px 0 0;color:var(--muted);font-size:.7rem;line-height:1.6}
.pipeline{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;margin:42px 0 18px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--line)}.pipeline article{min-width:0;padding:17px 18px;background:#fff;display:grid;grid-template-columns:auto 1fr;gap:2px 10px}.pipeline span{grid-row:span 2;color:#5b8972;font:800 .65rem/1 ui-monospace,monospace}.pipeline b{font-size:.73rem}.pipeline small{color:var(--muted);font-size:.62rem}.pipeline .done{box-shadow:inset 0 3px 0 #4c9170}
.view-switcher{display:flex;align-items:end;justify-content:space-between;gap:28px;padding:22px 24px;margin-bottom:18px;border:1px solid #d2ddd5;border-radius:15px;background:#e8eee9}.view-switcher h2,.control-heading h2,.table-heading h2,.detail-heading h2,.section-heading h2,.downloads h2{margin:0;font-size:1.16rem;letter-spacing:-.025em}.view-switcher>div:first-child>p:last-child{margin:6px 0 0;color:var(--muted);font-size:.69rem}.view-tabs{display:flex;gap:7px}.view-tab{border:1px solid #c5d3c9;border-radius:9px;padding:10px 15px;color:#375747;background:rgba(255,255,255,.55);font-size:.7rem;font-weight:750;cursor:pointer}.view-tab small{margin-left:5px;color:#72847a}.view-tab:hover{background:#fff}.view-tab.active{color:#fff;border-color:var(--green);background:var(--green);box-shadow:0 6px 18px rgba(22,76,55,.16)}.view-tab.active small{color:#d7ebe0}.view-tab.compare.active{background:var(--purple);border-color:var(--purple)}
.controls,.chart-card,.evidence-section,.family-detail,.structure-section,.downloads{background:var(--paper);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.controls{padding:24px}.control-heading,.table-heading,.detail-heading,.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.control-heading>span{padding:7px 10px;border-radius:99px;background:#fff0da;color:#8c5c1c;font-size:.68rem}.control-heading>span.ready{background:#e4f2e9;color:#357053}.control-heading>span.error{background:#f9e5e3;color:#9a403a}.control-groups{display:grid;grid-template-columns:1fr 1.08fr 1.08fr;gap:15px;margin-top:22px}.control-groups fieldset{min-width:0;margin:0;padding:16px 17px 17px;border:1px solid #e0e6e1;border-radius:12px;background:#fafbf9}.control-groups legend{padding:0 6px;color:#52625a;font-size:.63rem;letter-spacing:.08em;text-transform:uppercase;font-weight:800}.control-groups label{display:grid;gap:7px;margin-top:12px;color:#3c4d45;font-size:.7rem}.control-groups label:first-of-type{margin-top:4px}.control-groups label>span{display:flex;justify-content:space-between;gap:10px}.control-groups i{color:#48745d;font-style:normal;font-variant-numeric:tabular-nums;font-weight:760}.control-groups input[type=range]{width:100%;accent-color:var(--green)}.number-line,.select-line,.search-line{grid-template-columns:1fr 110px;align-items:center}.number-line input,.select-line select,.search-line input,.mini-filters input{min-width:0;width:100%;padding:8px 9px;border:1px solid #cbd5ce;border-radius:7px;color:var(--ink);background:#fff}.search-line{grid-template-columns:1fr 1.25fr}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:10px 14px;text-decoration:none;cursor:pointer;color:#fff;background:var(--green);font-size:.7rem;font-weight:760}.button:hover{filter:brightness(.96)}.button.secondary{color:#315a47;background:#e8f0eb}.button.ghost{color:#315a47;background:#fff;border:1px solid #cbd6ce}.method-note{margin:14px 0 0;padding:10px 12px;border-left:3px solid #6b937e;background:#f2f6f3;color:#607069;font-size:.68rem;line-height:1.6}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:13px;margin:18px 0 38px}.metrics article{padding:19px 20px;border:1px solid var(--line);border-radius:13px;background:#fff}.metrics span{display:block;color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.07em}.metrics strong{display:block;margin:5px 0 1px;font-size:1.85rem;letter-spacing:-.045em}.metrics small{color:#86918c;font-size:.64rem}.metrics .shortlist{border-top:3px solid var(--blue)}.metrics .cazy{border-top:3px solid var(--amber)}.metrics .unresolved{border-top:3px solid var(--grey)}
.chart-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.chart-wide{grid-column:1/-1}.chart-card{min-width:0;overflow:hidden}.card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:18px 20px 0}.card-heading h3{margin:0;font-size:.86rem}.card-heading p{margin:4px 0 0;color:var(--muted);font-size:.67rem;line-height:1.5}.card-heading>span{padding:6px 9px;border-radius:99px;background:#eef3ef;color:#5e7468;font-size:.62rem;white-space:nowrap}.card-heading>a{color:#397158;font-size:.67rem;font-weight:760;text-decoration:none}.plot{width:100%;height:350px}.plot.large{height:430px}.plot.tall{height:470px}.plot.structure{height:520px}.plot .modebar{opacity:.4}.plot:hover .modebar{opacity:1}
.evidence-section{margin-top:14px;overflow:hidden}.table-heading{padding:22px 22px 17px}.table-heading p{margin:5px 0 0;color:var(--muted);font-size:.69rem}.mini-filters{display:flex;align-items:center;gap:8px}.mini-filters label{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:.65rem;white-space:nowrap}.mini-filters input{width:86px}.evidence-plot-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #edf0ed}.evidence-plot-grid>div+div{border-left:1px solid #edf0ed}.table-wrap{width:100%;max-height:610px;overflow:auto;border-top:1px solid var(--line)}.table-wrap.compact{max-height:350px}table{width:100%;border-collapse:collapse;font-size:.7rem}th,td{padding:10px 12px;text-align:left;border-top:1px solid #e7ebe7;white-space:nowrap}th{position:sticky;top:0;z-index:3;color:#637069;background:#f7f9f6;font-size:.6rem;letter-spacing:.04em;text-transform:uppercase}tbody tr{cursor:pointer}tbody tr:hover{background:#f0f5f1}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums;font-size:.65rem}
.family-detail{margin-top:14px;padding:23px}.detail-heading{margin-bottom:17px}.detail-heading>div>p:last-child{margin:5px 0 0;color:var(--muted);font-size:.69rem}.class-pill,.gate-pill{padding:7px 11px;border-radius:99px;font-size:.66rem;font-weight:800}.class-pill.cazyme-like{color:#9a5109;background:#fff0dc}.class-pill.other-function-associated{color:#216a68;background:#e3f2f0}.class-pill.structurally-unresolved{color:#56635e;background:#edf0ee}.class-pill.not-profiled{color:#6e6f70;background:#f1f1f1}.detail-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:14px}.detail-cards article{padding:12px;border:1px solid #e3e8e4;border-radius:9px;background:#fafbf9}.detail-cards span{display:block;color:var(--muted);font-size:.59rem;text-transform:uppercase;letter-spacing:.04em}.detail-cards strong{display:block;margin-top:4px;font-size:.83rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.detail-grid>article{min-width:0;border:1px solid #e1e7e2;border-radius:12px;overflow:hidden}.neighbor-list{padding:0 18px 18px;display:grid;gap:6px}.neighbor-list div{display:grid;grid-template-columns:42px 1fr;gap:8px;color:var(--muted);font-size:.65rem}.neighbor-list b{color:#4b6558;text-align:right}
.structure-section{margin-top:14px;padding:23px}.section-heading{align-items:center}.gate-pill{color:#93433d;background:#f9e8e6}.structure-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0 14px}.structure-metrics article{padding:13px;border:1px solid #e1e7e2;border-radius:10px;background:#fafbf9}.structure-metrics span{display:block;color:var(--muted);font-size:.6rem}.structure-metrics strong{display:block;margin-top:4px;font-size:1.05rem}.structure-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.figure-card{min-width:0;margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.figure-card img{display:block;width:100%;height:470px;object-fit:contain;background:#fbfcfb}.figure-card p{margin:0;padding:13px 16px;color:var(--muted);font-size:.67rem;line-height:1.55;border-top:1px solid var(--line)}.gate-box{margin-top:14px;padding:17px 19px;border:1px solid #e8c9c4;border-left:4px solid var(--red);border-radius:10px;background:#fff7f5}.gate-box strong{color:#8f3c37}.gate-box p{margin:6px 0;color:#6d5d59;font-size:.7rem;line-height:1.65}.gate-box a{color:#9b4139;font-size:.67rem;font-weight:760}
.downloads{display:grid;grid-template-columns:1fr 1.6fr;gap:30px;align-items:center;margin-top:14px;padding:23px}.downloads p{margin:7px 0 0;color:var(--muted);font-size:.69rem;line-height:1.6}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.download-grid a{display:grid;gap:3px;padding:13px 14px;border:1px solid #d9e1db;border-radius:9px;color:var(--ink);background:#fafbf9;text-decoration:none}.download-grid a:hover{border-color:#91ad9e;background:#f2f7f3}.download-grid b{font-size:.71rem}.download-grid small{color:var(--muted);font-size:.61rem}footer{display:flex;justify-content:space-between;gap:30px;margin-top:22px;padding:18px 2px;color:#78857e;font-size:.63rem;line-height:1.5}
@media(max-width:1120px){.hero{grid-template-columns:1fr}.hero-note{display:none}.pipeline{grid-template-columns:1fr 1fr}.pipeline article:last-child{grid-column:1/-1}.view-switcher{align-items:flex-start;flex-direction:column}.control-groups{grid-template-columns:1fr 1fr}.control-groups fieldset:last-child{grid-column:1/-1}.metrics{grid-template-columns:repeat(3,1fr)}.detail-grid{grid-template-columns:1fr}.detail-cards{grid-template-columns:repeat(3,1fr)}.structure-metrics{grid-template-columns:repeat(3,1fr)}.downloads{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{padding:0 14px}.brand>span:last-child,.run-state{display:none}.nav-actions{gap:8px}main{padding:34px 13px}.hero h1{font-size:2.7rem}.pipeline{grid-template-columns:1fr}.pipeline article:last-child{grid-column:auto}.view-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.view-tab{padding:9px 7px}.control-groups,.metrics,.chart-grid,.evidence-plot-grid,.structure-grid{grid-template-columns:1fr}.control-groups fieldset:last-child,.chart-wide{grid-column:auto}.control-heading,.table-heading,.detail-heading,.section-heading{flex-direction:column}.metrics{grid-template-columns:1fr 1fr}.mini-filters{width:100%;align-items:stretch;flex-direction:column}.mini-filters label{justify-content:space-between}.mini-filters input{width:55%}.plot,.plot.large,.plot.tall{height:350px}.plot.structure{height:430px}.evidence-plot-grid>div+div{border-left:0;border-top:1px solid #edf0ed}.detail-cards,.structure-metrics{grid-template-columns:1fr 1fr}.figure-card img{height:340px}.download-grid{grid-template-columns:1fr}footer{flex-direction:column}.actions .button{flex:1 1 100%}}