/* ModiBind interface · standalone, responsive, no remote dependencies. */
:root{--ink:#172e4b;--text:#455970;--muted:#79899c;--line:#e2e9f0;--soft:#f5f8fc;--blue:#2869b5;--blue-deep:#194d88;--blue-soft:#edf4fc;--navy:#153450;--teal:#438d80;--white:#fff;--radius:10px;--shadow:0 8px 28px rgba(32,65,100,.055);--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text);background:#f7f9fc;font-family:var(--sans);font-size:13px;line-height:1.65;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{color:var(--ink);font-weight:650}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #93bbeb;outline-offset:3px}input[type=checkbox]{width:15px;height:15px;accent-color:var(--blue);flex-shrink:0}input[type=radio]{accent-color:var(--blue)}[hidden]{display:none!important}svg{display:block}.icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}button .icon,a .icon{display:inline-block}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.tiny{font-size:11px}.container{width:min(1320px,calc(100% - 80px));margin:0 auto}.row{display:flex;align-items:center;gap:10px}.spread{display:flex;align-items:center;justify-content:space-between;gap:16px}.skip-link{position:fixed;top:-100px;left:15px;z-index:200;background:var(--navy);color:white;padding:12px 20px}.skip-link:focus{top:15px}.utility-bar{height:31px;background:#f0f4f9;border-bottom:1px solid #e7edf4;font-size:10px;color:#72849a}.utility-bar .container{height:100%;display:flex;justify-content:space-between;align-items:center}.utility-left{font-family:var(--mono);letter-spacing:1.05px;font-size:9px}.utility-right{display:flex;align-items:center;gap:16px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);flex-shrink:0}.dot.teal{background:var(--teal)}.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}.header-inner{height:78px;display:flex;align-items:center;gap:44px}.brand{display:flex;align-items:center;gap:11px;color:var(--ink);flex-shrink:0}.brand:hover{text-decoration:none}.brand-mark{width:39px;height:42px}.brand-title{font-family:var(--sans);font-size:25px;letter-spacing:-1px;color:var(--ink);line-height:1.1;font-weight:750}.brand-title span{color:var(--blue)}.brand-subtitle{font-size:9px;color:var(--muted);letter-spacing:1.3px;margin-top:5px}.main-nav{display:flex;align-items:stretch;height:100%;gap:27px;flex:1}.main-nav button{font-size:13px;border:0;background:transparent;position:relative;padding:0 1px;white-space:nowrap;color:#607086}.main-nav button.active{color:var(--blue);font-weight:650}.main-nav button.active:after{position:absolute;bottom:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0;background:var(--blue);content:''}.main-nav button:hover{color:var(--blue)}.nav-count{font-family:var(--mono);font-size:9px;border-radius:4px;background:#edf2f7;margin-left:4px;padding:2px 5px}.header-actions{display:flex;align-items:center;gap:14px}.environment{font-size:10px;color:#6a7b91;white-space:nowrap;display:flex;align-items:center;gap:6px}.btn{border:1px solid var(--line);background:white;border-radius:6px;min-height:38px;padding:8px 14px;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:550;transition:background .16s,border-color .16s,transform .16s;white-space:nowrap}.btn:hover:not(:disabled){background:#f2f6fb;border-color:#b9cce0;text-decoration:none}.btn.primary{background:var(--blue);color:white;border-color:var(--blue);box-shadow:0 3px 7px rgba(40,105,181,.1)}.btn.primary:hover:not(:disabled){background:var(--blue-deep);border-color:var(--blue-deep)}.btn.soft{background:var(--blue-soft);color:var(--blue);border-color:#dae8f7}.btn.small{font-size:11px;min-height:31px;padding:5px 10px}.btn.ghost{background:transparent;border-color:transparent;color:var(--blue)}.btn.danger{color:#a54040;border-color:#e9cbcb}.btn.icon-only{width:33px;height:33px;min-height:33px;padding:6px}.text-btn{border:0;background:none;color:var(--blue);padding:0;display:inline-flex;align-items:center;gap:5px;font-size:11px}.text-btn:hover{text-decoration:underline}.text-btn .icon{width:14px;height:14px}.hero{position:relative;overflow:hidden;border-bottom:1px solid #e0e9f3;background:linear-gradient(108deg,#eef5fc 0%,#f4f8fd 46%,#e9f1fa 100%)}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#99b4d2 .65px,transparent .65px);background-size:19px 19px;opacity:.15;mask-image:linear-gradient(90deg,transparent 43%,#000 100%)}.hero-inner{min-height:293px;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;position:relative;z-index:1;gap:16px}.hero-copy{padding:28px 0 30px}.eyebrow{color:var(--blue);font-family:var(--mono);font-size:10px;letter-spacing:1.7px;display:flex;align-items:center;gap:8px}.eyebrow:before{content:'';width:16px;height:2px;background:currentColor}.hero h1{font-size:37px;line-height:1.48;letter-spacing:.25px;margin:11px 0 9px;font-weight:680}.hero h1 span{color:var(--blue)}.hero-description{font-size:12px;color:#6a7d92;line-height:1.95;max-width:610px}.hero-actions{margin-top:18px;display:flex;align-items:center;gap:12px}.hero-actions .btn{padding:9px 17px}.hero-tags{margin-top:17px;display:flex;flex-wrap:wrap;gap:14px;color:#6f8197;font-size:10px}.hero-tags span{display:flex;align-items:center;gap:5px}.hero-tags span:before{content:'';width:4px;height:4px;background:#83a4c5;border-radius:50%}.hero-visual{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0}.hero-visual .molecule-svg{width:100%;max-width:485px;max-height:290px}.visual-caption{position:absolute;bottom:13px;left:0;right:0;text-align:center;font-size:9px;color:#95a4b5;letter-spacing:.8px}.stats-bar{background:white;border-bottom:1px solid var(--line)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:17px 0}.stat-item{display:flex;align-items:center;gap:15px;border-right:1px solid var(--line);padding-left:27px}.stat-item:first-child{padding-left:0}.stat-item:last-child{border:0}.stat-icon{width:35px;height:35px;border-radius:8px;background:#f1f6fc;color:#608bb8;display:flex;align-items:center;justify-content:center}.stat-number{font-family:var(--mono);font-size:24px;line-height:1.15;color:var(--ink);letter-spacing:-1px}.stat-title{font-size:11px;color:#6d7f95;margin-top:3px}.stat-note{font-size:9px;color:#99a6b6;margin-left:7px;font-weight:normal;font-family:var(--sans);letter-spacing:0}.workspace-switch{display:flex;justify-content:space-between;align-items:center;margin-top:24px;margin-bottom:21px;border-bottom:1px solid var(--line);gap:12px}.workspace-tabs{display:flex;gap:27px}.workspace-tabs button{border:0;background:none;padding:0 2px 15px;color:#7b8a9b;display:flex;align-items:center;gap:8px;font-size:14px;position:relative}.workspace-tabs button.active{color:var(--ink);font-weight:650}.workspace-tabs button.active:after{content:'';position:absolute;height:2px;bottom:-1px;left:0;right:0;background:var(--blue)}.workspace-tabs button .icon{width:17px;height:17px}.workspace-tabs .mini-tag{font-size:8px;color:var(--blue);background:#e9f1fb;padding:0 5px;border-radius:3px;letter-spacing:.5px}.workspace-note{font-size:10px;color:#8c9aae;margin-bottom:15px;display:flex;align-items:center;gap:5px}.workspace-note .icon{width:12px;height:12px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin:0 0 17px}.section-heading h2{font-size:22px;letter-spacing:-.4px;line-height:1.5}.section-heading p{font-size:11px;color:var(--muted);margin-top:3px}.section-heading .eyebrow{margin-bottom:8px}.badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;border:1px solid var(--line);border-radius:4px;padding:3px 7px;white-space:nowrap;background:#f8fafc;color:#7b8da2;line-height:1.5}.badge.demo{color:#8b744d;background:#faf7f1;border-color:#ede3d4}.badge.blue{color:#326bad;background:#edf4fc;border-color:#d9e7f8}.badge.teal{color:#427f72;background:#edf7f3;border-color:#d6ebe3}.badge.purple{color:#85619b;background:#f4f0f8;border-color:#e9def3}.badge.rose{color:#a65d78;background:#fcf0f4;border-color:#efdde4}.badge.amber{color:#aa8133;background:#fbf6e9;border-color:#efe3c7}.search-panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:16px 19px 13px;box-shadow:var(--shadow);margin-bottom:19px}.search-box{display:flex;align-items:center;gap:0;border:1px solid #cbd9e8;border-radius:6px;padding:4px 5px;transition:box-shadow .15s}.search-box:focus-within{box-shadow:0 0 0 3px #e8f0fa;border-color:#7eabd9}.search-box .icon{margin:0 12px;color:#7891ab}.search-box select{height:31px;border:0;border-right:1px solid var(--line);background:white;color:#536b83;outline:none;font-size:12px;padding:0 25px 0 10px;width:136px;flex-shrink:0}.search-box input{border:0;outline:none!important;box-shadow:none;flex:1;min-width:0;padding:8px 14px;font-size:12px;color:var(--ink)}.search-box input::placeholder{color:#9aa8b9}.search-box .btn{min-width:96px;min-height:36px}.keyboard-key{color:#98a7b9;border:1px solid #e2e8f0;border-radius:4px;font-family:var(--mono);font-size:10px;padding:0 6px;margin-right:12px;background:#f9fbfd}.search-meta{display:flex;justify-content:space-between;gap:16px;font-size:10px;margin-top:10px;color:#95a2b2}.search-examples{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.search-examples button{font-family:var(--mono);font-size:10px;background:none;border:0;color:#6683a3;padding:0}.search-examples button:hover{color:var(--blue);text-decoration:underline}.database-grid{display:grid;grid-template-columns:218px minmax(0,1fr);gap:20px}.filter-card,.results-card,.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.filter-card{padding:17px 17px 10px}.filter-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.filter-top h3{display:flex;align-items:center;gap:7px;font-size:12px}.filter-top h3 .icon{width:14px;height:14px}.filter-group{margin-bottom:19px}.filter-group h4{font-size:10px;color:#8a99aa;letter-spacing:.6px;font-weight:500;margin-bottom:8px}.filter-option{display:flex;align-items:center;gap:7px;cursor:pointer;font-size:11px;margin:9px 0;color:#627287;min-height:21px}.filter-option input{margin:0}.filter-option .count{margin-left:auto;color:#91a1b3;font-size:10px;font-family:var(--mono);min-width:14px;text-align:right}.filter-dot{width:5px;height:5px;background:#74a1d4;border-radius:50%;margin-left:1px}.filter-dot.purple{background:#a28dbb}.filter-dot.rose{background:#c691a7}.filter-dot.teal{background:#76ad9d}.filter-dot.amber{background:#c6ac75}.filter-group select{width:100%;min-width:0;border:1px solid var(--line);border-radius:5px;padding:7px 5px;background:white;font-size:10px;color:#73839a}.mini-promo{position:relative;overflow:hidden;background:var(--navy);border-radius:var(--radius);margin-top:13px;padding:18px;color:#bbcede}.mini-promo:after{content:'';width:100px;height:100px;position:absolute;border:1px solid #779cbb30;border-radius:50%;right:-35px;top:-29px;box-shadow:0 0 0 16px #779cbb08,0 0 0 34px #779cbb07;pointer-events:none}.mini-promo .eyebrow{color:#8fb2cf;font-size:8px;letter-spacing:1.1px}.mini-promo h3{font-size:14px;color:#f2f7fc;margin:8px 0 5px}.mini-promo p{font-size:10px;line-height:1.8;color:#90abc2}.mini-promo button{margin-top:14px;color:#e0ecf6;font-size:10px;border:0;background:#31516d;border-radius:4px;padding:6px 10px;display:flex;align-items:center;gap:5px}.mini-promo .icon{width:13px;height:13px}.results-card{min-width:0;overflow:hidden;align-self:start}.results-toolbar{min-height:60px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.results-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;color:var(--ink)}.results-title .result-count{font:10px var(--mono);font-weight:500;border:1px solid #dce6f2;background:#eff4fb;color:#6283a9;padding:2px 6px;border-radius:4px}.results-actions{display:flex;gap:8px;align-items:center}.sort-select{border:0;background:transparent;padding:4px 8px;font-size:10px;color:#8392a5;max-width:132px}.filter-summary{padding:9px 17px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#fbfdff;font-size:10px}.chip{display:inline-flex;align-items:center;gap:5px;border-radius:4px;padding:2px 7px;border:1px solid #dce8f5;background:#f1f6fc;color:#6184aa;font-size:10px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}th{font-size:10px;font-weight:500;color:#8796a8;background:#f9fbfd;padding:11px 12px;letter-spacing:.1px;border-bottom:1px solid #e7edf4}td{padding:15px 12px;font-size:11px;border-bottom:1px solid #edf1f6;height:75px}th:first-child,td:first-child{padding-left:18px;width:31px;padding-right:2px}tbody tr:hover{background:#f7faff}tbody tr.selected{background:#eef5fd}.target-name{font-family:var(--mono);font-weight:700;font-size:12px;color:var(--blue);background:none;border:0;padding:0;display:block;line-height:1.5}.target-name:hover{text-decoration:underline}.target-id{font-family:var(--mono);font-size:9px;color:#9aa8b7;margin-top:3px;display:block}.site-name{font-family:var(--mono);font-weight:600;font-size:12px;color:#375370}.type-cell{font-size:10px}.organism{font-size:10px;font-style:italic;color:#8090a3}.row-actions{display:flex;gap:9px;align-items:center}.row-actions .text-btn{font-size:10px}.row-actions .design-row{border:1px solid #dce8f6;background:#f0f5fc;color:#517fae;border-radius:4px;padding:5px 6px;display:flex;align-items:center;justify-content:center}.row-actions .design-row:hover{background:#e0edfc;border-color:#adc9e6}.row-actions .icon{width:13px;height:13px}.evidence-demo{font-size:9px;color:#8b98a7;display:flex;align-items:center;gap:4px}.evidence-demo:before{content:'';width:4px;height:4px;background:#aebac8;border-radius:50%}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;font-size:10px;color:#8d9bab}.pagination{display:flex;gap:5px;align-items:center}.page-btn{min-width:28px;height:28px;padding:3px 6px;border:1px solid var(--line);background:white;border-radius:4px;font-family:var(--mono);font-size:10px;display:flex;align-items:center;justify-content:center}.page-btn.active{background:var(--blue);color:#fff;border-color:var(--blue)}.page-btn .icon{width:13px;height:13px}.data-notice{margin-top:13px;display:flex;gap:8px;align-items:flex-start;font-size:10px;line-height:1.8;color:#98a4b3;padding-left:1px}.data-notice .icon{width:13px;height:13px;margin-top:2px}.below-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:20px;margin:25px 0 31px}.flow-card{padding:20px 22px;background:#f1f5fa;border:1px solid #e4ebf3;border-radius:var(--radius)}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.card-heading h3{font-size:12px}.card-heading small{font:9px var(--mono);letter-spacing:1.3px;color:#91a4b9}.mini-flow{display:flex;align-items:center;justify-content:space-between;gap:12px}.flow-step{display:flex;gap:10px;align-items:flex-start}.flow-step .number{font:10px var(--mono);color:#8aa6c1;margin-top:3px}.flow-step strong{display:block;font-size:11px;color:#617993;font-weight:550}.flow-step p{font-size:9px;color:#9baabb;margin-top:4px}.flow-arrow{font-size:18px;color:#c0cfdf}.reference-card{padding:20px 22px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.reference-links{display:flex;gap:9px;flex-wrap:wrap}.reference-links a{border:1px solid #e4ebf3;font-size:10px;padding:5px 9px;border-radius:4px;display:flex;gap:5px;align-items:center;color:#63819e}.reference-links .icon{width:11px;height:11px}.reference-card p{font-size:9px;color:#9aa8b8;margin-top:8px}.page-view{animation:appear .22s ease}@keyframes appear{from{opacity:.2;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.design-heading{margin-bottom:23px;align-items:center}.design-heading h2{font-size:26px}.studio-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(305px,1fr);gap:23px;margin-bottom:30px;align-items:start}.studio-form{overflow:hidden}.stepper{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:20px 25px;background:#fbfcfe}.stepper button{background:none;border:0;display:flex;align-items:center;gap:9px;color:#8b99aa;font-size:11px;padding:0}.stepper .step-number{width:25px;height:25px;border:1px solid #dce5ef;border-radius:50%;display:flex;align-items:center;justify-content:center;font:10px var(--mono);background:white;color:#95a5b8}.stepper button.active{color:var(--blue);font-weight:650}.stepper button.active .step-number{background:var(--blue);border-color:var(--blue);color:white}.stepper button.done .step-number{color:var(--blue);background:#eaf2fc;border-color:#d9e7f7}.step-line{height:1px;background:#e3eaf2;flex:1;margin:0 19px;align-self:center}.form-step{padding:26px}.form-intro{margin-bottom:22px}.form-intro h3{font-size:17px}.form-intro p{font-size:11px;color:#8999aa;margin-top:5px}.form-field{margin-bottom:18px}.form-field>label,.field-label{display:block;font-size:11px;color:#556b83;font-weight:550;margin-bottom:7px}.required{color:#bb7768;font-size:11px;margin-left:3px}.field-help{font-size:10px;line-height:1.8;color:#8f9fb0;margin-top:6px}.field-input{width:100%;border:1px solid #d7e1ec;border-radius:5px;padding:9px 11px;color:var(--ink);font-size:12px;background:white;min-width:0;transition:border-color .16s}.field-input:hover{border-color:#a5bfd9}.field-input:focus{outline:none;box-shadow:0 0 0 3px #edf3fb;border-color:#90b4d9}.field-input:invalid:not(:placeholder-shown){border-color:#dfa49c}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}.form-row.three{grid-template-columns:1fr 1fr 1fr}.field-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px}.field-top label{font-size:11px;color:#556b83;font-weight:550}.file-btn{position:relative;display:inline-flex;align-items:center;gap:5px;color:var(--blue);font-size:10px;cursor:pointer;border-radius:4px}.file-btn .icon{width:13px;height:13px}.file-btn input{position:absolute;width:100%;height:100%;opacity:0;inset:0;cursor:pointer;font-size:0}.file-btn:focus-within{outline:3px solid #93bbeb;outline-offset:3px}.sequence-input{resize:vertical;min-height:118px;font-family:var(--mono);line-height:1.9;font-size:11px;letter-spacing:.6px;padding:11px 12px;background:#fbfcfe;word-break:break-all}.sequence-meta{display:flex;justify-content:space-between;gap:12px;margin-top:6px;font-size:10px;color:#91a2b6}.sequence-meta strong{color:#6386ad;font-family:var(--mono);font-weight:500}.residue-field{display:flex;align-items:stretch;gap:7px}.residue-field input{flex:1;min-width:0}.residue-indicator{min-width:39px;display:flex;align-items:center;justify-content:center;border:1px solid #d8e6f7;background:#edf4fe;border-radius:5px;font-family:var(--mono);color:var(--blue);font-size:14px}.upload-zone{border:1px dashed #cddae8;background:#f9fbfe;border-radius:6px;padding:14px 17px;display:flex;align-items:center;gap:12px;position:relative;cursor:pointer}.upload-zone:focus-within,.upload-zone.dragover{border-color:var(--blue);background:#eef5ff;outline:2px solid #d7e7fa}.upload-zone input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.upload-zone>.icon{width:24px;height:24px;color:#88a4c2}.upload-zone strong{display:block;color:#6f879f;font-size:11px;font-weight:500}.upload-zone small{font-size:9px;color:#9babbc}.upload-zone .upload-plus{margin-left:auto;color:#96adc5;font-size:18px}.uploaded-file{margin-top:8px;font-size:10px;color:#728aa3;display:flex;align-items:center;justify-content:space-between;gap:8px;overflow-wrap:anywhere}.error-box{margin:0 26px 15px;background:#fff3f0;border:1px solid #f0d5cf;border-radius:5px;padding:10px 13px;font-size:11px;color:#a05d52}.error-box ul{margin:5px 0;padding-left:18px}.form-footer{padding:17px 26px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fcfdff}.step-counter{font:10px var(--mono);color:#a0afbe}.form-footer-actions{display:flex;gap:8px}.studio-side{display:grid;gap:16px;position:sticky;top:100px}.structure-panel{background:linear-gradient(135deg,#15354f,#153b58);border:1px solid #244762;border-radius:var(--radius);overflow:hidden;position:relative}.structure-top{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;color:#aac1d6;font-size:10px}.structure-top span:first-child{font-family:var(--mono);letter-spacing:1.1px;font-size:9px}.structure-top .badge{color:#9bb8d1;border-color:#3b5a72;background:#214660;font-size:8px}.structure-panel .molecule-svg{width:100%;height:250px;margin-top:-12px}.structure-bottom{display:flex;justify-content:space-between;align-items:center;gap:9px;color:#688ea9;font-size:9px;padding:4px 18px 15px}.structure-legend{display:flex;align-items:center;gap:11px}.structure-legend span{display:flex;align-items:center;gap:4px}.structure-legend i{width:5px;height:5px;border-radius:50%;display:inline-block;background:#78a9da}.structure-legend i.binder{background:#79bda9}.structure-legend i.ptm{background:#dfa13e}.summary-panel{padding:20px}.summary-panel h3{font-size:12px}.summary-dl{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin:17px 0;font-size:11px}.summary-dl dt{color:#97a6b6}.summary-dl dd{margin:0;color:#627d96;text-align:right;overflow-wrap:anywhere;min-width:0}.summary-dl dd.mono{font-size:10px}.epitope-block{background:#f5f8fc;border:1px solid #e7edf5;border-radius:6px;padding:13px 11px}.epitope-label{font-size:9px;color:#8e9fb1;margin-bottom:10px;display:flex;justify-content:space-between}.epitope-sequence{font-family:var(--mono);font-size:12px;letter-spacing:1.8px;line-height:1.8;color:#91a1b4;word-break:break-all;text-align:center}.epitope-sequence mark{background:#2d6bb2;border-radius:4px;color:white;padding:4px 5px;margin:0 3px;letter-spacing:0}.backend-note{font-size:10px;color:#91a1b3;margin-top:15px;display:flex;align-items:flex-start;gap:6px}.backend-note .icon{width:13px;height:13px;margin-top:2px}.backend-note strong{font-weight:500;color:#607b95}.side-footer-note{font-size:10px;color:#9bacbd;padding:0 7px;line-height:1.9}.check-card{display:flex;align-items:flex-start;gap:9px;padding:11px 13px;background:#f8fafd;border:1px solid #e4ebf3;border-radius:5px;margin-bottom:8px;cursor:pointer}.check-card input{margin:3px 0 0}.check-card strong{font-size:11px;color:#5b7690;display:block;font-weight:500}.check-card small{font-size:10px;color:#95a4b5;display:block;margin-top:3px}.checks-inline{display:flex;gap:15px;flex-wrap:wrap}.checks-inline label{display:flex;align-items:center;gap:4px;font-size:11px;color:#71869a}.review-banner{background:#eef6f2;border:1px solid #d8e9e1;border-radius:6px;padding:14px;display:flex;align-items:flex-start;gap:10px;margin-bottom:19px;color:#478574}.review-banner strong{font-size:12px;display:block;font-weight:600}.review-banner p{font-size:10px;margin-top:3px;color:#7d9c91}.review-banner .icon{margin-top:3px}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:20px}.review-item{padding:11px 13px;border:1px solid var(--line);border-radius:5px}.review-item small{display:block;color:#9aa8b9;font-size:9px}.review-item strong{font-family:var(--mono);color:#5c7996;display:block;font-size:11px;margin-top:4px;font-weight:500;overflow-wrap:anywhere}.code-box{background:#f5f8fc;border:1px solid #e0e8f1;border-radius:6px;padding:16px;font-family:var(--mono);font-size:10px;line-height:1.9;color:#66809b;overflow:auto;max-height:285px;white-space:pre;margin:0}.code-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;color:#8094aa;font-size:10px}.jobs-heading{margin:26px 0 20px}.empty-state{min-height:290px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:30px;text-align:center}.empty-state-icon{width:54px;height:54px;display:flex;align-items:center;justify-content:center;color:#8aa9c8;background:#f1f6fc;border:1px solid #e3edf7;border-radius:12px;margin-bottom:15px}.empty-state-icon .icon{width:25px;height:25px}.empty-state h3{font-size:15px;color:#6b8198;font-weight:550}.empty-state p{font-size:11px;color:#99a7b8;max-width:430px;margin-top:7px;line-height:1.9}.empty-state .btn{margin-top:18px}.empty-row{padding:30px!important;height:auto!important}.empty-row .empty-state{min-height:265px}.jobs-card table{min-width:840px}.local-notice{display:flex;align-items:center;gap:8px;padding:13px 17px;background:#eef4fb;border:1px solid #e0e9f4;border-radius:6px;color:#879cb2;font-size:10px;margin-bottom:17px}.local-notice .icon{width:14px;height:14px}.job-actions{display:flex;gap:10px}.resource-layout{display:grid;grid-template-columns:200px minmax(0,1fr);gap:22px;margin-bottom:35px}.resource-nav{align-self:start;padding:10px}.resource-nav button{display:flex;align-items:center;gap:9px;width:100%;padding:12px 13px;border:0;border-radius:5px;background:white;font-size:12px;color:#7e91a4;text-align:left}.resource-nav button .icon{width:15px;height:15px}.resource-nav button.active{background:#edf4fd;color:var(--blue)}.resource-content{padding:27px 30px}.resource-content h3{font-size:18px;margin-bottom:8px}.resource-content>p{font-size:12px;color:#8598ad;line-height:1.95;margin-bottom:20px}.resource-content h4{font-size:13px;margin:24px 0 10px;color:#5d7791}.resource-content details{border-bottom:1px solid var(--line);padding:14px 0}.resource-content summary{cursor:pointer;font-size:12px;color:#56738f}.resource-content details p{font-size:11px;line-height:1.95;color:#8b9caf;margin-top:11px;padding-left:2px}.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}.download-card{padding:15px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:flex-start;gap:10px}.download-card>.icon{color:#739bc2;margin-top:2px}.download-card strong{font-size:11px;color:#607e9a;font-weight:550;display:block}.download-card small{font-size:9px;color:#a0b0c1;display:block;margin:5px 0 10px}.field-table{white-space:normal;min-width:500px}.field-table th,.field-table td{padding:12px 14px;font-size:11px;height:auto}.field-table td:first-child{color:#6588ae;font-family:var(--mono);font-size:10px;width:190px}.endpoint{display:flex;align-items:center;gap:10px;padding:13px 14px;margin-top:9px;border:1px solid var(--line);border-radius:5px}.endpoint .method{font:10px var(--mono);font-weight:600;color:#3b8d79;width:35px}.endpoint .method.post{color:#ad8b48}.endpoint code{font-size:11px;color:#6b84a0}.endpoint small{margin-left:auto;font-size:10px;color:#a1adbb}.source-item{padding:18px 0;border-bottom:1px solid var(--line)}.source-item strong{display:block;color:#5e7b97;font-size:12px;font-weight:550}.source-item p{font-size:11px;line-height:1.85;color:#93a3b4;margin:6px 0 9px}.source-item a{font-size:10px;display:inline-flex;align-items:center;gap:5px}.source-item .icon{width:12px;height:12px}.site-footer{margin-top:10px;background:#fff;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0}.footer-brand{font-size:17px;font-weight:650;color:#758aa0;letter-spacing:-.6px}.footer-brand span{font-size:10px;letter-spacing:0;font-weight:400;color:#a4b1bf;margin-left:10px}.footer-small{font-size:9px;color:#a8b4c2;margin-top:5px}.footer-links{display:flex;gap:20px;align-items:center}.footer-links button{background:none;border:0;color:#9babbc;font-size:10px;padding:0}.footer-version{color:#adbbc9;font:9px var(--mono);text-align:right;margin-top:9px}.dialog{border:1px solid #e0e8f1;border-radius:12px;box-shadow:0 16px 80px #18365630;color:var(--text);padding:0;width:min(680px,calc(100% - 34px));max-height:90vh;overflow:auto}.dialog::backdrop{background:rgba(21,42,66,.36);backdrop-filter:blur(3px)}.dialog-header{padding:22px 25px 19px;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;justify-content:space-between;gap:15px;background:#fbfdff;position:sticky;top:0;z-index:2}.dialog-header h2{font-size:22px;font-family:var(--mono);line-height:1.4}.dialog-header .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:7px}.dialog-body{padding:23px 25px}.dialog-body h3{font-size:12px;margin:20px 0 12px}.dialog-body h3:first-child{margin-top:0}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px;margin:0}.detail-grid dt{font-size:10px;color:#9aaabb;margin-bottom:3px}.detail-grid dd{margin:0;color:#617b94;font-size:12px}.detail-note{font-size:10px;color:#977f57;background:#faf7f1;border:1px solid #ece4d6;border-radius:5px;padding:10px 12px;line-height:1.85;margin-top:18px}.sequence-full{font:11px/2.3 var(--mono);letter-spacing:2px;overflow-wrap:anywhere;background:#f6f9fc;border:1px solid #e7edf4;border-radius:6px;padding:13px;color:#91a1b4}.sequence-full mark{background:var(--blue);color:white;border-radius:3px;padding:3px 2px}.site-map{width:100%;height:78px}.dialog-footer{padding:16px 25px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;background:#fbfdff;gap:12px;position:sticky;bottom:0}.dialog-footer .btn{font-size:11px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,12px);background:#173751;color:#dce9f4;box-shadow:0 8px 25px #18365424;border:1px solid #355873;border-radius:7px;padding:12px 20px;font-size:12px;z-index:150;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100vw - 36px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.storage-warning{font-size:10px;color:#a56f54;line-height:1.7;padding:10px 15px;background:#fdf6ee;border-bottom:1px solid #efdfce}.no-js{padding:20px;text-align:center;background:#fff3da;color:#866626}
@media(min-width:1500px){.hero h1{font-size:41px}.hero-inner{min-height:314px}.hero-copy{padding:30px 0}.hero-visual .molecule-svg{max-width:505px;max-height:310px}.hero-description{font-size:13px}}
@media(max-width:1200px){.container{width:calc(100% - 48px)}.header-inner{gap:28px}.main-nav{gap:20px}.header-actions .environment{display:none}.hero h1{font-size:32px}.hero-description{font-size:11px}.hero-tags{gap:10px;font-size:9px}.database-grid{grid-template-columns:195px minmax(0,1fr);gap:16px}.filter-card{padding:15px 13px 8px}td,th{padding-left:9px;padding-right:9px}.row-actions{gap:6px}.studio-grid{grid-template-columns:minmax(0,1.4fr) minmax(290px,1fr);gap:18px}.form-step{padding:22px}.stepper{padding:18px}.step-line{margin:0 9px}.main-nav button{font-size:12px}.brand-subtitle{font-size:8px}.stat-number{font-size:22px}.stats-grid{padding:16px 0}.stat-item{padding-left:18px;gap:11px}.stat-note{display:none}.results-actions{gap:5px}.below-grid{grid-template-columns:1.35fr 1fr}.flow-step p{font-size:8px}.mini-flow{gap:8px}.type-cell{font-size:9px}}
@media(max-width:960px){.header-inner{gap:23px;height:72px}.brand-title{font-size:22px}.brand-mark{width:32px}.brand-subtitle{display:none}.main-nav{gap:17px}.main-nav button{font-size:11px}.header-actions>.btn{padding:7px 10px;font-size:10px}.hero-inner{grid-template-columns:1.3fr 1fr;min-height:275px}.hero h1{font-size:28px}.hero-description br{display:none}.hero-tags{max-width:340px;gap:6px 10px;margin-top:15px}.hero-visual .molecule-svg{min-width:300px}.visual-caption{font-size:8px}.database-grid{grid-template-columns:185px minmax(0,1fr)}.results-card table{min-width:710px}.search-meta>.muted{display:none}.keyboard-key{display:none}.stat-title{font-size:10px}.stat-icon{width:28px;height:28px}.stat-icon .icon{width:16px;height:16px}.below-grid{grid-template-columns:1fr 1fr}.flow-arrow{display:none}.mini-flow{gap:16px;align-items:flex-start}.flow-step{display:block}.flow-step .number{margin-bottom:4px;display:block}.flow-step p{max-width:110px}.workspace-note{font-size:9px}.studio-grid{grid-template-columns:minmax(0,1.3fr) minmax(260px,1fr)}.form-row{gap:12px}.studio-side{position:static}.structure-panel .molecule-svg{height:210px}.form-step{padding:19px}.form-footer{padding:15px 19px}.stepper{padding:17px 15px}.stepper button{gap:5px;font-size:10px}.stepper .step-number{width:21px;height:21px}.step-line{margin:0 6px}.form-row.three{grid-template-columns:1fr 1fr}.resource-layout{grid-template-columns:170px minmax(0,1fr);gap:18px}.resource-content{padding:22px}.footer-brand span{display:block;margin:3px 0 0}.form-footer-actions{gap:5px}.form-footer .btn{font-size:10px;padding:7px 10px}.download-grid{grid-template-columns:1fr}.studio-side .summary-panel{padding:16px}}
@media(max-width:760px){.container{width:calc(100% - 32px)}.utility-bar{height:25px}.utility-left{font-size:7px;letter-spacing:.7px}.utility-right{font-size:8px}.utility-right>span:first-child{display:none}.header-inner{height:auto;min-height:67px;display:grid;grid-template-columns:1fr auto;gap:0 15px;padding-top:13px}.brand{gap:7px}.brand-mark{height:32px;width:30px}.brand-title{font-size:22px}.header-actions{grid-column:2;grid-row:1}.header-actions .btn{font-size:10px;min-height:31px;padding:6px 9px}.header-actions .icon{width:14px;height:14px}.main-nav{grid-row:2;grid-column:1/-1;overflow-x:auto;white-space:nowrap;height:45px;gap:25px;margin-top:6px}.main-nav button{font-size:11px;padding:0 0 9px}.main-nav button.active:after{bottom:0}.hero-inner{grid-template-columns:1fr .85fr;min-height:249px;gap:0}.hero-copy{padding:25px 0}.eyebrow{font-size:8px;letter-spacing:.8px}.hero h1{font-size:25px;line-height:1.6;margin:10px 0}.hero-description{font-size:10px;line-height:1.85}.hero-actions{margin-top:16px;gap:6px}.hero-actions .btn{font-size:10px;padding:7px 10px;min-height:33px}.hero-actions .icon{width:13px;height:13px}.hero-tags{font-size:8px;gap:5px 8px}.hero-visual .molecule-svg{min-width:240px;width:120%;margin-right:-25px}.visual-caption{font-size:7px;bottom:25px;left:20px}.stats-grid{padding:15px 0;gap:0}.stat-item{display:block;padding-left:17px}.stat-icon{display:none}.stat-number{font-size:21px}.stat-title{font-size:9px;margin-top:4px}.workspace-switch{margin-top:21px;margin-bottom:17px}.workspace-tabs{gap:24px}.workspace-tabs button{font-size:13px;gap:6px;padding-bottom:13px}.workspace-note{display:none}.section-heading{gap:10px}.section-heading h2{font-size:20px}.section-heading p{font-size:10px}.section-heading>.badge{font-size:8px;margin-top:7px}.search-panel{padding:12px}.search-box select{width:98px;font-size:10px;padding:0 8px}.search-box input{font-size:11px;padding:8px}.search-box .btn{min-width:64px;font-size:11px;padding:7px 9px}.search-box>.icon{display:none}.search-examples{font-size:9px;gap:9px}.search-examples button{font-size:9px}.database-grid{display:block}.database-sidebar{margin-bottom:14px}.filter-card{padding:12px 13px 4px}.filter-top{margin-bottom:7px}.filter-top h3{font-size:11px}.filter-group{margin-bottom:10px;display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.filter-group h4{font-size:9px;min-width:57px;margin:0;letter-spacing:0}.filter-options{display:flex;flex-wrap:wrap;gap:6px 12px;flex:1}.filter-option{margin:0;font-size:10px;gap:4px;min-height:26px}.filter-option .count{margin-left:3px;font-size:9px}.filter-option input{width:13px;height:13px}.filter-dot{display:none}.filter-group select{width:auto;max-width:230px;font-size:10px;padding:4px 8px}.filter-group:last-child{margin-top:6px}.mini-promo{display:none}.results-toolbar{padding:12px;min-height:53px}.results-card table{min-width:700px}.results-actions .sort-select{max-width:103px;font-size:9px;padding:4px}.results-actions>.btn{font-size:10px;min-height:29px;padding:5px 8px}.results-actions .icon{width:12px;height:12px}.results-title{font-size:11px}.results-title .result-count{font-size:9px}.table-footer{padding:11px 12px}.below-grid{grid-template-columns:1fr;gap:12px;margin-top:19px}.flow-step{display:flex}.mini-flow{gap:12px}.flow-step p{max-width:none;font-size:9px}.reference-card,.flow-card{padding:17px}.studio-grid{grid-template-columns:1fr}.studio-side{display:grid;grid-template-columns:1fr 1fr;gap:12px}.structure-panel .molecule-svg{height:196px}.structure-top{padding:12px;font-size:8px;gap:7px}.structure-top span:first-child{font-size:8px;letter-spacing:.7px}.structure-top .badge{font-size:7px}.structure-bottom{padding:5px 12px 12px;font-size:8px}.structure-bottom>span{display:none}.summary-panel{padding:15px}.summary-dl{gap:7px 10px;font-size:10px;margin:12px 0}.epitope-sequence{font-size:10px;letter-spacing:1px}.backend-note{font-size:9px}.side-footer-note{grid-column:1/-1}.design-heading h2{font-size:23px}.design-heading .btn{font-size:10px}.stepper{padding:18px 23px}.stepper button{font-size:11px;gap:8px}.stepper .step-number{width:23px;height:23px}.step-line{margin:0 13px}.form-step{padding:22px}.form-footer{padding:15px 22px}.form-footer .btn{font-size:11px;padding:8px 12px}.resource-layout{grid-template-columns:1fr;gap:13px}.resource-nav{display:flex;overflow:auto;padding:6px}.resource-nav button{white-space:nowrap;justify-content:center;font-size:10px;padding:10px;gap:5px}.resource-nav button .icon{width:13px;height:13px}.resource-content{padding:20px}.endpoint{gap:6px;padding:11px 9px}.endpoint code{font-size:10px}.endpoint small{display:none}.jobs-heading{align-items:center}.jobs-heading .btn{font-size:10px;padding:7px 10px}.footer-inner{align-items:flex-start;padding:21px 0;gap:14px}.footer-brand{font-size:16px}.footer-brand span{font-size:9px}.footer-links{gap:12px}.footer-links button{font-size:9px}.footer-small{font-size:8px;max-width:250px}.footer-version{font-size:8px}.dialog-header{padding:19px}.dialog-body{padding:20px}.dialog-footer{padding:14px 19px}.dialog-header h2{font-size:20px}}
@media(max-width:480px){.hero-inner{display:block;min-height:auto}.hero-copy{padding:25px 0 23px;position:relative;z-index:2}.hero h1{font-size:26px;line-height:1.55;max-width:330px}.hero-description{max-width:300px;font-size:10px}.hero-visual{position:absolute;right:-70px;bottom:0;top:0;width:230px;opacity:.19;pointer-events:none;z-index:0}.hero-visual .molecule-svg{width:300px;min-width:300px}.visual-caption{display:none}.hero:after{opacity:.08}.hero-tags{max-width:330px;font-size:8px}.hero-actions .btn{font-size:11px;padding:8px 12px;min-height:35px}.stat-number{font-size:20px}.stat-item{padding-left:11px}.stat-title{font-size:8px}.stat-item:first-child{padding-left:0}.section-heading .badge.demo{max-width:116px;white-space:normal;text-align:center;font-size:8px}.search-box input{font-size:10px}.search-box select{width:83px;font-size:9px}.search-box .btn{min-width:57px;font-size:10px}.search-box .btn .icon{display:none}.filter-option{font-size:9px;gap:4px}.filter-options{gap:3px 9px}.filter-group h4{font-size:9px;min-width:50px}.filter-group{gap:5px 7px}.search-examples{gap:7px;font-size:8px}.search-examples button{font-size:9px}.results-actions .sort-select{max-width:90px;font-size:9px}.results-actions>.btn{font-size:9px;padding:4px 6px}.results-title{font-size:10px;gap:5px}.results-toolbar{gap:4px}.table-footer{font-size:9px}.page-btn{min-width:25px;height:25px}.flow-step{gap:7px}.flow-step strong{font-size:10px}.flow-step p{font-size:8px;max-width:80px}.flow-step .number{font-size:9px}.mini-flow{gap:9px}.card-heading small{font-size:8px}.studio-side{grid-template-columns:1fr}.structure-panel .molecule-svg{height:235px}.structure-top{font-size:10px;padding:15px}.structure-top span:first-child{font-size:9px}.structure-bottom{padding:6px 16px 15px;font-size:9px}.structure-bottom>span{display:inline}.summary-panel{padding:18px}.summary-dl{font-size:11px;gap:11px 13px}.epitope-sequence{font-size:12px;letter-spacing:1.7px}.design-heading h2{font-size:21px}.design-heading .btn{padding:6px 9px;min-height:32px;font-size:9px}.design-heading .btn .icon{width:12px;height:12px}.design-heading p{max-width:235px}.form-step{padding:18px}.stepper{padding:16px}.stepper button{font-size:10px;gap:5px}.stepper .step-number{width:21px;height:21px}.step-line{margin:0 8px}.form-intro h3{font-size:16px}.form-intro p{font-size:10px}.form-row{gap:10px}.form-field>label,.field-label,.field-top label{font-size:10px}.form-field{margin-bottom:15px}.field-input{font-size:11px;padding:8px}.form-row.three{grid-template-columns:1fr 1fr}.form-footer{padding:13px 16px;gap:7px}.form-footer .btn{padding:7px 9px;font-size:10px;min-height:34px}.step-counter{font-size:9px}.form-footer-actions{gap:5px}.form-footer .btn .icon{width:13px;height:13px}.form-footer .btn.ghost{padding-left:0}.field-help{font-size:9px}.sequence-meta{font-size:9px}.upload-zone{padding:12px}.upload-zone strong{font-size:10px}.upload-zone small{font-size:8px}.error-box{margin:0 17px 14px;font-size:10px}.detail-grid{gap:13px}.dialog-footer{padding:13px 15px;gap:7px}.dialog-footer .btn{font-size:10px;padding:7px 9px}.dialog-body{padding:18px}.dialog-header{padding:18px}.resource-nav button{font-size:9px;padding:9px 7px;gap:4px}.resource-content{padding:18px}.resource-nav button .icon{width:12px;height:12px}.resource-content h3{font-size:17px}.resource-content>p{font-size:11px}.footer-inner{display:block}.footer-brand span{display:inline;margin-left:9px;font-size:8px}.footer-links{margin-top:15px}.footer-version{text-align:left;margin-top:8px}.footer-small{max-width:none}.empty-state{padding:24px}.empty-state p{font-size:10px}.resource-content .download-grid{margin-top:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.utility-bar,.site-header,.hero,.stats-bar,.workspace-switch,.database-sidebar,.search-panel,.below-grid,.results-actions,.pagination,.site-footer,.toast,.dialog,.form-footer,.row-actions,.header-actions{display:none!important}.container{width:100%}.database-grid{display:block}.results-card{border:0;box-shadow:none}.table-scroll{overflow:visible}table{min-width:0!important}body{background:white}th,td{font-size:9px}.studio-grid{display:block}.studio-side{position:static}.structure-panel{display:none}}
/* Explicit label layout overrides the generic form-label rule. */
.form-field>label.upload-zone{display:flex}
.mobile-table-hint{display:none}
@media(max-width:760px){.mobile-table-hint{display:flex;justify-content:flex-end;gap:5px;align-items:center;padding:6px 12px;font-size:8px;color:#9caec0;background:#fbfdff;border-bottom:1px solid #edf2f7}.mobile-table-hint .icon{width:11px;height:11px}}

/* v1.1 — aggregate snapshots, separated from searchable UI fixtures. */
.source-stats .stats-grid{padding:22px 0 17px}.source-stats .stat-number{font-size:27px;letter-spacing:-.9px;font-variant-numeric:tabular-nums}.source-stats .stat-title{font-size:11px;color:#718398}.stat-secondary{margin-top:5px;font:9px var(--mono);color:#95a4b6;letter-spacing:.1px}.stat-secondary b{font-weight:500;color:#6f87a0;margin-left:4px}.metrics-provenance{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #edf1f6;padding:9px 0;font-size:9px;color:#8c9bad}.metrics-provenance>span{display:flex;align-items:center;gap:6px}.metrics-provenance .icon{width:12px;height:12px}.metrics-provenance .text-btn{font-size:9px}.source-stats .stat-item{gap:12px}
.visit-counter{position:relative;color:#71869c;z-index:45}.visit-counter>summary{list-style:none;display:flex;align-items:center;gap:7px;white-space:nowrap;cursor:pointer;border:1px solid #e3eaf2;background:#f8fafd;padding:7px 10px;border-radius:6px;min-height:35px}.visit-counter>summary::-webkit-details-marker{display:none}.visit-counter[open]>summary{border-color:#a8c5e4;background:#f0f6fd}.visit-eye{color:#8199b2}.visit-eye .icon{width:15px;height:15px;display:block}.visit-label{font-size:10px}.visit-counter strong#visit-total{font:600 14px var(--mono);color:var(--ink);font-variant-numeric:tabular-nums}.visit-state{font-size:8px;border-left:1px solid #dce5ef;padding-left:6px;color:#9aa8b8}.visit-counter.connected .visit-state{color:#488775}.visit-popover{position:absolute;top:calc(100% + 12px);right:0;width:316px;max-width:calc(100vw - 32px);white-space:normal;background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 12px 40px #19385720;padding:18px;line-height:1.85}.visit-popover>strong{font-size:12px;color:var(--ink);font-family:var(--sans)}.visit-popover p{font-size:11px;color:#75889c;margin-top:8px}.visit-popover .visit-definition{border-top:1px solid #edf1f6;padding-top:9px;color:#8d9dad;font-size:10px}.visit-popover .btn{margin-top:13px}.visit-popover small{display:block;font-size:9px;color:#96a5b5;margin-top:10px;overflow-wrap:anywhere}.header-inner{gap:31px}.main-nav{gap:24px}.header-actions{gap:10px}.header-actions .btn{padding-left:11px;padding-right:11px}
.snapshot-teaser{margin:0 0 30px;overflow:hidden}.snapshot-heading{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:20px 23px 16px;border-bottom:1px solid #e9eef5}.snapshot-heading .eyebrow{font-size:9px;margin-bottom:5px;letter-spacing:1.2px}.snapshot-heading h2{font-size:18px;line-height:1.55}.snapshot-columns{display:grid;grid-template-columns:1.15fr 1fr;gap:0}.snapshot-totals{padding:19px 22px 12px;border-right:1px solid #e7edf4;min-width:0}.snapshot-distribution{padding:19px 23px 17px;min-width:0}.statistics-subheading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.statistics-subheading h3{font-size:10px;letter-spacing:.7px;color:#697f96;font-weight:600}.statistics-subheading>span{font:8px var(--mono);color:#91a2b5;letter-spacing:.3px}.statistics-table-wrap{overflow-x:auto}.statistics-table{white-space:normal;table-layout:auto;width:100%}.statistics-table th,.statistics-table td{padding:10px 10px;border-bottom:1px solid #edf2f7;height:auto}.statistics-table th:first-child,.statistics-table td:first-child{width:auto;padding-left:12px;padding-right:10px}.statistics-table th{font:8px var(--mono);color:#8398b0;text-align:right;background:#f6f9fd;white-space:nowrap}.statistics-table th:first-child{text-align:left;font:10px var(--sans)}.statistics-table th small{font:9px var(--sans);display:block;color:#95a6b8;margin-top:3px}.statistics-table td{font-size:11px;vertical-align:middle}.statistics-table td:not(:first-child){text-align:right;font:12px var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;color:#54718e}.statistics-table td:first-child strong{display:block;font-size:11px;font-weight:550;color:#5c7590;line-height:1.5}.statistics-table td:first-child small{display:block;font-size:8px;color:#94a5b6;line-height:1.6;margin-top:2px}.statistics-table tbody tr:nth-child(2){background:#f3f8fe}.statistics-table tbody tr:nth-child(2) td:not(:first-child){color:var(--blue);font-weight:600}.statistics-table tbody tr:last-child td{border-bottom:0}.statistics-table .unavailable{color:#a4b2c1!important}
.home-mod-row{margin-bottom:13px}.home-mod-row-header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:6px}.home-mod-row-header span{font-size:11px;color:#5e7690}.home-mod-row-header strong{font:12px var(--mono);color:#466c93}.home-mod-track{height:5px;background:#eef3f8;overflow:hidden;border-radius:4px}.home-mod-track>span{display:block;height:100%;border-radius:4px;background:#6697c9}.home-mod-row:first-child .home-mod-track>span{background:var(--blue)}.home-mod-row:nth-child(2) .home-mod-track>span{background:#438d80}.home-mod-row:nth-child(3) .home-mod-track>span{background:#80a7d0}.home-mod-row:nth-child(4) .home-mod-track>span{background:#94b5d7}.home-mod-row:nth-child(5) .home-mod-track>span{background:#a9c3dc}.snapshot-other{display:flex;align-items:center;gap:12px;border-top:1px solid #edf1f7;padding-top:12px;margin-top:16px;font-size:10px;color:#91a1b3}.snapshot-other strong{font:11px var(--mono);color:#7590aa}.snapshot-other .text-btn{margin-left:auto;font-size:10px}.chart-note{font-size:9px;color:#9baaba;margin-top:12px;line-height:1.8}.snapshot-note{display:flex;gap:8px;align-items:flex-start;font-size:10px;color:#948266;background:#fbf8f2;border-top:1px solid #eee5d9;padding:10px 23px;line-height:1.9}.snapshot-note .icon{width:13px;height:13px;margin-top:3px}.snapshot-note strong{font-weight:550}.snapshot-note b{font-family:var(--mono);font-weight:500}
.statistics-page{padding:27px 0 7px}.statistics-page-heading{align-items:center;margin-bottom:19px}.statistics-page-heading h2{font-size:28px}.statistics-page-heading .eyebrow{font-size:10px;margin-bottom:6px}.statistics-actions{display:flex;gap:9px}.snapshot-source{display:flex;flex-wrap:wrap;align-items:center;gap:10px 23px;padding:11px 15px;background:#edf4fc;border:1px solid #dce8f5;border-radius:6px;color:#8299b0;font-size:10px;margin-bottom:21px}.snapshot-source strong{font-weight:500;color:#6b87a2}.statistics-overview-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px;margin-bottom:24px}.statistics-total-panel{overflow:hidden;padding:22px 24px 14px}.statistics-panel-heading{margin-bottom:16px}.statistics-panel-heading .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:7px}.statistics-panel-heading h3{font-size:18px}.statistics-panel-heading p{font-size:10px;color:#91a1b2;margin-top:5px}.statistics-total-panel .statistics-table th{padding-top:12px;padding-bottom:12px}.statistics-total-panel .statistics-table td{padding-top:12px;padding-bottom:12px}.statistics-total-panel .statistics-table td:not(:first-child){font-size:14px}.statistics-total-panel .statistics-table td:first-child strong{font-size:12px}.statistics-total-panel .statistics-table td:first-child small{font-size:9px}.table-footnote{font-size:9px;color:#99a8b8;line-height:1.9;margin-top:12px}.statistics-context{padding:24px;align-self:stretch;background:linear-gradient(145deg,#ffffff,#f5f9fd)}.statistics-context .eyebrow{font-size:9px;letter-spacing:1.1px;margin-bottom:7px}.statistics-context h3{font-size:18px}.context-primary{display:flex;align-items:center;gap:16px;margin:23px 0 19px}.context-primary>strong{font:46px var(--mono);letter-spacing:-3px;color:var(--blue);line-height:1}.context-primary>span{font-size:11px;color:#7c94ac;line-height:1.8}.context-primary small{font:8px var(--mono);color:#9caec0;letter-spacing:.8px}.context-values{margin:0 0 17px;border:1px solid #e3ebf4;border-radius:6px;background:#fff;padding:3px 14px}.context-values>div{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #edf1f6}.context-values>div:last-child{border:0}.context-values dt{font-size:10px;color:#8b9db0}.context-values dd{margin:0;font:14px var(--mono);color:#5c7b98}.context-values .context-difference dd{color:#ae8951}.statistics-context>p{font-size:10px;color:#8f9fb0;line-height:1.9}.context-separation{display:flex;gap:8px;align-items:flex-start;margin-top:20px;padding-top:17px;border-top:1px solid #e0e9f2;color:#7c96af;font-size:10px;line-height:1.9}.context-separation .icon{width:15px;height:15px;margin-top:3px}
.modification-panel{overflow:hidden}.modification-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 25px 20px}.modification-heading h3{font-size:19px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.modification-heading .eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:7px}.modification-heading p{font-size:10px;color:#94a4b6;margin-top:7px}.modification-heading .badge{font:8px var(--mono);letter-spacing:.5px}.modification-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 24px;background:#f8fafd;border-top:1px solid #e8eef6;border-bottom:1px solid #e8eef6}.statistics-search{display:flex;align-items:center;gap:8px;min-width:0;flex:1;max-width:430px;border:1px solid #dce5ef;border-radius:5px;background:white;padding:7px 10px}.statistics-search .icon{width:14px;height:14px;color:#99afc6}.statistics-search:focus-within{outline:2px solid #d8e7fa;border-color:#9dbddb}.statistics-search input{width:100%;border:0;background:transparent;min-width:0;font-size:11px;color:var(--ink);outline:none!important}.statistics-search input::placeholder{color:#9aabbd}.modification-control-group{display:flex;gap:8px;align-items:center}.modification-control-group label{font-size:10px;color:#97a7b8;margin-left:7px}.modification-control-group select{padding:6px 9px;border:1px solid #e0e8f1;border-radius:4px;font-size:10px;color:#6e8aa4;background:white;min-width:0}.modification-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 25px;color:#9aabba;font-size:9px}.modification-meta>span:first-child{color:#6e8da9;font-size:10px}.modification-meta b{font-weight:500;font-family:var(--mono);color:#708fae}.modification-table-wrap{overflow-x:auto}.modification-table{table-layout:auto;width:100%;min-width:670px}.modification-table th,.modification-table td{height:auto;padding:12px 20px;font-size:10px}.modification-table th{font-size:8px;letter-spacing:.35px;color:#91a3b6;background:#f7f9fc}.modification-table th:first-child,.modification-table td:first-child{padding-left:25px;padding-right:20px;width:28%}.modification-table th:nth-child(2),.modification-table td:nth-child(2){text-align:right;white-space:nowrap;width:20%}.modification-table th:nth-child(3),.modification-table td:nth-child(3){width:38%}.modification-table th:last-child,.modification-table td:last-child{text-align:right;padding-right:25px;white-space:nowrap;width:14%}.modification-name{display:block;font-size:12px;color:#5b7793;font-weight:550}.modification-name-zh{font-size:9px;color:#94a6b8;margin-top:3px;display:block}.modification-value{font:14px var(--mono);color:#345f88;font-variant-numeric:tabular-nums}.distribution-track{height:7px;background:#f0f4f8;position:relative;border-radius:5px;width:100%;overflow:hidden}.distribution-fill{display:block;border-radius:5px;background:#7ba4ce;height:100%}.modification-table tr[data-group="phosphorylation"] .distribution-fill{background:#3f7fbe}.modification-table tr[data-group="glycosylation"] .distribution-fill{background:#9dbad5}.modification-table tr[data-group="methylation"] .distribution-fill{background:#83aea5}.modification-percentage{font:12px var(--mono);color:#91a8be}.modification-total{padding:14px 25px;display:flex;align-items:center;gap:24px;flex-wrap:wrap;background:#f6f9fd;border-top:1px solid #e7eef6;color:#889caf;font-size:10px}.modification-total strong{font:14px var(--mono);color:#52779b;margin-left:9px}.modification-total .modification-total-note{font-size:9px;margin-left:auto;color:#9baaba}.statistics-footnote{display:flex;gap:8px;align-items:flex-start;padding:12px 25px;background:#fdfbf7;color:#9b8c75;font-size:9px;line-height:1.95}.statistics-footnote .icon{width:13px;height:13px;margin-top:3px}.modification-empty{padding:45px 20px;text-align:center;font-size:12px;color:#92a3b5}.modification-empty .text-btn{margin-left:10px}.statistics-bottom-note{display:flex;align-items:flex-start;gap:9px;padding:20px 1px 25px;color:#9aaabd;font-size:10px;line-height:1.9}.statistics-bottom-note>.icon{width:14px;height:14px;margin-top:3px}.statistics-bottom-note>span{flex:1}.statistics-bottom-note>.text-btn{white-space:nowrap;font-size:10px;margin-left:15px;margin-top:2px}
@media(max-width:1250px){.header-inner{gap:23px}.main-nav{gap:20px}.visit-counter>summary{gap:5px;padding:7px 8px}.visit-state{font-size:7px}.visit-label{font-size:9px}.visit-eye .icon{width:13px;height:13px}.header-actions .btn{font-size:10px}.source-stats .stat-number{font-size:25px}.snapshot-columns{grid-template-columns:1.1fr 1fr}.snapshot-totals{padding-left:16px;padding-right:16px}.snapshot-distribution{padding-left:18px;padding-right:18px}.statistics-total-panel{padding:20px 19px 14px}.statistics-context{padding:22px}.statistics-table td:not(:first-child){font-size:11px}}
@media(max-width:1100px) and (min-width:761px){.header-inner{height:auto;display:grid;grid-template-columns:1fr auto;gap:0 20px;padding-top:13px}.header-actions{grid-column:2;grid-row:1}.brand{grid-column:1;grid-row:1}.main-nav{grid-column:1/-1;grid-row:2;height:43px;margin-top:5px;gap:32px;overflow-x:auto}.main-nav button{font-size:12px;padding-bottom:7px}.brand-subtitle{display:none}.brand-title{font-size:24px}.brand-mark{height:35px}.header-actions .btn{font-size:11px}.visit-counter>summary{padding:7px 11px}.visit-label{font-size:10px}.visit-state{font-size:8px}.visit-counter strong#visit-total{font-size:14px}}
@media(max-width:960px){.source-stats .stat-number{font-size:23px}.snapshot-columns{grid-template-columns:1.18fr 1fr}.snapshot-totals{padding-left:12px;padding-right:12px}.snapshot-distribution{padding-left:16px;padding-right:16px}.statistics-table th{font-size:7px}.statistics-table td:first-child strong{font-size:10px}.statistics-table th,.statistics-table td{padding-left:7px;padding-right:7px}.statistics-table td:first-child small{font-size:7px}.statistics-table th:first-child,.statistics-table td:first-child{padding-left:8px;padding-right:7px}.statistics-table td:not(:first-child){font-size:10px}.statistics-overview-grid{grid-template-columns:minmax(0,1.45fr) minmax(245px,1fr);gap:16px}.statistics-total-panel{padding:20px 15px 13px}.statistics-total-panel .statistics-table td:not(:first-child){font-size:12px}.statistics-total-panel .statistics-table td:first-child strong{font-size:10px}.statistics-total-panel .statistics-table td:first-child small{font-size:8px}.statistics-context{padding:20px}.context-primary{margin:22px 0 20px}.statistics-context h3{font-size:17px}.statistics-panel-heading h3{font-size:17px}.context-values{padding-left:10px;padding-right:10px}.context-values dt{font-size:9px}.context-values dd{font-size:12px}.modification-controls{flex-wrap:wrap;gap:12px}.statistics-search{max-width:none}.modification-control-group{margin-left:auto}.modification-meta{font-size:8px}.modification-meta>span:first-child{font-size:9px}.modification-heading h3{font-size:17px}}
@media(max-width:760px){.header-inner{gap:0 10px;padding-top:13px}.main-nav{gap:25px}.visit-counter>summary{padding:6px 8px}.visit-counter strong#visit-total{font-size:13px}.source-stats .stats-grid{padding:17px 0 12px}.source-stats .stat-number{font-size:22px}.source-stats .stat-title{font-size:9px}.stat-secondary{font-size:8px}.source-stats .stat-item{padding-left:15px}.source-stats .stat-item:first-child{padding-left:0}.metrics-provenance{font-size:8px;padding:8px 0;gap:10px}.metrics-provenance .text-btn{font-size:8px}.snapshot-teaser{margin-bottom:23px}.snapshot-heading{padding:17px 18px 14px}.snapshot-heading h2{font-size:17px}.snapshot-heading .eyebrow{font-size:8px}.snapshot-heading .btn{font-size:10px}.snapshot-columns{grid-template-columns:1fr}.snapshot-totals{padding:17px;border-right:0;border-bottom:1px solid #e9eef5}.snapshot-distribution{padding:17px}.statistics-table th{font-size:9px}.statistics-table td:first-child strong{font-size:11px}.statistics-table td:first-child small{font-size:8px}.statistics-table td:not(:first-child){font-size:12px}.statistics-table th,.statistics-table td{padding:10px 10px}.statistics-table th:first-child,.statistics-table td:first-child{padding-left:10px}.home-mod-bars{display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}.home-mod-row{margin-bottom:8px}.home-mod-row-header{margin-bottom:7px}.home-mod-row-header span{font-size:10px}.home-mod-row-header strong{font-size:11px}.snapshot-other{margin-top:8px}.snapshot-note{padding:11px 17px;font-size:9px}.statistics-page{padding-top:23px}.statistics-page-heading h2{font-size:24px}.statistics-page-heading{flex-wrap:wrap;gap:13px}.statistics-actions .btn{font-size:10px}.snapshot-source{gap:8px 15px;padding:11px 12px;font-size:9px}.snapshot-source .badge{font-size:9px}.statistics-overview-grid{grid-template-columns:1fr;gap:16px}.statistics-total-panel{padding:19px 17px 13px}.statistics-total-panel .statistics-table td:not(:first-child){font-size:13px}.statistics-total-panel .statistics-table td:first-child strong{font-size:11px}.statistics-total-panel .statistics-table td:first-child small{font-size:8px}.statistics-context{padding:20px}.context-primary{margin:18px 0}.context-values dt{font-size:11px}.context-values dd{font-size:15px}.context-values>div{padding:10px 0}.context-separation{margin-top:15px;padding-top:14px}.context-values{margin-bottom:13px}.statistics-context h3{font-size:17px}.modification-heading{padding:20px 18px 17px;flex-wrap:wrap;gap:13px}.modification-heading h3{font-size:17px;gap:8px}.modification-heading .btn{font-size:10px}.modification-controls{padding:12px 17px;display:block}.modification-control-group{margin-top:10px;gap:7px}.modification-control-group label{margin-left:0;font-size:9px}.modification-control-group select{font-size:10px;flex:1}.statistics-search{padding:8px 9px}.statistics-search input{font-size:10px}.modification-meta{padding:11px 17px;flex-wrap:wrap;gap:4px;font-size:8px}.modification-table th:first-child,.modification-table td:first-child{padding-left:17px}.modification-table th:last-child,.modification-table td:last-child{padding-right:17px}.modification-table th,.modification-table td{padding:11px 14px}.modification-table{min-width:610px}.modification-table th{font-size:7px}.modification-name{font-size:11px}.modification-value{font-size:13px}.modification-percentage{font-size:11px}.modification-total{padding:12px 17px;gap:7px 17px;font-size:9px}.modification-total strong{font-size:13px;margin-left:6px}.modification-total .modification-total-note{margin-left:0;width:100%}.statistics-footnote{padding:12px 17px;font-size:8px}.statistics-bottom-note{font-size:9px;flex-wrap:wrap}.statistics-bottom-note>.text-btn{margin-left:22px;font-size:9px}}
@media(max-width:600px){.header-actions>.btn{display:none}.source-stats .stats-grid{grid-template-columns:1fr 1fr;gap:0;padding:4px 0 0}.source-stats .stat-item{display:flex;align-items:center;padding:16px 0 15px 18px;border-right:0}.source-stats .stat-item:nth-child(odd){padding-left:0;border-right:1px solid #e4ebf2}.source-stats .stat-item:nth-child(-n+2){border-bottom:1px solid #e4ebf2}.source-stats .stat-icon{display:flex;width:29px;height:29px}.source-stats .stat-number{font-size:24px;letter-spacing:-1px}.source-stats .stat-title{font-size:10px}.stat-secondary{font-size:8px}.source-stats .stat-item{gap:11px}.metrics-provenance>span{font-size:7px;max-width:65%;line-height:1.7}.metrics-provenance .text-btn{font-size:8px}.visit-popover{right:0}.snapshot-heading h2{font-size:16px}.statistics-table th{font-size:8px}.statistics-table td:first-child strong{font-size:10px}.statistics-table td:not(:first-child){font-size:11px}.statistics-table th small{font-size:8px}}
@media(max-width:380px){.visit-eye{display:none}.visit-label{font-size:9px}.visit-counter>summary{gap:5px;padding:6px 7px}.visit-state{font-size:7px}.visit-counter strong#visit-total{font-size:12px}.source-stats .stat-number{font-size:22px}.source-stats .stat-icon{display:none}.source-stats .stat-item{padding-left:14px}.source-stats .stat-title{font-size:9px}.snapshot-totals,.snapshot-distribution{padding:14px 12px}.snapshot-heading{padding:15px 12px 12px}.snapshot-heading .btn{font-size:8px;padding:5px 7px}.snapshot-heading .eyebrow{font-size:7px}.snapshot-heading h2{font-size:15px}.statistics-table td:not(:first-child){font-size:10px}.statistics-table th{font-size:7px}.statistics-table td:first-child strong{font-size:9px}.statistics-table td:first-child small{font-size:7px}.statistics-table th:first-child,.statistics-table td:first-child{padding-left:6px;padding-right:6px}.statistics-table th,.statistics-table td{padding-left:6px;padding-right:6px}.home-mod-row-header strong{font-size:10px}.home-mod-row-header span{font-size:9px}.home-mod-bars{gap:8px 15px}.snapshot-note{padding:9px 12px;font-size:8px}.statistics-total-panel{padding-left:12px;padding-right:12px}.statistics-total-panel .statistics-table td:not(:first-child){font-size:11px}.statistics-total-panel .statistics-table td:first-child strong{font-size:9px}.statistics-total-panel .statistics-table td:first-child small{font-size:7px}.statistics-actions{gap:7px}.statistics-actions .btn{font-size:9px}.modification-control-group select{padding:6px;font-size:9px}.modification-control-group{gap:5px}.modification-heading h3{font-size:16px}.modification-heading .badge{font-size:7px}.snapshot-source{font-size:8px}}
@media print{.statistics-actions,.modification-controls,.modification-heading>.btn,.visit-counter{display:none!important}.snapshot-teaser,.statistics-context,.statistics-total-panel,.modification-panel{box-shadow:none}.statistics-overview-grid{grid-template-columns:1.5fr 1fr}.modification-table-wrap{overflow:visible}.modification-table{min-width:0}.statistics-page{padding-top:0}.modification-table th,.modification-table td{font-size:8px;padding:8px}.distribution-fill{print-color-adjust:exact;-webkit-print-color-adjust:exact}.snapshot-source,.snapshot-note{print-color-adjust:exact;-webkit-print-color-adjust:exact}.modification-table tr{break-inside:avoid}}