:root{--ink:#071c2a;--ink-2:#17394a;--slate:#657b88;--line:#dce7eb;--pale:#f4f8f9;--cyan:#42c7c7;--cyan-dark:#0b8f98;--coral:#ff725e;--purple:#8f7cf6;--gold:#f3aa4e;--shell:1500px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.shell{width:min(var(--shell),calc(100% - 64px));margin:0 auto}.hero{color:#fff;background:radial-gradient(circle at 72% 25%,#42c7c71a,#0000 24%),linear-gradient(135deg,#071c2a 0%,#0a2534 58%,#0d3140 100%);min-height:790px;position:relative;overflow:hidden}.hero:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(176deg,#0000 48%,#fff 49%);height:80px;position:absolute;inset:auto 0 0}.nav{z-index:3;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:88px;display:flex;position:relative}.brand{letter-spacing:-.5px;align-items:center;gap:12px;font-size:19px;font-weight:800;display:flex}.brand>span:last-child span{color:var(--cyan)}.brand-mark{width:40px;height:40px;color:var(--cyan);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:12px;place-items:center;display:grid}.nav-links{color:#c7d5dc;align-items:center;gap:30px;font-size:13px;font-weight:600;display:flex}.nav-links a:hover{color:#fff}.private-pill{background:#ffffff0d;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;display:flex}.private-pill i{background:#57d69e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #57d69e1f}.hero-content{z-index:2;padding-top:88px;position:relative}.eyebrow{color:#a8c0cb;text-transform:uppercase;letter-spacing:1.2px;font-family:DM Mono,monospace;font-size:12px}.eyebrow span{color:var(--cyan)}.hero h1{letter-spacing:-4px;max-width:900px;margin:22px 0;font-size:clamp(52px,6vw,84px);font-weight:700;line-height:1.02}.hero h1 em{color:var(--cyan);font-style:normal}.hero-content>p{color:#bdced6;max-width:680px;font-size:18px;line-height:1.7}.primary-button{background:var(--coral);color:#fff;border-radius:12px;align-items:center;gap:20px;margin-top:24px;padding:15px 20px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:0 16px 38px #ff725e38}.primary-button span{font-size:20px}.hero-stats{border-top:1px solid #ffffff1f;gap:0;width:min(950px,100%);margin-top:65px;display:flex}.hero-stats div{border-right:1px solid #ffffff1f;min-width:165px;margin-right:34px;padding:24px 34px 0 0}.hero-stats div:last-child{border-right:0}.hero-stats strong{color:#fff;font-family:DM Mono,monospace;font-size:20px;display:block}.hero-stats span{color:#91a9b4;margin-top:6px;font-size:11px;display:block}.hero-orbit{z-index:1;border:1px solid #42c7c729;border-radius:50%;width:430px;height:430px;position:absolute;top:155px;right:7%}.hero-orbit:before,.hero-orbit:after{content:"";border:1px solid #42c7c71a;border-radius:50%;position:absolute}.hero-orbit:before{inset:50px}.hero-orbit:after{background:#42c7c709;inset:120px}.hero-orbit span{background:var(--cyan);border-radius:50%;width:12px;height:12px;position:absolute;box-shadow:0 0 0 8px #42c7c717}.hero-orbit span:first-child{top:85px;left:50px}.hero-orbit span:nth-child(2){background:var(--gold);top:190px;right:32px}.hero-orbit span:nth-child(3){background:var(--coral);bottom:15px;left:170px}.hero-orbit span:nth-child(4){width:40px;height:40px;top:195px;left:195px;box-shadow:0 0 0 18px #42c7c714}.explorer-section{padding:70px 0 110px}.section-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.section-heading>div{align-items:flex-start;gap:18px;display:flex}.section-number{color:var(--cyan-dark);border:1px solid #bfe5e7;border-radius:7px;padding:6px 8px;font-family:DM Mono,monospace;font-size:11px}.section-heading h2,.method-section h2{letter-spacing:-1.1px;margin:0;font-size:28px}.section-heading p{color:var(--slate);margin:5px 0 0;font-size:13px}.outline-button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#fff;border-radius:11px;align-items:center;gap:9px;padding:12px 15px;font-size:12px;font-weight:700;display:flex;box-shadow:0 5px 18px #071c2a0a}.outline-button:hover{border-color:var(--cyan-dark);color:var(--cyan-dark)}.explorer-grid{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:310px minmax(520px,1fr) 300px;min-height:780px;display:grid;overflow:hidden;box-shadow:0 24px 70px #071c2a14}.records-panel{border-right:1px solid var(--line);background:#f7fafb;min-width:0;padding:18px 14px}.search-box{border:1px solid var(--line);color:#8096a1;background:#fff;border-radius:11px;align-items:center;gap:9px;height:45px;padding:0 11px;display:flex}.search-box:focus-within{border-color:var(--cyan-dark);box-shadow:0 0 0 3px #0b8f9814}.search-box input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.search-box kbd{background:var(--pale);border:1px solid var(--line);border-radius:5px;padding:3px 6px;font:9px DM Mono}.family-tabs{background:#eaf1f3;border-radius:10px;gap:5px;margin:14px 0;padding:4px;display:flex}.family-tabs button{color:#6c828e;cursor:pointer;background:0 0;border:0;border-radius:7px;flex:1;padding:7px 4px;font-size:10px;font-weight:800}.family-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 3px 10px #071c2a12}.record-list{flex-direction:column;gap:7px;max-height:660px;padding-right:2px;display:flex;overflow:auto}.record-list::-webkit-scrollbar{width:5px}.record-list::-webkit-scrollbar-thumb{background:#cddce2;border-radius:5px}.record-card{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:1fr auto;gap:10px;width:100%;padding:13px 11px 13px 15px;display:grid;position:relative;overflow:hidden}.record-card:hover{background:#fff;border-color:#e3ecef}.record-card.selected{background:#fff;border-color:#bddfe1;box-shadow:0 8px 20px #071c2a0f}.record-accent{opacity:.5;border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.record-card.selected .record-accent{opacity:1}.record-main>span{align-items:center;gap:8px;display:flex}.record-main>span b{font:700 12px DM Mono}.record-main>span i{text-transform:uppercase;letter-spacing:.7px;font-size:8px;font-style:normal;font-weight:800}.record-main>strong{color:#304c5b;margin:7px 0 8px;font-size:11px;line-height:1.35;display:block}.record-main code{color:#68808c;letter-spacing:.8px;font:10px DM Mono}.record-meta{flex-direction:column;justify-content:center;align-items:flex-end;display:flex}.record-meta b{font:600 13px DM Mono}.record-meta small{color:#8aa0aa;font-size:8px}.empty-state{text-align:center;color:var(--slate);padding:40px 10px;font-size:12px}.analysis-panel{border-right:1px solid var(--line);min-width:0;padding:22px}.analysis-title{grid-template-columns:auto 1fr auto;align-items:center;gap:13px;display:grid}.analysis-title>div:first-child{flex-direction:column;gap:4px;display:flex}.pdb-badge{font:700 13px DM Mono}.family-badge{color:var(--family);letter-spacing:.7px;text-transform:uppercase;font-size:8px;font-weight:800}.analysis-title h3{letter-spacing:-.3px;margin:0;font-size:15px}.analysis-title p{color:var(--slate);margin:4px 0 0;font-size:10px}.analysis-title code{color:var(--cyan-dark);font-family:DM Mono}.icon-button{border:1px solid var(--line);color:#6d8490;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.icon-button:hover{color:var(--cyan-dark);border-color:#a8d8dc}.legend-row{flex-wrap:wrap;gap:6px;margin:19px 0 12px;display:flex}.legend-chip{border:1px solid var(--line);color:#79909b;cursor:pointer;opacity:.55;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 9px;font-size:8px;font-weight:700;display:flex}.legend-chip.active{opacity:1;color:#284654;background:#f9fbfc}.legend-chip b{color:#91a5af;font:500 8px DM Mono}.legend-dot{border-radius:50%;width:7px;height:7px}.contact-map-wrap{width:100%}.contact-map{width:100%;height:auto;display:block}.map-label{fill:#6f8792;letter-spacing:1px;font:700 9px DM Mono}.map-note{fill:#8da1aa;font:400 8px Manrope}.map-label.peptide-key{fill:#0b8f98}.residue-label{font:700 10px DM Mono}.residue-label.protein{fill:#17394a}.residue-label.peptide{fill:#fff}.position-label{fill:#8499a3;font:500 8px DM Mono}.peptide-node{cursor:pointer;outline:none}.contact-table-head{justify-content:space-between;align-items:center;margin:8px 1px;display:flex}.contact-table-head span{font-size:11px;font-weight:800}.contact-table-head small{color:var(--slate);font-size:9px}.contact-table{border:1px solid var(--line);border-radius:11px;overflow:hidden}.contact-row{color:#58717e;border-top:1px solid #edf2f4;grid-template-columns:1fr 1fr 1.35fr .75fr;align-items:center;min-height:32px;padding:0 10px;font-size:8.5px;display:grid}.contact-row:first-child{border-top:0}.contact-row.header{color:#80949e;text-transform:uppercase;letter-spacing:.6px;background:#f7fafb;min-height:28px;font-size:7.5px;font-weight:800}.contact-row>span:nth-child(3){align-items:center;gap:5px;display:flex}.contact-row>span:nth-child(3) i{border-radius:50%;width:6px;height:6px}.contact-row>span:last-child{text-align:right}.residue-token{color:#304d5b;background:#edf3f5;border-radius:5px;padding:3px 5px;font:600 8px DM Mono;display:inline-block}.residue-token.peptide{color:#087982;background:#dcf3f3}.summary-panel{background:#fbfcfd;padding:23px 19px}.summary-top{color:#78909b;justify-content:space-between;align-items:center;display:flex}.mini-label{letter-spacing:1.2px;color:#788e99;font:700 8px DM Mono}.metric-grid{grid-template-columns:1fr 1fr;gap:7px;margin-top:16px;display:grid}.metric-grid>div{border:1px solid var(--line);background:#fff;border-radius:11px;min-height:78px;padding:13px}.metric-grid span{color:#8599a3;font-size:8px;display:block}.metric-grid strong{letter-spacing:-1px;margin-top:10px;font:600 20px DM Mono;display:block}.metric-grid strong small{color:#8ba0aa;font-size:9px}.metric-grid .method-value{letter-spacing:0;font:700 10px/1.25 Manrope}.composition-card{color:#fff;background:#0b2837;border-radius:14px;grid-template-columns:100px 1fr;align-items:center;gap:13px;margin-top:15px;padding:15px;display:grid}.donut{border-radius:50%;place-items:center;width:86px;height:86px;display:grid;position:relative}.donut:after{content:"";background:#0b2837;border-radius:50%;position:absolute;inset:13px}.donut span{z-index:1;text-align:center;font:700 17px DM Mono;position:relative}.donut small{color:#91abb7;font:7px Manrope;display:block}.composition-card h4{margin:0 0 8px;font-size:10px}.composition-card p{color:#b7c9d1;grid-template-columns:7px 1fr auto;align-items:center;gap:6px;margin:5px 0;font-size:7.5px;display:grid}.composition-card p i{border-radius:50%;width:6px;height:6px}.composition-card p b{color:#fff;font:500 8px DM Mono}.sequence-card{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:15px;padding:15px}.sequence-card>code{flex-wrap:wrap;gap:3px;margin:12px 0;display:flex}.sequence-card code b{color:#087b83;background:#e6f5f5;border-radius:5px;place-items:center;width:21px;height:25px;font:700 10px DM Mono;display:grid}.sequence-card small{color:#879ba5;font-size:8px}.summary-actions{grid-template-columns:1fr 1fr;gap:7px;margin-top:15px;display:grid}.summary-actions button{border:1px solid var(--line);color:#284654;cursor:pointer;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:10px 5px;font-size:9px;font-weight:800;display:flex}.summary-actions button:hover{color:var(--cyan-dark);border-color:#addadc}.source-note{color:#899da6;margin:15px 2px 0;font-size:8px;line-height:1.6}.method-section{color:#fff;background:#071c2a;padding:88px 0 30px}.method-grid{grid-template-columns:.85fr 1.15fr;align-items:start;gap:110px;display:grid}.section-number.light{color:var(--cyan);border-color:#42c7c74d}.method-section h2{margin:18px 0;font-size:36px}.method-section p{color:#a8bec8;max-width:580px;font-size:14px;line-height:1.8}.method-steps{border-top:1px solid #ffffff1f}.method-steps>div{border-bottom:1px solid #ffffff1f;grid-template-columns:50px 1fr;gap:20px;padding:22px 0;display:grid}.method-steps>div>b{color:var(--cyan);font:500 12px DM Mono}.method-steps strong{font-size:14px;display:block}.method-steps small{color:#95abb6;margin-top:6px;line-height:1.5;display:block}.method-section footer{color:#78919d;border-top:1px solid #ffffff1f;justify-content:space-between;margin-top:70px;padding-top:23px;font-size:10px;display:flex}.method-section footer a{color:#b8ced7}.loading{text-align:center;height:100vh;color:var(--slate);place-content:center;display:grid}.spinner{border:3px solid #dce8eb;border-top-color:var(--cyan-dark);border-radius:50%;width:35px;height:35px;margin:auto;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1180px){.explorer-grid{grid-template-columns:280px 1fr}.summary-panel{border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:1fr 1fr 1fr;gap:15px;display:grid}.summary-top,.source-note{grid-column:1/-1}.metric-grid,.composition-card,.sequence-card{margin:0}.summary-actions{align-content:start;margin:0}.hero-orbit{opacity:.6;right:-140px}}@media (max-width:820px){.shell{width:min(100% - 30px,var(--shell))}.nav-links a{display:none}.hero{min-height:800px}.hero h1{letter-spacing:-2.8px;font-size:52px}.hero-stats{grid-template-columns:1fr 1fr;display:grid}.hero-stats div{border:0;margin:0;padding:18px 15px 0 0}.section-heading{align-items:flex-start;gap:18px}.section-heading .outline-button{font-size:0}.section-heading .outline-button svg{width:18px}.explorer-grid{display:block}.records-panel{border-right:0;border-bottom:1px solid var(--line)}.record-list{max-height:320px}.analysis-panel{border-right:0}.summary-panel{display:block}.summary-panel>*{margin-top:14px}.method-grid{grid-template-columns:1fr;gap:45px}.method-section footer{flex-direction:column;gap:12px}.contact-row{grid-template-columns:1fr 1fr 1.25fr .8fr}.hero-orbit{display:none}}@media (max-width:520px){.nav{height:72px}.private-pill{padding:10px;font-size:0}.hero-content{padding-top:70px}.hero h1{font-size:43px}.hero-content>p{font-size:16px}.hero-stats strong{font-size:17px}.explorer-section{padding-top:45px}.section-heading h2{font-size:23px}.analysis-panel{padding:16px 10px}.legend-chip{padding:6px 7px}.contact-table{overflow-x:auto}.contact-row{min-width:510px}.summary-panel{padding:18px 14px}.method-section{padding-top:65px}}.outline-button:disabled{opacity:.45;cursor:not-allowed}.full-catalog{grid-template-columns:350px minmax(560px,1fr) 315px;min-height:940px}.full-list{max-height:650px}.coverage-tabs{background:#eaf1f3;border-radius:10px;grid-template-columns:.7fr 1.25fr 1fr;gap:4px;margin:13px 0;padding:4px;display:grid}.coverage-tabs button{color:#6c828e;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:8px 4px;font-size:9px;font-weight:800}.coverage-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 3px 10px #071c2a12}.record-accent.rich{background:var(--cyan-dark)}.record-accent.archive{background:var(--purple)}.record-main>span i{color:#6c8390}.record-main code{text-overflow:ellipsis;white-space:nowrap;max-width:190px;display:block;overflow:hidden}.record-main>strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.page-controls{grid-template-columns:34px 1fr 34px;align-items:center;gap:7px;margin:10px 0;display:grid}.page-controls button{border:1px solid var(--line);height:31px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px}.page-controls button:disabled{opacity:.35;cursor:not-allowed}.page-controls>span{text-align:center;color:#66808c;font-size:9px;line-height:1.3}.page-controls>span b{color:var(--ink)}.page-controls small{color:#93a5ae;display:block}.empty-state{justify-items:center;gap:8px;display:grid}.empty-state strong{color:var(--ink)}.empty-state span{line-height:1.55}.full-analysis{padding:25px;overflow:hidden}.coverage-badge{letter-spacing:.5px;text-transform:uppercase;font-size:7px;font-weight:800}.coverage-badge.rich{color:var(--cyan-dark)}.coverage-badge.archive{color:var(--purple)}.classification-line{background:#f5f8f9;border-radius:8px;align-items:center;gap:12px;margin:18px 0 14px;padding:10px 12px;display:flex}.classification-line span{letter-spacing:1px;color:#8ba0a9;font:700 7px DM Mono}.classification-line strong{color:#3d5967;font-size:9px}.detail-loading,.no-selection{color:#78909b;place-content:center;justify-items:center;gap:10px;min-height:520px;display:grid}.detail-loading{min-height:300px}.detail-loading .spinner{width:26px;height:26px}.detail-loading span{font-size:10px}.no-selection h3{color:var(--ink);margin:6px 0 0}.no-selection p{margin:0;font-size:11px}.interface-explainer{color:#fff;background:#0b2837;border-radius:14px;justify-content:space-between;align-items:center;margin:16px 0;padding:16px 18px;display:flex}.interface-explainer>div{align-items:center;gap:12px;display:flex}.interface-explainer>div>svg{color:var(--cyan)}.interface-explainer span b{font-size:11px;display:block}.interface-explainer span small{color:#9eb4be;margin-top:4px;font-size:8px;display:block}.interface-explainer>strong{font:700 22px DM Mono}.interface-explainer>strong small{color:#9eb4be;font:7px Manrope;display:block}.sequence-track{border:1px solid var(--line);background:#fff;border-radius:13px;margin-top:14px;padding:14px}.sequence-track.empty{color:var(--slate)}.sequence-track.empty>span{font:700 8px DM Mono}.sequence-track.empty p{margin:8px 0;font-size:10px}.track-heading{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.track-heading span{letter-spacing:1px;color:#607986;font:700 8px DM Mono}.track-heading small{color:#8ba0aa;font-size:8px}.residue-strip{flex-wrap:wrap;gap:3px;max-height:275px;padding:2px;display:flex;overflow:auto}.residue-strip>span{color:#55707d;background:#eef3f5;border-radius:5px;place-items:center;width:25px;height:30px;display:grid;position:relative}.residue-strip b{font:700 10px DM Mono}.residue-strip i{z-index:2;background:var(--ink);color:#fff;border-radius:3px;padding:2px 4px;font:7px DM Mono;display:none;position:absolute;top:-19px}.residue-strip>span:hover i{display:block}.residue-strip>span.at-interface{color:#087b83;box-shadow:inset 0 -3px 0 var(--cyan-dark);background:#d5f2f1}.sequence-track:first-of-type .residue-strip>span.at-interface{color:#b64636;box-shadow:inset 0 -3px 0 var(--coral);background:#ffe4df}.description-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:14px;display:grid}.description-grid article{border:1px solid var(--line);background:#f9fbfc;border-radius:12px;padding:15px}.description-grid article>span{letter-spacing:1px;color:#8197a1;font:700 7px DM Mono}.description-grid p{color:#314f5e;min-height:44px;margin:9px 0 8px;font-size:10px;line-height:1.5}.description-grid small{color:#8197a1;font-size:8px}.full-summary{overflow:hidden}.metadata-card,.cluster-card{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:15px;padding:14px}.metadata-card>.mini-label,.cluster-card>.mini-label{margin-bottom:10px;display:block}.metadata-row{border-top:1px solid #edf2f4;grid-template-columns:1fr auto;gap:8px;padding:8px 0;display:grid}.metadata-row span{color:#7c929d;font-size:8px}.metadata-row strong{color:#2f4d5c;text-align:right;font:600 8px DM Mono}.cluster-card{background:#f7fafb}.source-note code{color:#627b87;font-family:DM Mono}.loading>small{margin-top:5px;font-size:10px}.error-state h1{margin-bottom:0;font-size:24px}.error-state p{color:#a84c41}.error-state code{font-family:DM Mono}.method-section footer span:last-child{color:#78919d}@media (max-width:1280px){.full-catalog{grid-template-columns:320px minmax(510px,1fr)}.full-summary{grid-column:1/-1;grid-template-columns:1.2fr 1fr 1fr;gap:14px;display:grid}.full-summary .summary-top,.full-summary .source-note{grid-column:1/-1}.full-summary .metric-grid,.full-summary .metadata-card,.full-summary .cluster-card,.full-summary .summary-actions{margin:0}}@media (max-width:880px){.full-catalog{display:block}.full-list{max-height:420px}.full-analysis{min-height:650px}.full-summary{display:block}.full-summary>*{margin-top:14px}.description-grid{grid-template-columns:1fr}.residue-strip{max-height:230px}}@media (max-width:560px){.full-analysis{padding:16px 12px}.analysis-title{grid-template-columns:1fr auto}.analysis-title>div:first-child{grid-column:1}.analysis-title>div:nth-child(2){grid-area:2/1/auto/-1}.analysis-title>a{grid-area:1/2}.interface-explainer{align-items:flex-start;gap:12px}.interface-explainer>strong{font-size:18px}.track-heading{align-items:flex-start;gap:8px}.track-heading small{text-align:right}.residue-strip>span{width:23px;height:28px}.record-main code{max-width:180px}}.record-accent.csv{background:var(--gold)}.coverage-badge.csv{color:#c67b16}.interface-explainer.unavailable{background:#493a24}.interface-explainer.unavailable>div>svg{color:var(--gold)}.affinity-badge{color:#c67b16;letter-spacing:.3px;background:#fff4ec;border:1px solid #f6dcc4;border-radius:999px;align-items:center;gap:4px;padding:3px 7px;font:700 8px DM Mono;display:inline-flex}.affinity-badge svg{color:var(--gold)}.kd-flag{letter-spacing:.5px;color:#c67b16;background:#fff4ec;border:1px solid #f6dcc4;border-radius:5px;margin-top:5px;padding:2px 4px;font:700 7px DM Mono}.affinity-card{color:#fff;background:linear-gradient(135deg,#0b2837,#10394c);border-radius:13px;margin-top:15px;padding:15px}.affinity-card .affinity-top{color:#9eb4be;justify-content:space-between;align-items:center;display:flex}.affinity-card .affinity-top svg{color:var(--gold)}.affinity-card.empty p{color:#9eb4be;margin:10px 0 0;font-size:9px;line-height:1.55}.affinity-value{align-items:baseline;gap:8px;margin-top:14px;display:flex}.affinity-value strong{letter-spacing:-1.5px;font:700 30px DM Mono}.affinity-value span{color:#9eb4be;font-size:10px}.affinity-scale{border-top:1px solid #ffffff1f;justify-content:space-between;align-items:center;margin-top:6px;padding-top:10px;display:flex}.affinity-scale span{color:var(--cyan);font:600 10px DM Mono}.affinity-scale b{color:#cfe0e6;font:600 9px DM Mono}.affinity-source{color:#8aa4ae;margin-top:10px;font-size:8px;display:block}.cluster-card.annotation{background:#fff}.structure-viewer{border:1px solid var(--line);background:#fff;border-radius:13px;margin-top:14px;overflow:hidden}.viewer-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;display:flex}.viewer-actions{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.viewer-actions button,.viewer-actions a{border:1px solid var(--line);color:#5c7480;letter-spacing:.4px;cursor:pointer;background:#fff;border-radius:7px;align-items:center;padding:6px 9px;font-size:8px;font-weight:800;text-decoration:none;display:inline-flex}.viewer-actions button.active{color:#fff;background:#0b2837;border-color:#0b2837}.viewer-actions button:hover,.viewer-actions a:hover{border-color:var(--cyan-dark);color:var(--cyan-dark)}.viewer-stage{background:#0b1721;height:340px;position:relative}.viewer-canvas{position:absolute;inset:0}.viewer-canvas canvas{outline:none}.viewer-overlay{color:#9eb4be;background:#0b1721b8;place-content:center;justify-items:center;gap:10px;font-size:10px;display:grid;position:absolute;inset:0}.viewer-overlay.error{color:#ffb4a8}.viewer-overlay svg{color:var(--cyan)}.viewer-legend{background:#071c2ab8;border-radius:9px;flex-wrap:wrap;gap:6px;padding:7px 9px;display:flex;position:absolute;bottom:10px;left:10px}.viewer-legend span{color:#cddde4;align-items:center;gap:5px;font-size:8px;display:flex}.viewer-legend i{border-radius:2px;width:8px;height:8px}@media (max-width:560px){.viewer-stage{height:260px}.affinity-value strong{font-size:24px}}.primary-button{cursor:pointer;font:inherit;border:0}.nav-links .tab{color:inherit;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:4px 0;font:600 13px Inter,ui-sans-serif,system-ui,sans-serif}.nav-links .tab:hover{color:#fff}.nav-links .tab.active{color:#fff;border-bottom-color:var(--cyan)}.interactions-card{border:1px solid var(--line);background:#fff;border-radius:13px;margin-top:14px;padding:15px}.interactions-head{color:#78909b;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.interactions-total{color:#93a5ae;align-items:baseline;gap:5px;font-size:8px;display:flex}.interactions-total b{color:var(--ink);letter-spacing:-.5px;font:700 15px DM Mono}.interaction-classes{grid-template-columns:repeat(4,1fr);gap:6px;margin:12px 0 14px;display:grid}.interaction-class{border:1px solid var(--line);background:#fbfcfd;border-radius:9px;grid-template-columns:7px 1fr;align-items:center;column-gap:6px;padding:9px;display:grid}.interaction-class i{border-radius:50%;grid-row:1/span 2;align-self:center;width:7px;height:7px}.interaction-class span{color:#768d98;text-transform:uppercase;letter-spacing:.4px;font-size:7px;font-weight:800}.interaction-class b{letter-spacing:-.5px;grid-column:2;font:700 14px DM Mono}.interactions-scroll{border:1px solid var(--line);border-radius:10px;max-height:236px;overflow:auto}.hb-head{z-index:1;color:#3d5967;background:#f7fafb;justify-content:space-between;align-items:center;padding:8px 10px;font-size:9px;font-weight:800;display:flex;position:sticky;top:0}.hb-head small{color:#8aa0aa;font-weight:600}.hb-row{color:#58717e;border-top:1px solid #edf2f4;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:7px 10px;font-size:8.5px;display:grid}.hb-row:first-of-type{border-top:0}.hb-pair b{color:#3d5967;font:700 8.5px DM Mono}.hb-pair i{color:#9bb0b9;margin:0 3px;font-style:normal}.hb-dist{color:#7d939d;white-space:nowrap;font:500 8.5px DM Mono}.hb-cols{color:#93a5ae;font:500 8.5px DM Mono}.hb-more{color:#93a5ae;border-top:1px solid #edf2f4;padding:6px 10px;font-size:8px}.example-list{border-top:1px solid var(--line)}.example-row{color:#58717e;grid-template-columns:80px 1fr auto;align-items:center;gap:8px;padding:8px 10px;font-size:8px;display:grid}.example-row+.example-row{border-top:1px solid #edf2f4}.example-label{color:#768d98;text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;font-weight:800;display:flex}.example-label i{border-radius:50%;width:7px;height:7px}.example-pair b{color:#3d5967;font:700 8px DM Mono}.example-pair i{color:#9bb0b9;margin:0 2px;font-style:normal}.example-pair small{color:#93a5ae}.example-count{color:var(--ink);font:700 9px DM Mono}.interactions-note{color:#899da6;margin:10px 2px 0;font-size:8px;line-height:1.6}.residue-strip>span.at-interface.class-hydrogenBonds{color:#be2d7c;background:#fde3f0;box-shadow:inset 0 -3px #ec4899}.residue-strip>span.at-interface.class-hydrophobic{color:#a16207;background:#fbf0d3;box-shadow:inset 0 -3px #eab308}.residue-strip>span.at-interface.class-ionic{color:#6c4bd1;background:#eeeaff;box-shadow:inset 0 -3px #8b5cf6}.residue-strip>span.at-interface.class-other{color:#5c7480;background:#e8eef0;box-shadow:inset 0 -3px #94a3b8}.stats-section{padding:70px 0 110px}.stats-generated{color:#8ba0aa;align-self:flex-end;padding-bottom:4px;font:500 9px DM Mono}.stats-hero{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:22px 0 16px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:13px;padding:16px}.stat-card span{color:#8599a3;text-transform:uppercase;letter-spacing:.6px;font-size:8px;font-weight:800;display:block}.stat-card strong{letter-spacing:-1.2px;margin-top:9px;font:700 25px DM Mono;display:block}.stat-card small{color:#93a5ae;margin-top:5px;font-size:8px;display:block}.antigen-type{flex-wrap:wrap;gap:7px;margin:0 0 20px;display:flex}.antigen-type b{border:1px solid var(--line);color:#4a6672;background:#fbfcfd;border-radius:999px;align-items:center;gap:7px;padding:8px 12px;font:600 10px DM Mono;display:flex}.antigen-type b i{border-radius:50%;width:8px;height:8px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;display:grid}.stats-block{border:1px solid var(--line);background:#fff;border-radius:15px;padding:17px}.stats-block.wide-block{grid-column:1/-1}.stats-block h3{letter-spacing:-.2px;margin:0 0 4px;font-size:12px}.stats-block>p{color:var(--slate);margin:0 0 14px;font-size:8px;line-height:1.55}.histo{gap:8px;display:grid}.histo-bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:4px;height:132px;padding-top:6px;display:flex}.histo-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:5px;min-width:0;height:100%;display:flex}.histo-bar{border-radius:4px 4px 0 0;width:100%;min-height:2px}.histo-col span{color:#9aafb9;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:500 6.5px DM Mono;overflow:hidden}.histo-stats{color:#7d939d;gap:16px;font-size:8px;display:flex}.histo-stats b{color:var(--ink);font-size:9px;font-weight:700}.class-dist{gap:11px;display:grid}.class-dist-row{color:#768d98;grid-template-columns:76px 1fr auto;align-items:center;gap:10px;font-size:8px;display:grid}.class-dist-name{text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:6px;font-weight:800;display:flex}.class-dist-name i{border-radius:50%;width:7px;height:7px}.mini-histo{align-items:flex-end;gap:2px;height:46px;display:flex}.mini-histo b{border-radius:3px 3px 0 0;flex:1;min-height:6px}.class-dist-row small{color:#4a6672;font:600 9px DM Mono}.class-dist-row small i{color:#93a5ae;font:400 6.5px Manrope}.corr-callout{color:#fff;background:#0b2837;border-radius:12px;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:13px;padding:14px 16px;display:grid}.corr-callout .mini-label{color:#9eb4be}.corr-callout strong{letter-spacing:-.4px;margin:6px 0 4px;font:700 16px DM Mono;display:block}.corr-callout small{color:#9eb4be;font-size:8px;line-height:1.55}.corr-table{border:1px solid var(--line);border-radius:11px;overflow:hidden}.corr-row{color:#58717e;border-top:1px solid #edf2f4;grid-template-columns:1.4fr .9fr .5fr .7fr;align-items:center;gap:8px;padding:8px 11px;font:500 9px DM Mono;display:grid}.corr-row:first-child{border-top:0}.corr-row.header{color:#80949e;text-transform:uppercase;letter-spacing:.6px;background:#f7fafb;font-size:7.5px;font-weight:800}.corr-row.best{background:#fff8ee}.corr-row.best>span:first-child{border-left:3px solid var(--gold);color:#4a6672;padding-left:7px;font-weight:700}.corr-row span:nth-child(2){color:var(--ink);font-weight:600}.corr-row.best span:nth-child(2){color:#b0650e;font-weight:800}.corr-row span:last-child{color:#93a5ae;font-size:7px}.corr-interp{color:#899da6;margin-top:10px;font-size:8px;line-height:1.6}.top-lists{grid-template-columns:1fr 1fr 1fr;gap:14px;display:grid}.top-list{border:1px solid var(--line);background:#fff;border-radius:13px;padding:15px}.top-head{letter-spacing:.6px;color:#8599a3;text-transform:uppercase;font-size:8px;font-weight:800}.top-row{color:#58717e;border-top:1px solid #edf2f4;grid-template-columns:20px 1fr auto;align-items:center;gap:8px;padding:7px 0;font-size:8.5px;display:grid}.top-row b{color:#93a5ae;font:700 8px DM Mono}.top-row span{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.top-row small{color:#4a6672;font:600 8px DM Mono}@media (max-width:880px){.top-lists{grid-template-columns:1fr}.stats-hero{grid-template-columns:1fr 1fr}.corr-callout{grid-template-columns:1fr;gap:12px}.corr-row{grid-template-columns:1.2fr .9fr .5fr .6fr}}@media (max-width:560px){.stats-hero,.stats-grid{grid-template-columns:1fr}.interaction-classes{grid-template-columns:1fr 1fr}.example-row{grid-template-columns:70px 1fr auto}.corr-row{min-width:430px}}