.cr{--cr-pitch:15px;--cr-cells:201;--cr-rule:color-mix(in srgb, var(--paper) 20%, transparent);--cr-line:color-mix(in srgb, var(--paper) 34%, transparent);--cr-dim:color-mix(in srgb, var(--paper) 62%, transparent);--cr-faint:color-mix(in srgb, var(--paper) 7%, transparent);--cr-pad:clamp(14px, 1.6vw, 22px);--cr-stage:206px;--cr-tape:142px;--cr-beats:58px;grid-template-columns:minmax(0,1fr) minmax(308px,352px);grid-template-areas:"head genotype""strategy strategy""molecule panel""tape panel""beats panel""ledger ledger";grid-template-rows:auto auto var(--cr-stage) var(--cr-tape) var(--cr-beats) auto;border:2px solid var(--cr-rule);background:var(--charcoal);max-width:1360px;color:var(--paper);font-family:var(--font-display);margin-inline:auto;display:grid}.cr :focus-visible{outline:2px solid var(--yellow);outline-offset:3px}.cr-head{padding:var(--cr-pad);border-bottom:2px solid var(--cr-rule);grid-area:head;gap:8px;display:grid}.cr-eyebrow{color:var(--cr-dim);font:500 11px / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0}.cr-call{height:2.76em;font:500 clamp(16px, 1.35vw, 19px) / 1.38 var(--font-display);letter-spacing:-.015em;margin:0;overflow:hidden}.cr-genotype{padding:var(--cr-pad);border-bottom:2px solid var(--cr-rule);border-left:2px solid var(--cr-rule);grid-area:genotype;align-content:start;gap:10px;display:grid}.cr-genotype__label{color:var(--cr-dim);font:500 11px / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin:0}.cr-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.cr .cr-chip{border:2px solid var(--cr-line);min-height:48px;color:var(--paper);cursor:pointer;transition:background var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);background:0 0;gap:3px;padding:6px 4px;display:grid}.cr .cr-chip:hover{background:var(--cr-faint)}.cr .cr-chip[data-on=true]{border-color:var(--paper);background:var(--paper);color:var(--ink)}.cr-chip__name{font:500 13px / 1 var(--font-mono);letter-spacing:.02em}.cr-chip__aa{color:var(--cr-dim);letter-spacing:.02em;font-size:10px}.cr .cr-chip[data-on=true] .cr-chip__aa{color:color-mix(in srgb, var(--ink) 66%, transparent)}.cr-stage{display:contents}.cr-molecule{height:var(--cr-stage);border-block:2px solid var(--cr-rule);background:radial-gradient(120% 150% at 50% 38%, color-mix(in srgb, var(--charcoal) 58%, var(--ink)) 0%, color-mix(in srgb, var(--charcoal) 74%, var(--ink)) 48%, var(--ink) 100%);grid-area:molecule;min-width:0;position:relative;overflow:hidden}.cr-canvas{width:100%;height:100%;display:block}.cr-tape{min-width:0;height:var(--cr-tape);grid-template:"map map"24px"labels reel"minmax(0,1fr)/106px minmax(0,1fr);grid-area:tape;padding-top:10px;display:grid}.cr-map{height:16px;margin:0 var(--cr-pad);border-bottom:1px solid var(--cr-rule);grid-area:map;position:relative}.cr-labels{padding:8px 0 0 var(--cr-pad);grid-area:labels;grid-template-rows:repeat(2,36px);align-content:start;display:grid}.cr-labels p{align-content:center;min-width:0;margin:0;padding-right:10px;display:grid}.cr-labels p+p{border-top:1px solid var(--cr-rule)}.cr-labels__name{font:500 10px / 1.1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.cr-labels p[data-side=mutant] .cr-labels__name{color:var(--red)}.cr-labels p[data-side=normal] .cr-labels__name{color:var(--cr-dim)}.cr-labels__note{color:var(--cr-dim);font-size:9px;line-height:1.2}.cr .cr-map__site{top:3px;left:calc(var(--at) * 100%);background:var(--cr-line);cursor:pointer;border:0;width:2px;height:7px;min-height:0;padding:0;position:absolute}.cr .cr-map__site[data-only=normal]{background:var(--blue)}.cr .cr-map__site[data-only=mutant]{background:var(--yellow)}.cr .cr-map__site[data-on=true]{background:var(--red);height:13px;top:0}.cr-map__codon{top:0;left:calc(var(--at) * 100%);width:calc(var(--wide) * 100%);border:1px solid var(--paper);height:13px;position:absolute}.cr-map__view{width:calc(var(--wide) * 100%);background:var(--paper);height:3px;transform:translateX(calc(var(--at) / var(--wide) * 100%));transition:transform var(--dur-2) var(--ease-out);position:absolute;bottom:-1px;left:0}.cr-reel{touch-action:pan-y;cursor:grab;grid-area:reel;min-width:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 22px calc(100% - 22px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 22px calc(100% - 22px),#0000 100%)}.cr-reel:active{cursor:grabbing}.cr-track{width:calc(var(--cr-cells) * var(--cr-pitch));height:100%;transform:translateX(calc(var(--shift) * var(--cr-pitch) * -1));transition:transform var(--dur-2) var(--ease-out);padding-top:8px;position:relative}.cr-track:focus-visible{outline-offset:-2px}.cr-copy{align-content:center;height:36px;display:grid}.cr-copy+.cr-copy{border-top:1px solid var(--cr-rule)}.cr-copy__seq{grid-template-columns:repeat(var(--cr-cells), var(--cr-pitch));margin:0;display:grid}.cr-base{height:20px;font:400 12px / 1 var(--font-mono);color:var(--cr-dim);place-items:center;display:grid}.cr-base[data-base=A]{color:var(--red)}.cr-base[data-base=C]{color:var(--yellow)}.cr-base[data-base=G]{color:var(--paper)}.cr-base[data-base=T]{color:var(--blue)}.cr-copy[data-side=mutant] .cr-base[data-changed=true]{background:var(--red);color:var(--paper);font-weight:600}.cr-copy[data-side=normal] .cr-base[data-changed=true]{box-shadow:inset 0 0 0 1px var(--cr-line);font-weight:600}.cr-guide{width:calc(var(--len) * var(--cr-pitch));border:2px solid var(--paper);background:color-mix(in srgb, var(--paper) 9%, transparent);height:100%;transform:translateX(calc(var(--from) * var(--cr-pitch)));transition:transform var(--dur-2) var(--ease-out), border-color var(--dur-2) var(--ease);pointer-events:none;position:absolute;top:0;left:0}.cr-guide[data-only=normal]{border-color:var(--blue)}.cr-guide[data-only=mutant]{border-color:var(--yellow)}.cr-guide__pam{top:0;bottom:0;left:calc((var(--pam) - var(--from)) * var(--cr-pitch));width:calc(3 * var(--cr-pitch));background:color-mix(in srgb, var(--yellow) 22%, transparent);border-inline:1px solid color-mix(in srgb, var(--yellow) 60%, transparent);position:absolute}.cr-cut{background:var(--red);width:2px;height:100%;transform:translateX(calc(var(--at) * var(--cr-pitch)));transition:transform var(--dur-2) var(--ease-out);pointer-events:none;position:absolute;top:0;left:0}.cr-window{width:calc(var(--len) * var(--cr-pitch));background:color-mix(in srgb, var(--blue) 26%, transparent);border-inline:2px solid var(--blue);height:100%;transform:translateX(calc(var(--from) * var(--cr-pitch)));transition:transform var(--dur-2) var(--ease-out);pointer-events:none;position:absolute;top:0;left:0}.cr-nick{background:var(--red);width:2px;height:50%;transform:translateX(calc(var(--at) * var(--cr-pitch)));transition:transform var(--dur-2) var(--ease-out);pointer-events:none;position:absolute;top:0;left:0}.cr-nick--second{top:50%}.cr-mark{top:0;left:calc(var(--at) * var(--cr-pitch));width:var(--cr-pitch);border-inline:1px dashed color-mix(in srgb, var(--paper) 40%, transparent);pointer-events:none;height:100%;position:absolute}.cr-strategy{padding:12px var(--cr-pad);border-top:2px solid var(--cr-rule);grid-area:strategy;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.cr .cr-strat{border:2px solid var(--cr-line);min-height:86px;color:var(--paper);text-align:left;cursor:pointer;transition:background var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);background:0 0;align-content:start;gap:6px;padding:11px 12px;display:grid}.cr .cr-strat:hover{background:var(--cr-faint)}.cr .cr-strat[data-on=true]{border-color:var(--red);background:color-mix(in srgb, var(--red) 12%, transparent)}.cr .cr-strat[data-id=rewrite][data-on=true],.cr .cr-strat[data-id=write][data-on=true]{border-color:var(--yellow);background:color-mix(in srgb, var(--yellow) 12%, transparent)}.cr-strat__name{font:600 15px / 1.1 var(--font-display);letter-spacing:-.02em}.cr-strat__mech{color:var(--cr-dim);font:500 10px / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.cr-strat__said{color:var(--cr-dim);font-size:12.5px;line-height:1.4}.cr .cr-strat[data-on=true] .cr-strat__said{color:var(--paper)}.cr-beats{padding:10px var(--cr-pad);border-top:2px solid var(--cr-rule);flex-wrap:wrap;grid-area:beats;gap:6px;display:flex}.cr .cr-beat{border:2px solid var(--cr-line);color:var(--paper);font:500 12px / 1 var(--font-mono);letter-spacing:.04em;cursor:pointer;transition:background var(--dur-1) var(--ease), border-color var(--dur-1) var(--ease);background:0 0;padding:0 12px}.cr-beat__short{display:none}.cr .cr-beat:hover{background:var(--cr-faint)}.cr .cr-beat[data-on=true]{border-color:var(--red);background:var(--red);color:var(--paper)}.cr-panel{min-height:0;padding:var(--cr-pad);border-left:2px solid var(--cr-rule);grid-area:panel;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;display:grid;overflow:hidden}.cr-panel__body{align-content:start;gap:12px;min-height:0;display:grid}.cr-panel__title{font:600 15px / 1.2 var(--font-display);letter-spacing:-.02em;margin:0}.cr-compare{gap:10px;margin:0;display:grid}.cr-compare__row{border-top:2px solid var(--cr-rule);gap:5px;padding-top:9px;display:grid}.cr-compare__row dt{font:500 10px / 1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.cr-compare__row[data-side=mutant] dt{color:var(--red)}.cr-compare__row[data-side=normal] dt{color:var(--cr-dim)}.cr-compare__row dd{gap:5px;margin:0;display:grid}.cr-pam{gap:2px;display:flex}.cr-pam span{border:1px solid var(--cr-line);width:20px;height:22px;font:500 12px / 1 var(--font-mono);place-items:center;display:grid}.cr-pam[data-ok=true] span{border-color:color-mix(in srgb, var(--yellow) 60%, transparent);background:color-mix(in srgb, var(--yellow) 18%, transparent)}.cr-pam[data-ok=false] span{color:var(--cr-dim);border-style:dashed}.cr-compare__said{color:var(--cr-dim);font-size:12.5px;line-height:1.4}.cr-panel__note{border-top:2px solid var(--cr-rule);margin:0;padding-top:10px;font-size:13px;line-height:1.45}.cr-edit{margin:0;font-size:13.5px;line-height:1.5}.cr-edit code,.cr-strat__said code{border:1px solid var(--cr-line);background:var(--cr-faint);font:500 .92em / 1 var(--font-mono);padding:1px 4px}.cr-spec{gap:0;margin:0;display:grid}.cr-spec__row{border-top:2px solid var(--cr-rule);grid-template-columns:96px minmax(0,1fr);align-items:baseline;gap:10px;padding:6px 0;display:grid}.cr .cr-spec__row dt{color:var(--cr-dim);font:500 10px / 1.2 var(--font-mono);letter-spacing:.06em;text-transform:uppercase}.cr .cr-spec__row dd{margin:0;font-size:13px;line-height:1.4}.cr .cr-spec__row[data-warn=true] dt,.cr .cr-spec__row[data-warn=true] dd{color:var(--red)}.cr-ledger{padding:9px var(--cr-pad);border-top:2px solid var(--cr-rule);color:var(--cr-dim);font:400 11px / 1.4 var(--font-mono);letter-spacing:.02em;flex-wrap:wrap;grid-area:ledger;justify-content:space-between;gap:6px 20px;display:flex}@media (prefers-reduced-motion:reduce){.cr-track,.cr-guide,.cr-cut,.cr-nick,.cr-window,.cr-map__view{transition:none}}.cr .cr-beat--set[data-on=true]{border-color:var(--paper);background:var(--paper);color:var(--ink)}.cr .cr-beat--split{margin-left:12px}.cr .cr-beat--aside{border-color:var(--cr-rule);color:var(--cr-dim);margin-left:auto}.cr .cr-beat--aside[data-on=true]{border-color:var(--paper);color:var(--paper);background:0 0}.cr-chip__share{color:var(--yellow);font:500 10px / 1 var(--font-mono)}.cr .cr-chip[data-on=true] .cr-chip__share{color:color-mix(in srgb, var(--ink) 74%, transparent)}.cr-genotype__hint{color:var(--cr-dim);text-transform:none;letter-spacing:.02em}.cr-measured{border-top:2px solid var(--cr-rule);color:var(--cr-dim);grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:10px;margin:0;padding-top:10px;font-size:12.5px;line-height:1.4;display:grid}.cr-measured__value{color:var(--red);font:500 19px / 1 var(--font-display);letter-spacing:-.02em}.cr-outcomes{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cr-outcomes li{grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:10px;font-size:12.5px;display:grid}.cr-outcomes__bar{border:1px solid var(--cr-line);height:8px;display:block}.cr-outcomes__fill{width:var(--fill);background:var(--cr-dim);height:100%;display:block}.cr-outcomes li[data-shifts=true] .cr-outcomes__fill{background:var(--red)}.cr-outcomes__said code{font:500 12px / 1 var(--font-mono);color:var(--yellow)}.cr-outcomes__frame{color:var(--cr-dim);font:400 10px / 1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase}
@media (max-width:1099px){.cr{--cr-stage:196px;--cr-panel:276px;grid-template-columns:minmax(0,1fr);grid-template-areas:"head""genotype""strategy""molecule""tape""beats""panel""ledger";grid-template-rows:auto auto auto var(--cr-stage) var(--cr-tape) var(--cr-beats) var(--cr-panel) auto}.cr-genotype{border-left:0}.cr-panel{border-left:0;border-top:2px solid var(--cr-rule)}.cr-compare{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:899px){.cr{--cr-pad:12px;--cr-pitch:14px;--cr-tape:136px;--cr-panel:216px;border-width:0;border-top:2px solid var(--cr-rule);grid-template-rows:auto auto auto minmax(120px,1fr) auto auto auto auto;height:min(100svh - 12px,880px)}.cr-molecule{height:auto;min-height:0}.cr-call{height:4.02em;font-size:14.5px;line-height:1.34}.cr-eyebrow{font-size:10px}.cr-genotype{padding-block:10px}.cr-genotype__hint{display:none}.cr-chips{gap:5px}.cr .cr-chip{gap:2px;min-height:42px}.cr-chip__name{font-size:12px}.cr-chip__aa{display:none}.cr-tape{height:var(--cr-tape);grid-template-columns:80px minmax(0,1fr);padding-top:8px}.cr-labels{padding-left:var(--cr-pad)}.cr-labels__name{letter-spacing:0;font-size:9px}.cr-beats{padding:8px var(--cr-pad);gap:4px}.cr .cr-beat{letter-spacing:0;flex:auto;min-width:0;padding:0 6px;font-size:11.5px}.cr .cr-beat--aside{flex:none;margin-left:auto}.cr-beat__long{display:none}.cr-beat__short{display:inline}.cr-panel{min-height:var(--cr-panel);grid-template-rows:none;align-content:start;gap:8px;padding-block:10px;overflow:visible}.cr-panel__body{gap:8px;min-height:auto}.cr-strategy{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding-block:10px}.cr .cr-strat{gap:3px;min-height:0;padding:8px 9px}.cr-strat__name{font-size:13px;line-height:1.15}.cr-strat__mech{letter-spacing:.04em;font-size:9px}.cr-strat__said,.cr-panel__note,.cr-ledger__source{display:none}.cr-panel__title{font-size:14px}.cr-edit{font-size:12.5px;line-height:1.45}.cr-spec__row{padding:5px 0}.cr .cr-spec__row dd{font-size:12px}.cr-compare{gap:10px}.cr-compare__said{font-size:11.5px}.cr-panel__note{font-size:12px}.cr-measured{font-size:11.5px}.cr-ledger{gap:2px 12px;padding-block:7px;font-size:9.5px}}@media (max-width:420px){.cr{--cr-pitch:13px}.cr-chip__share{font-size:9px}}@media (max-width:380px){.cr{--cr-panel:264px}}
.cr-notes{font-size:15px;line-height:1.65}.cr-notes__grid{columns:2;column-gap:48px}.cr-note{border-top:2px solid var(--ink);break-inside:avoid;grid-template-columns:34px minmax(0,1fr);gap:16px;padding:20px 0 30px;display:grid}.cr-note--lead{margin-bottom:28px;padding-block:24px 36px}.cr-note--lead p:not(.cr-note__number){max-width:64ch;font:500 clamp(19px, 2vw, 25px) / 1.5 var(--font-display);letter-spacing:-.015em}.cr-note__number{font:500 10px / 1 var(--font-mono);letter-spacing:.08em;margin:4px 0 0}.cr-note h3{font:600 19px / 1.25 var(--font-display);letter-spacing:-.02em;margin:0 0 10px}.cr-note__fold{display:none}.cr-note p:not(.cr-note__number){max-width:70ch;margin:0 0 12px}.cr-note p:not(.cr-note__number):last-child{margin-bottom:0}.cr-note__source{color:var(--dim);font:400 12px / 1.5 var(--font-mono);letter-spacing:.01em}.cr-note strong{font-weight:600}@media (max-width:760px){.cr-notes__grid{columns:1}.cr-note--lead{margin-bottom:18px}.cr-note{padding:0}.cr-note--lead{padding-block:20px 26px}.cr-note__title{display:none}.cr-note__fold{margin:0;display:block}.cr-note__toggle{width:100%;min-height:52px;color:var(--ink);font:600 17px / 1.3 var(--font-display);letter-spacing:-.02em;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:0;display:flex}.cr-note__sign{flex:none;width:14px;height:14px;position:relative}.cr-note__sign:before,.cr-note__sign:after{content:"";background:var(--ink);height:2px;position:absolute;inset:50% 0 auto}.cr-note__sign:after{transition:transform var(--dur-2) var(--ease);transform:rotate(90deg)}.cr-note[data-expanded=true] .cr-note__sign:after{transform:rotate(0)}.cr-note__body{padding-bottom:20px;display:none}.cr-note[data-expanded=true] .cr-note__body{display:block}}