:root{color:#19322d;font-synthesis:none;background:#f4f5f1;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button{font:inherit}header{background:#fff;border-bottom:1px solid #dfe4de;justify-content:space-between;align-items:center;height:66px;padding:0 max(32px,50vw - 640px);display:flex}.brand{align-items:center;gap:10px;font-size:17px;font-weight:600;display:flex}.brand span{color:#fff;background:#174c40;border-radius:9px;place-items:center;width:33px;height:33px;display:grid}nav{color:#64756f;gap:28px;font-size:13px;display:flex}nav a{align-items:center;gap:7px;display:flex}main{max-width:1280px;margin:auto;padding:48px 32px 72px}.hero{justify-content:space-between;align-items:flex-end;margin-bottom:32px;display:flex}.record-badge{letter-spacing:.14em;color:#58726b;font-size:10px;font-weight:600}.record-badge i{background:#3f8f79;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}h1{letter-spacing:-.025em;color:#173a32;margin:12px 0 6px;font-family:Newsreader,serif;font-size:48px;font-weight:500}h1 em{font-weight:500}.hero p{color:#6a7974;margin:0}.hero-meta{background:#fff;border:1px solid #dfe4de;border-radius:12px;grid-template-columns:repeat(4,1fr);min-width:600px;display:grid}.hero-meta div{border-right:1px solid #e8ebe7;padding:17px 22px}.hero-meta div:last-child{border:0}.hero-meta span{text-transform:uppercase;letter-spacing:.12em;color:#87938f;margin-bottom:7px;font-size:9px;display:block}.hero-meta strong{font-size:13px;font-weight:600}.notice{background:#edf5f1;border:1px solid #d7e4df;border-radius:9px;align-items:center;gap:13px;margin-bottom:18px;padding:12px 16px;display:flex}.notice>span{border:1px solid #8eafa5;border-radius:50%;place-items:center;width:20px;height:20px;font-family:serif;display:grid}.notice p{color:#547068;margin:0;font-size:12px}.notice strong{color:#284d44;margin-right:9px}.viewer-card,.panel{background:#fff;border:1px solid #dfe4de;border-radius:13px}.viewer-card{padding:24px 26px 0;box-shadow:0 4px 16px #1d3b3210}.section-head{justify-content:space-between;align-items:center;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:#7b8984;font-size:9px;font-weight:600}.section-head h2,.panel h2{margin:4px 0 0;font-family:Newsreader,serif;font-size:23px;font-weight:500}.export{color:#36564e;background:#fff;border:1px solid #ccd5d1;border-radius:7px;padding:9px 13px;font-size:12px}.svg-wrap{width:100%;margin-top:4px;overflow-x:auto}.svg-wrap svg{min-width:760px;display:block}.end-label{fill:#536b64;font:500 13px DM Sans}.intron{stroke:#839790;stroke-width:1.5px}.exon-label{fill:#fff;pointer-events:none;font:600 11px DM Sans}.coord-label{fill:#71817c;font:9px DM Mono}.feature,.variant,.annotation,.export,.segmented button{cursor:pointer}.selected-shape{stroke:#ef9f56;stroke-width:4px}.variant circle{fill:#d77b35;stroke:#fff;stroke-width:2px}.variant-line{stroke:#d77b35;stroke-width:1.5px}.variant-line.active{stroke-width:3px}.variant-label{fill:#8a572e;font:500 9px DM Mono}.legend{fill:#64766f;font:10px DM Sans}.selection-strip{background:#fafbf9;border-top:1px solid #e4e8e4;border-radius:0 0 13px 13px;align-items:center;gap:13px;min-height:64px;margin:0 -26px;padding:13px 24px;display:flex}.selection-strip strong,.selection-strip span{font-size:12px;display:block}.selection-strip span{color:#77847f;margin-top:3px}.selection-icon{color:#d77b35}.content-grid{grid-template-columns:minmax(0,1fr) 340px;gap:18px;margin-top:18px;display:grid}.content-grid aside{flex-direction:column;gap:18px;display:flex}.panel{padding:23px}.sequence-scroll{scroll-behavior:smooth;border-top:1px solid #e6e9e6;height:650px;margin-top:22px;padding-top:13px;overflow:auto}.mono-note{color:#81908b;font:10px DM Mono}.seq-line{grid-template-columns:52px 1fr 42px;min-width:670px;font-size:11px;line-height:27px;display:grid}.seq-line code{letter-spacing:.055em;color:#344b45;font-family:DM Mono}.seq-pos,.seq-end{color:#96a09d;font:9px/27px DM Mono}.seq-end{text-align:right}.base-gap{margin-left:8px}.base-hit{color:#5e3515;background:#f8cd9d;border-radius:2px;padding:4px 0}.annotations h3{text-transform:uppercase;letter-spacing:.13em;color:#7e8b86;margin:23px 0 8px;font-size:9px}.annotation-list{flex-direction:column;margin-top:16px;display:flex}.annotation{text-align:left;background:0 0;border:0;border-bottom:1px solid #edf0ed;border-radius:6px;grid-template-columns:16px 1fr auto;align-items:center;width:100%;padding:10px 7px;display:grid}.annotation:hover,.annotation.active{background:#f2f7f4}.annotation strong,.annotation small{font-size:11px;display:block}.annotation small{color:#82908b;margin-top:2px}.annotation em{color:#7c8985;font:9px DM Mono}.feature-dot{background:#275d50;border-radius:2px;width:9px;height:9px}.feature-dot.five_prime_utr,.feature-dot.three_prime_utr{background:#9cc9bc}.variant-dot{color:#d77b35}.field-label{color:#76857f;margin:22px 0 7px;font-size:10px;display:block}.segmented{background:#eff2ef;border-radius:7px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented button{color:#6c7b76;background:0 0;border:0;border-radius:5px;padding:7px;font-size:11px}.segmented button.active{color:#23483f;background:#fff;box-shadow:0 1px 4px #18372e20}.toggles{border-top:1px solid #e8ebe8;margin-top:18px}.toggles label{border-bottom:1px solid #e8ebe8;justify-content:space-between;align-items:center;padding:12px 0;font-size:11px;display:flex}.toggles input{display:none}.toggles i{background:#c8cecb;border-radius:20px;width:30px;height:17px;position:relative}.toggles i:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:all .2s;position:absolute;top:2px;left:2px}.toggles input:checked+i{background:#31715f}.toggles input:checked+i:after{left:15px}.color-row{grid-template-columns:1fr 1fr;gap:9px;margin-top:17px;display:grid}.color-row label{color:#75827e;border:1px solid #dfe4df;border-radius:7px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:9px;display:flex}.color-row input{background:0 0;border:0;width:22px;height:22px;padding:0}.setting-note{color:#899590;margin:15px 0 0;font-size:10px;line-height:1.55}footer{color:#7d8b86;border-top:1px solid #dfe4de;justify-content:space-between;align-items:center;height:58px;padding:0 max(32px,50vw - 640px);font-size:10px;display:flex}footer span{align-items:center;gap:7px;display:flex}@media (width<=980px){.hero{display:block}.hero-meta{min-width:0;margin-top:24px}.content-grid{grid-template-columns:1fr}.content-grid aside{grid-template-columns:1fr 1fr;display:grid}}@media (width<=680px){main{padding:32px 14px}.hero-meta{grid-template-columns:1fr 1fr}.hero-meta div:nth-child(2){border-right:0}.hero-meta div{border-bottom:1px solid #e8ebe7}nav{display:none}.content-grid aside{display:flex}.viewer-card{padding-left:10px;padding-right:10px}.selection-strip{margin:0 -10px}.notice{align-items:flex-start}h1{font-size:40px}}.architecture-head{gap:20px}.architecture-actions{align-items:center;gap:12px;display:flex}.view-switcher{background:#eff2ef;border-radius:8px;padding:3px;display:flex}.view-switcher button{color:#6c7b76;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 12px;font-size:11px}.view-switcher button.active{color:#23483f;background:#fff;font-weight:600;box-shadow:0 1px 4px #18372e20}.region-view{margin-top:18px;padding-bottom:22px}.region-toolbar{background:#fafbf9;border:1px solid #e5e9e5;border-radius:9px;justify-content:space-between;align-items:flex-end;gap:24px;padding:14px 16px;display:flex}.region-selected span,.region-selected strong{display:block}.region-selected span{text-transform:uppercase;letter-spacing:.12em;color:#84918c;margin-bottom:5px;font-size:8px}.region-selected strong{color:#34564d;font-size:12px}.region-actions{align-items:flex-end;gap:10px;display:flex}.jump-control{background:#fff;border:1px solid #dfe4df;border-radius:7px;grid-template-columns:auto 105px 32px;align-items:center;height:31px;display:grid;overflow:hidden}.jump-control span{color:#82908b;padding-left:9px;font-size:9px}.jump-control input{color:#34544c;border:0;outline:0;width:100%;padding:6px;font:9px DM Mono,monospace}.jump-control button{color:#315a4f;cursor:pointer;background:#f4f7f5;border:0;border-left:1px solid #e2e6e2;height:100%;font-size:9px}.pan-controls,.zoom-controls{background:#fff;border:1px solid #dfe4df;border-radius:7px;align-items:center;height:31px;display:flex;overflow:hidden}.pan-controls button,.zoom-controls button{color:#47645c;cursor:pointer;background:#fff;border:0;place-items:center;width:31px;height:100%;display:grid}.pan-controls button:hover,.zoom-controls button:hover{background:#eef4f1}.pan-controls button:disabled,.zoom-controls button:disabled{opacity:.3}.pan-controls span,.zoom-controls span{color:#667a73;white-space:nowrap;padding:0 8px;font:9px DM Mono,monospace}.coordinate-note{color:#7b8a85;align-items:center;gap:8px;padding:12px 3px 3px;font-size:9px;display:flex}.coordinate-note span{color:#315a4f;font-weight:600}.coordinate-note i{background:#9ba6a2;border-radius:50%;width:3px;height:3px}.region-svg-wrap{border-top:1px solid #edf0ed;margin-top:0}.region-svg{min-width:820px}.track-label{fill:#82908b;text-transform:uppercase;letter-spacing:.08em;font:500 9px DM Sans,sans-serif}.codon-band{stroke:#e3ebe7;stroke-width:.7px}.amino-line{stroke:#8fb0a7;stroke-width:1px}.amino-label{fill:#244b41;font:500 10px DM Sans,sans-serif}.amino-label tspan{fill:#7a8d87;font-size:8px}.codon-label{fill:#60766f;letter-spacing:.18em;font:500 9px DM Mono,monospace}.base-label{fill:#263f38;font:500 13px DM Mono,monospace}.base-label.selected{fill:#fff;font-weight:600}.coordinate-tick{stroke:#9aa9a4;stroke-width:.8px}.transcript-coordinate,.cdna-coordinate{fill:#8a9792;font:7.5px DM Mono,monospace}.cdna-coordinate{fill:#56736a}.cdna-coordinate.selected{fill:#bd6324;font-weight:600}.feature-run-label{fill:#fff;font:600 9px DM Sans,sans-serif}.exon-boundary{stroke:#c18455;stroke-width:1px;stroke-dasharray:3 3}.boundary-label{fill:#9a663d;font:8px DM Sans,sans-serif}.region-variant{cursor:pointer}.region-variant-line{stroke:#db9b6b;stroke-width:1px;stroke-dasharray:3 3}.region-variant-line.active{stroke:#d66f28;stroke-width:2px;stroke-dasharray:none}.region-variant circle{fill:#d77b35;stroke:#fff;stroke-width:2px}.variant-callout{fill:#fff5ec;stroke:#e9b58d}.variant-callout-main{fill:#9d511e;font:600 9px DM Mono,monospace}.variant-callout-sub{fill:#72503a;font:9px DM Sans,sans-serif}.orientation-label{fill:#70837c;font:9px DM Sans,sans-serif}.orientation-line{stroke:#b6c2bd;stroke-width:1px}.orientation-arrow{fill:none;stroke:#b6c2bd;stroke-width:1px}.region-svg .region-variant-line.active+circle{filter:drop-shadow(0 1px 3px #d56d2455)}@media (width<=980px){.architecture-head{align-items:flex-start}.architecture-actions{flex-direction:column-reverse;align-items:flex-end}.region-toolbar{flex-direction:column;align-items:flex-start}.region-actions{flex-wrap:wrap;width:100%}}@media (width<=680px){.architecture-head{display:block}.architecture-actions{grid-template-columns:1fr auto;margin-top:14px;display:grid}.view-switcher{grid-template-columns:1fr 1fr;display:grid}.region-actions{align-items:center}.jump-control{grid-template-columns:auto 1fr 32px;width:100%}.coordinate-note{align-items:flex-start;line-height:1.4}.coordinate-note i{flex:none;margin-top:5px}}.selected-codon{stroke:#e6a879;stroke-width:1.2px}.selected-base-background{fill:#d66f28}.sanger-section{margin-top:42px}.sanger-title-row{justify-content:space-between;align-items:flex-end;margin-bottom:16px;display:flex}.sanger-title-row h2{color:#173a32;margin:5px 0 3px;font-family:Newsreader,serif;font-size:30px;font-weight:500}.sanger-title-row p{color:#71817c;margin:0;font-size:12px}.synthetic-badge{letter-spacing:.1em;text-transform:uppercase;color:#62756f;background:#f6faf8;border:1px solid #d8e2de;border-radius:20px;padding:8px 11px;font-size:9px}.synthetic-badge i{background:#5d9c89;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.sanger-card{background:#fff;border:1px solid #dfe4de;border-radius:13px;overflow:hidden;box-shadow:0 4px 16px #1d3b3210}.sanger-card-head{border-bottom:1px solid #e8ece8;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.reaction-switcher{background:#eff2ef;border-radius:8px;padding:3px;display:flex}.reaction-switcher button{color:#64766f;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;padding:8px 16px;font-size:11px}.reaction-switcher button small{color:#94a09c;margin-top:2px;font-size:8px;display:block}.reaction-switcher button.active{color:#21493f;background:#fff;font-weight:600;box-shadow:0 1px 4px #17382e20}.trace-legend{gap:14px;display:flex}.trace-legend span{color:#687a74;align-items:center;gap:5px;font:10px DM Mono,monospace;display:flex}.trace-legend i{border-radius:4px;width:9px;height:3px}.reaction-context{background:#fafbf9;grid-template-columns:minmax(280px,1fr) minmax(220px,360px) auto;align-items:center;gap:28px;padding:16px 22px;display:grid}.reaction-description strong,.reaction-description span{display:block}.reaction-description strong{color:#34554c;font-size:12px}.reaction-description span{color:#84908c;margin-top:3px;font-size:10px}.coverage-map{align-items:center;display:flex}.coverage-map:before,.coverage-map:after{content:"";background:#a7b6b1;flex:1;height:1px}.coverage-map i{background:#d8e6e1;border:1px solid #b8cec7;border-radius:2px;place-items:center;min-width:22px;height:15px;margin:0 3px;font-style:normal;display:grid}.coverage-map i:first-child{min-width:28px}.coverage-map i:nth-child(5){min-width:68px}.coverage-map i.active{background:#d77b35;border-color:#bd6628;box-shadow:0 0 0 3px #f6dfcd}.coverage-map i span{color:#547169;font:7px DM Mono,monospace}.coverage-map i.active span{color:#fff}.coverage-coordinates{text-align:right}.coverage-coordinates span,.coverage-coordinates strong{white-space:nowrap;display:block}.coverage-coordinates span{color:#88948f;font:9px DM Mono,monospace}.coverage-coordinates strong{color:#3b5d54;margin-top:4px;font-size:10px}.chromatogram-shell{grid-template-columns:34px minmax(0,1fr) 34px;align-items:stretch;padding:20px 16px 0;display:grid}.chromatogram-scroll{scroll-behavior:smooth;scrollbar-color:#a9bab4 #f0f3f1;scrollbar-width:thin;border:1px solid #e2e7e3;border-radius:9px;overflow:auto hidden}.chromatogram-svg{display:block}.trace-nudge{color:#49675e;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.trace-nudge:disabled{opacity:.25}.trace-codon{stroke:#e3ebe7;stroke-width:.7px}.trace-codon.selected{stroke:#e0a477;stroke-width:1.3px}.trace-baseline{stroke:#dce3df;stroke-width:1px}.trace-path{stroke-width:1.8px;stroke-linejoin:round;stroke-linecap:round;opacity:.92}.secondary-trace{stroke-width:2.6px;stroke-linecap:round;filter:drop-shadow(0 1px 2px #0002)}.selected-peak-line{stroke:#d77b35;stroke-width:1.4px;stroke-dasharray:3 3}.selected-peak-dot{fill:#d77b35;stroke:#fff;stroke-width:2px}.trace-base{font:600 12px DM Mono,monospace}.trace-base.selected{font-size:15px}.trace-read-position{fill:#9aa5a1;font:7px DM Mono,monospace}.trace-cdna{fill:#668078;font:7px DM Mono,monospace}.trace-cdna.selected{fill:#b95f20;font-weight:600}.peak-target{cursor:pointer}.trace-axis{color:#70827c;align-items:center;gap:7px;padding:7px 54px 13px;font-size:9px;display:flex}.trace-axis i{background:#b6c2bd;flex:1;height:1px;position:relative}.trace-axis i:after{content:"";border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:6px solid #9caca6;position:absolute;top:-3px;right:0}.trace-axis em{color:#99a39f;margin-left:16px;font-style:normal}.peak-workbench{border-top:1px solid #e4e9e5;grid-template-columns:1fr 1fr 1.12fr;display:grid}.peak-workbench>div{border-right:1px solid #e6ebe7;min-height:230px;padding:20px 22px}.peak-workbench>div:last-child{border-right:0}.selected-identity{align-items:center;gap:12px;margin:12px 0 16px;display:flex}.selected-identity>b{font:600 32px DM Mono,monospace}.selected-identity strong,.selected-identity span{display:block}.selected-identity strong{color:#244a40;font:600 15px DM Mono,monospace}.selected-identity span{color:#8a9691;margin-top:3px;font-size:9px}.peak-summary dl{margin:0}.peak-summary dl div{border-top:1px solid #edf0ed;justify-content:space-between;padding:7px 0;display:flex}.peak-summary dt{color:#84918c;font-size:9px}.peak-summary dd{color:#3b5b52;margin:0;font:500 10px DM Mono,monospace}.known-hotspot{background:#fff7f0;border:1px solid #f0d5c1;border-radius:7px;margin-top:12px;padding:9px}.known-hotspot span{text-transform:uppercase;letter-spacing:.08em;color:#a06b45;margin-bottom:6px;font-size:8px;display:block}.known-hotspot button{color:#a95720;cursor:pointer;background:0 0;border:0;padding:0;font-size:10px;font-weight:600}.secondary-editor h3{color:#244b41;margin:8px 0 13px;font:500 17px Newsreader,serif}.base-picker{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.base-picker button{color:var(--base-color);cursor:pointer;background:#fff;border:1px solid #dfe5e1;border-radius:7px;padding:9px 4px;font:600 15px DM Mono,monospace}.base-picker button small{color:#95a09c;margin-top:3px;font:7px DM Sans,sans-serif;display:block}.base-picker button.active{border-color:var(--base-color);box-shadow:inset 0 0 0 1px var(--base-color);background:#f9fbfa}.base-picker button:disabled{opacity:.38;cursor:not-allowed}.secondary-editor p{color:#8a9691;margin:13px 0 0;font-size:9px;line-height:1.5}.variant-result{background:#fafbf9}.variant-result.active{background:#fffaf6}.result-change{align-items:center;gap:13px;margin:13px 0;display:flex}.result-change>span{white-space:nowrap;font:600 17px DM Mono,monospace}.result-change strong,.result-change em{display:block}.result-change strong{color:#963f12;font:600 13px DM Mono,monospace}.result-change em{color:#644b3d;margin-top:3px;font:500 12px DM Mono,monospace}.codon-change{color:#8e705d;border-top:1px solid #eddfd4;justify-content:space-between;padding:9px 0;font-size:9px;display:flex}.codon-change code{color:#4d594f;font:600 10px DM Mono,monospace}.report-label{background:#fff;border:1px solid #eadbcf;border-radius:7px;align-items:center;gap:8px;padding:8px 9px;display:flex}.report-label span{color:#495c55;flex:1;font:9px/1.4 DM Mono,monospace}.report-label button,.open-region{color:#2d6557;cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:4px;font-size:9px;display:flex}.open-region{margin-top:10px;padding:0}.empty-result{text-align:center;color:#9ba7a2;align-content:center;place-items:center;height:150px;display:grid}.empty-result p{max-width:210px;margin:8px 0;font-size:10px;line-height:1.5}.interpretation-caveat{color:#7f8d88;background:#f4f7f5;border-top:1px solid #e5e9e5;gap:10px;padding:11px 22px;font-size:9px;display:flex}.interpretation-caveat strong{color:#49665e}.interpretation-caveat span{line-height:1.45}@media (width<=980px){.reaction-context{grid-template-columns:1fr auto}.coverage-map{grid-area:2/1/auto/-1}.peak-workbench{grid-template-columns:1fr 1fr}.variant-result{grid-column:1/-1}.peak-workbench>div:nth-child(2){border-right:0}.variant-result{border-top:1px solid #e6ebe7}}@media (width<=680px){.sanger-title-row{display:block}.synthetic-badge{margin-top:12px;display:inline-block}.sanger-card-head{align-items:flex-start;gap:14px}.reaction-switcher{flex:1}.reaction-switcher button{padding:8px}.reaction-context{grid-template-columns:1fr}.coverage-map{grid-area:auto}.coverage-coordinates{text-align:left}.chromatogram-shell{grid-template-columns:24px minmax(0,1fr) 24px;padding-left:4px;padding-right:4px}.trace-axis{padding-left:32px;padding-right:32px}.trace-axis em{display:none}.peak-workbench{display:block}.peak-workbench>div{border-bottom:1px solid #e6ebe7;border-right:0}.trace-legend{gap:7px}}.trace-amino-background{fill:#f7faf8;stroke:#dfe8e4;stroke-width:.8px}.trace-amino-background.selected{fill:#fff2e8;stroke:#db9562;stroke-width:1.2px}.trace-amino-label{fill:#31564c;font:500 9px DM Sans,sans-serif}.trace-amino-label tspan{fill:#7b8e87;font:7px DM Mono,monospace}.trace-amino-label.selected{fill:#9e4f1a;font-weight:600}.trace-amino-label.selected tspan{fill:#bd6427}.trace-amino-bracket{stroke:#9eb6ae;stroke-width:1px}.trace-amino-bracket.selected{stroke:#d77b35;stroke-width:1.4px}