:root{--paper:#f3f1e9;--ink:#263c3a;--muted:#667670;--line:#d6d9ce;--accent:#ba512f;--green:#347465;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:Arial,'Noto Sans KR',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:wait}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--accent);outline-offset:4px}button{touch-action:manipulation}.skip{position:absolute;top:-100px}.skip:focus{top:4px;z-index:10;background:white;padding:12px}.top{display:flex;justify-content:space-between;align-items:center;margin:0 5%;height:90px;border-bottom:1px solid var(--line)}.site-title{font-size:20px;letter-spacing:-.7px;font-weight:700;text-decoration:none}.site-title em{font-family:Georgia,serif;font-weight:400}.top-right{display:flex;align-items:center;gap:35px}.edition,.eyebrow,.dataset-tag,.section-number,.note-number,.panel-kicker,.version{font-family:var(--mono);font-size:10px;letter-spacing:1.2px}.text-button{background:none;border:0;padding:10px 0;font-size:12px}.intro{max-width:1440px;margin:auto;padding:58px 5% 54px;display:grid;grid-template-columns:1.4fr 1fr auto;gap:48px;align-items:end}.eyebrow{font-size:10px;letter-spacing:1px}.dot{width:7px;height:7px;background:var(--accent);border-radius:50%;display:inline-block;margin-right:8px}h1{font-size:clamp(42px,4.6vw,70px);letter-spacing:-3.5px;line-height:1.15;margin:24px 0 0;font-weight:500}.intro-copy p{font-size:15px;line-height:1.95;margin:0 0 17px}.start{display:inline-block;font-size:12px;font-weight:bold;color:var(--accent)}.intro-index{font:30px/1.2 Georgia,serif;color:var(--accent);text-align:right;padding-bottom:5px}.intro-index span{display:block;font:8px/1.5 var(--mono);letter-spacing:1px;margin-top:10px;color:var(--muted)}.laboratory{margin:0 5%;border:1px solid var(--line);background:#faf9f4;scroll-margin-top:15px}.lab-heading{display:flex;justify-content:space-between;padding:17px 23px;border-bottom:1px solid var(--line)}.dataset-tag{color:var(--muted);font-size:9px}.protein-picks{display:grid;grid-template-columns:repeat(3,1fr)}.protein-picks button{display:flex;align-items:center;text-align:left;gap:17px;padding:22px;border:0;border-right:1px solid var(--line);background:transparent;position:relative}.protein-picks button:last-child{border-right:0}.protein-picks button[aria-pressed=true]{background:#e9eee6}.protein-picks button[aria-pressed=true]:after{content:'';position:absolute;bottom:0;height:3px;background:var(--green);left:0;right:0}.pick-no{font:12px var(--mono);color:var(--muted)}.protein-picks strong{font-size:19px;letter-spacing:-.4px;font-weight:500}.protein-picks small{display:block;margin-top:5px;font-size:11px;color:var(--muted)}.pick-length{margin-left:auto;font:20px Georgia,serif}.pick-length span{font:10px var(--mono)}.steps{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.steps button{padding:17px 14px;background:transparent;border:0;display:flex;align-items:center;gap:10px;border-bottom:2px solid transparent;margin-bottom:-1px;text-align:left}.steps button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent)}.steps button span{font:10px var(--mono);opacity:.65}.steps b{font-weight:500;font-size:13px}.steps small{margin-left:auto;font:8px var(--mono);letter-spacing:.6px;opacity:.65}.workbench{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,1fr)}.viewer{min-height:490px;position:relative;background:#122d2c;overflow:hidden;color:#c6d6cf;isolation:isolate}.viewer:before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 50% 45%,#264c46 0,transparent 70%)}.viewer-top,.viewer-bottom{position:absolute;display:flex;justify-content:space-between;left:22px;right:22px;z-index:1;font:9px var(--mono);letter-spacing:.5px;pointer-events:none}.viewer-top{top:20px}.viewer-top>div{display:flex;gap:8px;align-items:center}.live-dot{width:5px;height:5px;border-radius:50%;background:#b5d5a4}.viewer-bottom{bottom:18px;align-items:center;gap:10px}.viewer-bottom button{font-size:10px;background:transparent;border:1px solid #55716a;color:#c6d6cf;padding:8px;pointer-events:auto}.viewer-bottom button[aria-pressed=true]{background:#42645a}.viewer-bottom>div{display:flex;gap:5px}#molecule{display:block;width:100%;height:490px;touch-action:none;cursor:grab}#molecule:active{cursor:grabbing}#loading{position:absolute;inset:0;display:grid;place-items:center;font-size:13px;pointer-events:none}#loading[hidden]{display:none}.axis{position:absolute;bottom:62px;left:24px;font:11px/1.5 var(--mono);color:#8da59b;pointer-events:none}.controls{padding:26px 28px;min-width:0}.panel-kicker{display:flex;align-items:center;gap:10px;font-size:8px;color:var(--muted)}.mini-rule{height:1px;background:var(--line);flex:1}.controls h2{font-size:25px;letter-spacing:-1px;line-height:1.35;font-weight:500;margin:24px 0 12px}.panel-desc{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 20px}.control-label{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin:14px 0 9px}.control-label output{font:13px var(--mono);color:var(--accent)}input[type=range]{width:100%;accent-color:var(--green);cursor:pointer;margin:5px 0 9px}.range-labels{display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted)}.action{width:100%;border:1px solid var(--green);color:var(--green);padding:11px;background:transparent;margin-top:15px;text-align:center;font-size:12px}.action:hover{background:#e9eee6}.reading{border-top:1px solid var(--line);padding-top:14px;margin-top:22px}.reading p{font-size:12px;line-height:1.85;margin:9px 0 0}.stats{display:flex;gap:18px;margin:18px 0}.stat{flex:1}.stat strong{font:27px Georgia,serif;font-variant-numeric:tabular-nums}.stat small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.confidence-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;margin:12px 0}.confidence-legend span{border-top:5px solid var(--c);padding-top:6px;font:9px var(--mono);text-align:center}#profile{width:100%;height:64px;display:block;cursor:crosshair}#contact-map{width:100%;max-width:220px;aspect-ratio:1;display:block;cursor:crosshair;margin:10px auto 4px;image-rendering:pixelated}.map-hint{font-size:10px;line-height:1.7;text-align:center;color:var(--muted);margin:5px 0}.pair-inputs{display:flex;gap:12px}.pair-inputs label{font:10px var(--mono);flex:1}.pair-inputs input{width:100%;margin-top:5px;border:1px solid var(--line);background:transparent;padding:7px;color:var(--ink);font-size:12px}.sequence-strip{padding:22px 24px;border-top:1px solid var(--line)}.strip-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.strip-heading>span:last-child{font:11px var(--mono)}#selected-label{color:var(--accent)}.muted{color:var(--muted)}.sequence{display:flex;flex-wrap:wrap;gap:3px;margin-top:16px;max-height:135px;overflow-y:auto;padding:3px}.sequence button{font:12px var(--mono);width:23px;height:27px;flex-shrink:0;padding:0;border:0;border-radius:2px;background:#e5ebe3;color:#35594c;position:relative}.sequence button[aria-pressed=true]{background:var(--accent)!important;color:white!important;outline:1px solid var(--accent);outline-offset:1px}.sequence button.pair{box-shadow:inset 0 0 0 2px #d7ae54}.sequence button:after{content:attr(data-tick);position:absolute;font-size:7px;color:var(--muted);bottom:-10px;left:0}.sequence-foot{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--muted);margin-top:12px;line-height:1.8}.sequence-foot a{white-space:nowrap}.lab-foot{padding:8px 23px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:10px;color:var(--muted)}.lab-foot>div{display:flex;gap:24px}.lab-foot .text-button{font-size:10px}.explanation{display:grid;grid-template-columns:1fr 3fr;gap:40px;padding:80px 5% 55px}.section-number{padding-top:7px}.section-number span{display:block;font-size:36px;margin-top:20px;color:var(--accent)}.explain-main{max-width:850px}.explain-main h2{font-size:36px;font-weight:500;letter-spacing:-1.5px;line-height:1.3;margin:0 0 22px}.explain-main>p{font-size:14px;line-height:1.9;max-width:650px}.pipeline{display:flex;align-items:center;gap:20px;padding:25px 0;margin:25px 0 15px;border-block:1px solid var(--line)}.pipeline>div{flex:1}.pipeline span:not(.arrow){font:8px var(--mono);letter-spacing:.5px;color:var(--accent)}.pipeline strong{display:block;font-size:14px;font-weight:500;margin:12px 0 7px}.pipeline small{font-size:10px;color:var(--muted)}.arrow{color:var(--muted)}.explain-main p.scope{font-size:11px;color:var(--muted)}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin:0 5%;padding:35px 0 45px;border-top:1px solid var(--line)}.note-number{color:var(--accent);font-size:9px}.notes h3{font-size:17px;letter-spacing:-.5px;font-weight:500;margin:17px 0 13px}.notes p{font-size:12px;line-height:1.95;color:var(--muted);margin:0}.references{margin:0 5%;padding:18px 0;border-top:1px solid var(--line);display:flex;gap:24px;flex-wrap:wrap;font-size:10px}.references span{color:var(--muted);margin-right:auto}.disclaimer{margin:5px 5% 35px;font-size:10px;line-height:1.9;color:var(--muted)}footer{background:#203a35;color:#c3cec5;padding:28px 5%;display:flex;align-items:center;gap:20px;flex-wrap:wrap;font-size:10px}.brand{display:flex;align-items:center;gap:15px}.brand img{display:block}.footer-source{font-size:9px;color:#afc0b6;margin-left:auto;line-height:1.8}.version{font-size:9px;color:#afc0b6;letter-spacing:0}body.notes-page main{max-width:850px;margin:0 auto;padding:45px 24px 60px}body.notes-page h1{font-size:35px;letter-spacing:-1px;line-height:1.4}body.notes-page h2{font-size:17px;margin-top:34px}body.notes-page ul{padding-left:20px;font-size:13px;line-height:2}body.notes-page .intro-meta{font:11px var(--mono);color:var(--muted);margin-top:16px}body.notes-page footer{margin-top:40px}@media(min-width:1600px){.laboratory,.notes,.references,.disclaimer{max-width:1380px;margin-left:auto;margin-right:auto}.top{max-width:1380px;margin:auto}.intro{padding-inline:0;max-width:1380px}.explanation{max-width:1380px;margin:auto;padding-inline:0}.viewer{min-height:560px}#molecule{height:560px}.controls{padding:35px}.controls h2{font-size:30px}.panel-desc{font-size:15px}.reading p{font-size:14px}}@media(max-width:1000px){.intro{gap:25px;grid-template-columns:1fr 1fr}.intro-index{display:none}.steps small{display:none}.workbench{grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr)}.protein-picks button{gap:10px;padding:18px 14px}.pick-no{display:none}.controls{padding:22px}.controls h2{font-size:23px}.explanation{grid-template-columns:1fr 4fr;gap:25px}.notes{gap:25px}.footer-source{order:4;width:100%;margin:0}}@media(max-width:650px){.top{height:65px;margin:0 6%}.site-title{font-size:17px}.edition{display:none}.top-right{gap:15px}.intro{padding:32px 6% 30px;display:block}h1{font-size:46px;letter-spacing:-2.7px;margin-top:19px}.intro .eyebrow{font-size:8px}.intro-copy{margin-top:23px}.intro-copy p{font-size:13px;line-height:1.8;margin-bottom:10px}.laboratory{margin:0 4%}.lab-heading{padding:13px 12px}.lab-heading .eyebrow{font-size:9px}.dataset-tag{font-size:8px}.protein-picks button{padding:15px 10px;display:block}.protein-picks strong{font-size:15px}.protein-picks small{font-size:8px;line-height:1.5;min-height:24px}.pick-length{display:block;margin-top:7px;font-size:18px}.steps button{padding:13px 7px;gap:5px;justify-content:center}.steps b{font-size:11px}.steps button span{font-size:8px}.workbench{display:block}.viewer{min-height:340px}#molecule{height:340px}.viewer-top{top:15px;left:14px;right:14px;font-size:8px}.viewer-bottom{left:12px;right:12px;bottom:13px;font-size:8px;letter-spacing:0}.viewer-bottom button{font-size:9px;padding:7px}.axis{left:16px;bottom:54px;font-size:9px}.controls{padding:22px}.controls h2{font-size:25px;margin-top:17px}.panel-desc{font-size:13px}.reading{margin-top:18px}.sequence-strip{padding:18px 14px}.strip-heading{align-items:start}.strip-heading .eyebrow{font-size:8px;letter-spacing:0}.strip-heading>span:last-child{font-size:9px;white-space:nowrap}.sequence{gap:3px}.sequence button{width:22px}.sequence-foot{font-size:9px}.lab-foot{padding:10px 14px;display:block;line-height:1.7}.lab-foot>div{justify-content:space-between;gap:10px}.explanation{display:block;padding:47px 6% 25px}.section-number{font-size:9px;margin-bottom:20px}.section-number span{display:inline;font-size:17px;margin-left:15px}.explain-main h2{font-size:29px}.explain-main>p{font-size:13px}.pipeline{gap:9px}.pipeline strong{font-size:11px;line-height:1.5}.pipeline small{font-size:8px;line-height:1.7}.pipeline span:not(.arrow){font-size:7px}.arrow{font-size:12px}.notes{display:block;margin:0 6%;padding:10px 0 25px}.notes article{padding:23px 0;border-bottom:1px solid var(--line)}.notes article:last-child{border:0}.notes h3{margin:13px 0 10px}.references{margin:0 6%;gap:15px;font-size:9px}.references>span{width:100%}.disclaimer{margin:0 6% 24px;font-size:9px}footer{padding:26px 6%;gap:18px}.brand{gap:12px}.brand img{height:20px}.brand span{font-size:9px}.version{font-size:8px;margin-left:auto}.footer-source{font-size:8px}.controls #contact-map{max-width:235px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}@media print{.top-right,.viewer-bottom,.lab-foot,button.action{display:none}body{background:white}.laboratory{break-inside:avoid}.explanation{padding-top:25px}.viewer{print-color-adjust:exact}.notes{break-inside:avoid}footer{print-color-adjust:exact}a{text-decoration:none}}
/* Expanded collection and additional explorations. */
.protein-picks{grid-template-columns:repeat(4,minmax(0,1fr))}.protein-picks button{padding:17px 13px;gap:10px;border-bottom:1px solid var(--line)}.protein-picks button:nth-child(4n){border-right:0}.protein-picks strong{font-size:16px}.protein-picks small{font-size:10px}.pick-no{font-size:10px}.pick-length{font-size:18px}.protein-context{display:flex;align-items:center;gap:18px;padding:12px 20px;background:#edf0e8;font-size:11px;line-height:1.8}.protein-context p{margin:0;flex:1}.protein-context a{white-space:nowrap}.steps{grid-template-columns:repeat(7,minmax(0,1fr))}.steps small{display:none}.steps button{justify-content:center}.tours{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:15px 20px;border-top:1px solid var(--line)}.tours>span{font-size:10px;color:var(--muted);margin-right:5px}.tours button{background:transparent;border:1px solid var(--line);font-size:11px;padding:8px 10px}.tours button:hover{border-color:var(--green);background:#e9eee6}.check-label{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.7;margin:17px 0 10px}.check-label input{accent-color:var(--green);width:16px;height:16px;flex-shrink:0}.chemistry-legend{display:flex;gap:10px;flex-wrap:wrap;font-size:9px;line-height:1.8;color:var(--muted)}.chemistry-legend span:before{content:'';width:9px;height:9px;display:inline-block;background:var(--c);margin-right:4px}.neighbor-list{display:flex;gap:5px;flex-wrap:wrap;max-height:145px;overflow:auto;font-size:11px}.neighbor-list button{background:#edf0e8;border:1px solid transparent;font:11px var(--mono);padding:7px}.neighbor-list button span{display:block;font-size:9px;color:var(--muted);margin-top:4px}.neighbor-list button[aria-pressed=true]{border-color:var(--accent)}.slice-count{margin-top:20px;font:13px var(--mono);color:var(--green)}#compare-protein{max-width:100%;width:100%;padding:10px;background:var(--paper);border:1px solid var(--line);color:var(--ink);font-size:12px}#comparison{width:100%;height:245px;display:block;background:#173631;margin:14px 0;touch-action:none;cursor:grab}.compare-table{width:100%;border-collapse:collapse;font-size:11px;line-height:1.6}.compare-table th,.compare-table td{padding:8px 5px;border-bottom:1px solid var(--line);text-align:right;font-weight:400}.compare-table th:first-child{text-align:left}.compare-table td{font-family:var(--mono)}.workbench.comparing{grid-template-columns:1fr 1fr}.workbench.comparing .viewer,.workbench.comparing #molecule{min-height:650px;height:650px}@media(max-width:1000px){.protein-picks strong{font-size:14px}.pick-no{display:none}.protein-picks small{font-size:9px}.protein-picks button{gap:7px}.steps button{padding-inline:6px}.steps b{font-size:12px}.workbench.comparing{grid-template-columns:1fr 1fr}}@media(max-width:650px){.protein-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.protein-picks button{display:flex;padding:13px 11px;gap:8px}.protein-picks button:nth-child(2n){border-right:0}.protein-picks strong{font-size:15px}.protein-picks small{font-size:9px;min-height:0}.pick-length{margin-top:0;font-size:17px}.protein-context{font-size:10px;gap:12px;padding:12px 14px;align-items:start}.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.steps button{padding:13px 5px;border-top:1px solid var(--line)}.steps button:nth-child(n+5){justify-content:center}.tours{padding:13px;gap:7px}.tours>span{width:100%;font-size:10px}.tours button{font-size:10px;padding:9px 7px}.workbench.comparing{display:block}.workbench.comparing .viewer,.workbench.comparing #molecule{height:340px;min-height:340px}.compare-table{font-size:10px}.compare-table th,.compare-table td{padding:8px 4px}.check-label{font-size:12px}#compare-protein{font-size:16px}#comparison{height:260px}.neighbor-list button{padding:9px}.neighbor-list button span{font-size:10px}}