@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,500;1,500;1,600&display=swap";:root{--ink:#1a1b1b;--paper:#eeeae3;--muted:#8c8983;--line:#d8d3cb;--red:#d7472f;--blue:#74b3d1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:75px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 32px;gap:36px}.brand{font-size:18px;font-weight:800;letter-spacing:-1px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:9px}.brand i{font-family:DM Mono;font-size:12px;font-style:normal;letter-spacing:1.4px;font-weight:400}.brand-mark{width:12px;height:12px;background:var(--red);border-radius:50%;box-shadow:9px -6px 0 -3px var(--ink),-5px 8px 0 -3px var(--ink)}.event{font:10px DM Mono;letter-spacing:1px;color:#625f59}.live-dot{display:inline-block;width:6px;height:6px;background:#d7472f;border-radius:50%;margin-right:6px}nav{margin-left:auto;display:flex;gap:14px;align-items:center}button{font:inherit;cursor:pointer}.text-button{border:0;background:transparent;font-size:12px;font-weight:700}.top-action{color:#fff;background:var(--ink);border:0;padding:12px 17px;font-size:11px;font-weight:800}.workspace{display:grid;grid-template-columns:300px minmax(430px,1fr) 350px;flex:1;min-height:0}.left-panel,.right-panel{padding:36px 31px;border-right:1px solid var(--line)}.right-panel{border-right:0;border-left:1px solid var(--line)}.eyebrow,.section-label{font:10px DM Mono;letter-spacing:1.2px;color:#736f68}.left-panel h1{font-size:48px;line-height:.98;letter-spacing:-3px;margin:21px 0 20px}.left-panel h1 em{font-family:Playfair Display;font-weight:500;color:var(--red)}.intro{font-size:12px;line-height:1.7;color:#66625d;margin:0 0 28px}label{display:block;font:10px DM Mono;letter-spacing:1px;margin-bottom:9px}.input-row{display:flex;border-bottom:2px solid var(--ink)}input{width:100%;border:0;background:transparent;padding:9px 0;font:600 20px DM Mono;letter-spacing:2px;outline:none}.input-row button{border:0;background:none;font-size:23px}.translation{display:grid;grid-template-columns:1fr 22px 1fr;gap:5px;margin:31px 0}.translation span{display:block;font:9px DM Mono;color:var(--muted);margin-bottom:8px}.translation strong{font:700 15px DM Mono;letter-spacing:1px}.translation .sequence{color:var(--red)}.arrow{font-size:16px;align-self:center;color:var(--muted)}.legend{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;display:flex;gap:12px;font:9px DM Mono;color:#67635e}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.nitrogen{background:var(--blue)}.carbon{background:#333}.oxygen{background:var(--red)}.line{display:inline-block;width:12px;border-top:2px solid #a7a29b;vertical-align:middle;margin-right:4px}.helper{font-size:10px;line-height:1.7;color:#8b8780;margin-top:18px}.viewer-panel{background:#1b1c1b;position:relative;min-height:570px;overflow:hidden}.viewer-head{color:#c9c7c1;position:absolute;z-index:2;top:23px;left:27px;right:27px;display:flex;justify-content:space-between;font:9px DM Mono;letter-spacing:.8px}.viewer-head span:last-child{color:#777873}#viewer{width:100%;height:100%}.viewer-controls{position:absolute;z-index:3;bottom:25px;left:27px;display:flex;gap:6px}.viewer-controls button{border:1px solid #565752;color:#aaa9a4;background:transparent;padding:8px 10px;font:9px DM Mono}.viewer-controls button.active{color:#1b1c1b;background:#e5e1da;border-color:#e5e1da}.scale{position:absolute;bottom:29px;right:27px;color:#a3a19b;font:9px DM Mono}.scale span{display:inline-block;width:44px;border-top:1px solid #aaa;margin-right:8px;vertical-align:middle}.metric-grid{display:grid;grid-template-columns:1fr 1fr;margin:20px 0 29px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.metric-grid div{padding:13px 8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.metric-grid small{display:block;font:9px DM Mono;color:#817c75}.metric-grid b{font-size:24px;letter-spacing:-1px;display:inline-block;margin-top:5px}.metric-grid span{font:9px DM Mono;color:#817c75;margin-left:4px}.dossier-section{border-top:1px solid var(--line);padding:17px 0}.section-label span{float:right;color:#a39e95}.confidence{display:flex;gap:12px;align-items:center;margin:13px 0 8px}.confidence-bar{height:5px;background:#d5d0c8;flex:1}.confidence-bar i{display:block;height:100%;width:82.4%;background:linear-gradient(to right,#5da1c2,#d7472f)}.confidence b{font:600 13px DM Mono}.dossier-section p{color:#706c66;font-size:10px;line-height:1.6;margin:0}.fasta{position:relative}.fasta pre{font:10px/1.7 DM Mono;margin:12px 0 0;white-space:pre-wrap}.mini-copy{position:absolute;right:0;top:13px;border:0;background:transparent;font:9px DM Mono;color:var(--red)}.print-panel{border-top:1px solid var(--ink);padding-top:17px;margin-top:16px;display:flex;gap:12px;justify-content:space-between}.print-panel p{font-size:10px;line-height:1.5;color:#706c66;max-width:180px}.print-panel button{white-space:nowrap;align-self:end;background:var(--red);border:0;color:#fff;padding:12px 13px;font-size:10px;font-weight:800}.print-panel button span{font-size:16px;margin-left:7px}footer{border-top:1px solid var(--line);padding:13px 31px;display:flex;justify-content:space-between;color:#827d75;font:9px DM Mono;letter-spacing:.4px}@media(max-width:900px){.workspace{grid-template-columns:250px 1fr}.right-panel{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:25px}.right-panel>.eyebrow{position:absolute}.metric-grid,.dossier-section,.print-panel{margin-top:24px}}@media(max-width:650px){.topbar{padding:0 18px;height:62px}.event,.text-button{display:none}.workspace{display:block}.left-panel{border-right:0;padding:28px 21px}.left-panel h1{font-size:42px}.viewer-panel{height:470px;min-height:0}.right-panel{display:block;padding:28px 21px}.right-panel>.eyebrow{position:static}footer{padding:12px 18px;gap:8px;font-size:7px}.viewer-head{left:18px;right:18px}.viewer-head span:last-child{display:none}}#molecule-tip{position:absolute;z-index:5;pointer-events:none;max-width:190px;padding:10px 12px;background:#efebe4;color:#191a1a;opacity:0;transform:translateY(4px);transition:opacity .12s ease,transform .12s ease;font:10px/1.45 Manrope,Arial,sans-serif;box-shadow:0 8px 24px #0005}#molecule-tip.visible{opacity:1;transform:translateY(0)}#molecule-tip strong{display:block;color:#d7472f;font:500 10px DM Mono,monospace;letter-spacing:.7px;margin-bottom:3px}#molecule-tip span{color:#625f59}.export-actions{display:flex;flex-direction:column;gap:6px;align-self:end}.export-actions button{min-width:112px}.export-actions button:disabled{cursor:wait;opacity:.65}@media(max-width:650px){.export-actions{align-self:center}}#viewer-guide{position:absolute;z-index:4;right:22px;top:54px;width:220px;color:#e8e3da;background:#20211fcc;border:1px solid #52534e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:width .2s ease,background .2s ease}#guide-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:10px;border:0;border-bottom:1px solid #4e4f4a;background:transparent;color:#ebe6de;text-align:left;font:500 9px DM Mono,monospace;letter-spacing:.7px}#guide-toggle span{display:grid;place-items:center;width:15px;height:15px;border:1px solid #d7472f;border-radius:50%;color:#f1dbd4;font:12px Georgia,serif}#guide-content{padding:12px 12px 13px}.guide-kicker{margin:0 0 5px;color:#bf7465;font:9px DM Mono,monospace;letter-spacing:.8px}#guide-content h2{margin:0 0 12px;color:#f2eee7;font:500 17px/1.1 Playfair Display,Georgia,serif}.guide-item{display:flex;align-items:flex-start;gap:8px;margin:9px 0}.guide-item p,#guide-mode{margin:0;color:#c6c2ba;font:9px/1.45 Manrope,Arial,sans-serif}.guide-item b{display:block;color:#f1ede6;font-size:9px}.guide-swatch{display:block;flex:0 0 auto;margin-top:3px}.guide-swatch.backbone{width:19px;border-top:3px solid #d7472f}.guide-swatch.node{width:10px;height:10px;background:#e7dfd3;border-radius:50%;margin-left:4px;margin-right:5px}.guide-swatch.branch{width:10px;height:10px;background:#75b6d4;border-radius:50%;box-shadow:5px 2px 0 -2px #d7472f;margin-left:4px;margin-right:5px}#guide-mode{border-top:1px solid #454640;margin-top:11px;padding-top:10px;color:#999b96}#viewer-guide.collapsed{width:auto;background:#20211fee}#viewer-guide.collapsed #guide-content{display:none}#viewer-guide.collapsed #guide-toggle{border-bottom:0}@media(max-width:650px){#viewer-guide{right:14px;top:51px;width:200px}.viewer-controls{bottom:18px!important;left:18px!important}}