@layer tokens,reset,base;@layer components{.xp{gap:var(--space-6);flex-direction:column;display:flex}.xp-layout{gap:var(--space-6);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=66rem){.xp-layout{grid-template-columns:minmax(0,1fr) 21.5rem}}.xp-side{gap:var(--space-6);min-width:0;display:grid}@media (width>=66rem) and (height>=44rem){.xp-side{top:var(--space-4);position:sticky}}.xp-plot{gap:var(--space-4);scroll-margin-top:var(--space-4);container-type:inline-size}.xp-axes{align-items:center;gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.xp-axis{align-items:center;gap:var(--space-2);min-width:0;display:flex}.xp-swap{width:var(--tap);height:var(--tap);background:var(--color-surface-sunken);color:var(--color-link);transition:background var(--dur-fast) var(--ease-out);border:0;border-radius:50%;place-items:center;display:grid;transform:rotate(90deg)}.xp-swap:hover{background:color-mix(in srgb, var(--color-surface-sunken) 70%, var(--color-border))}@media (width<=47.99rem){.xp-axes{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.xp-swap{justify-self:center;margin-block:-.25rem;transform:none}}.xp .chart__legend-btn,.xp-strong .seg__btn,.cmp .seg__btn{min-height:var(--tap)}.vp-trigger{align-items:center;gap:var(--space-3);min-width:0;min-height:4rem;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-2);border-radius:var(--radius-md);background:var(--color-surface-2);box-shadow:inset 0 0 0 2px var(--color-border);color:var(--color-text);text-align:left;transition:box-shadow var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);border:0;flex:1;display:flex}.vp-trigger:hover{box-shadow:inset 0 0 0 2px var(--color-border-strong);background:var(--color-surface)}.vp-trigger__axis{background:var(--grad-primary);width:2.5rem;height:2.5rem;color:var(--white);font-size:var(--fs-md);font-weight:var(--fw-black);box-shadow:var(--shadow-sm);border-radius:50%;flex:none;place-items:center;display:grid}.vp-trigger__text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.vp-trigger__label{-webkit-line-clamp:2;line-clamp:2;font-weight:var(--fw-black);font-size:var(--fs-base);-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.vp-trigger__ctx{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vp-trigger__chev{color:var(--color-link);flex:none}.xp-switch{align-items:center;gap:var(--space-2);min-height:var(--tap);padding:0 var(--space-2);border-radius:var(--radius-pill);color:var(--color-text);font-size:var(--fs-sm);font-weight:var(--fw-heavy);white-space:nowrap;background:0 0;border:0;flex:none;display:inline-flex}.xp-switch:hover{background:var(--color-surface-sunken)}.xp-switch__track{border-radius:var(--radius-pill);background:var(--color-border-strong);width:2.5rem;height:1.5rem;transition:background var(--dur-fast) var(--ease-out);position:relative}.xp-switch__track:after{content:"";background:var(--color-surface);width:1.125rem;height:1.125rem;box-shadow:var(--shadow-xs);transition:transform var(--dur-med) var(--ease-out);border-radius:50%;position:absolute;top:.1875rem;left:.1875rem}.xp-switch[aria-checked=true] .xp-switch__track{background:var(--grad-primary)}.xp-switch[aria-checked=true] .xp-switch__track:after{transform:translate(16px)}.xp-filters{gap:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:end;display:grid}@media (width<=40rem){.xp-filters{grid-template-columns:minmax(0,1fr)}}.xp-scope .select,.xp-strong .select{text-overflow:ellipsis;width:100%;min-width:0}.xp-scope .select:disabled{opacity:.7}.xp-search .search__box{box-shadow:inset 0 0 0 2px var(--color-border);height:var(--tap)}.xp-chips{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.xp-chip{align-items:center;gap:var(--space-2);min-height:var(--tap);padding-left:var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-sunken);font-size:var(--fs-sm);font-weight:var(--fw-heavy);display:inline-flex}.xp-chip__dot{background:var(--chart-highlight);width:.75rem;height:.75rem;box-shadow:0 0 0 3px var(--chart-highlight-halo);border-radius:50%}.xp-chip.is-off .xp-chip__dot{background:var(--chart-point-muted);box-shadow:none}.xp-chip__name{min-height:var(--tap);color:var(--color-text);align-items:center;text-decoration:none;display:inline-flex}.xp-chip__name:hover{text-decoration:underline}.xp-chip__note{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-text-muted)}.xp-chip__x{width:var(--tap);height:var(--tap);color:var(--color-text-muted);background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.xp-chip__x:hover{color:var(--color-text);background:color-mix(in srgb, var(--color-border) 60%, transparent)}.xp-chart{min-width:0}.xp-skeleton{aspect-ratio:640/430;padding:var(--space-5);border-radius:var(--radius-lg);background:repeating-linear-gradient(0deg, transparent 0 calc(20% - 1px), var(--chart-grid) calc(20% - 1px) 20%), var(--color-surface-2);color:var(--color-text-muted);font-weight:var(--fw-heavy);text-align:center;place-items:center;display:grid}.xp-foot{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.xp-foot__actions{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.xp-foot__actions [hidden]{display:none}.xp-copied{font-size:var(--fs-sm);font-weight:var(--fw-heavy);color:var(--tone-green-ink)}.xp-copied:empty{display:none}.xp-pre{gap:var(--space-4)}.xp-live{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-2);box-shadow:inset 0 0 0 1.5px var(--color-border);flex-direction:column;display:flex}.xp-live__head{align-items:baseline;gap:0 var(--space-3);flex-wrap:wrap;display:flex}.xp-live__body{gap:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr);display:grid}@container (width>=36rem){.xp-live__body>.xp-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}.xp-verdict{align-items:baseline;gap:0 var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-surface-sunken);flex-wrap:wrap;display:flex}.xp-verdict__title{font-weight:var(--fw-black);color:var(--color-heading)}.xp-verdict__text{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-text-muted)}.xp-tiles{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.xp-tile{padding:var(--space-3) var(--space-3) calc(var(--space-3) + .1875rem);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-xs);position:relative;overflow:hidden}.xp-tile:after{content:"";background:var(--tone-green-bar);height:.25rem;position:absolute;inset:auto 0 0}.xp-tile:nth-child(2):after{background:var(--tone-orange-bar)}.xp-tile:nth-child(3):after{background:var(--tone-sky-bar)}.xp-tile:nth-child(4):after{background:var(--tone-red-bar)}.xp-tile dt{font-size:var(--fs-xs);font-weight:var(--fw-heavy);color:var(--color-text-muted)}.xp-tile dd{font-size:var(--fs-xl);font-weight:var(--fw-black);font-variant-numeric:tabular-nums;color:var(--color-heading);line-height:1.15}.xp-tile__p{font-size:var(--fs-md)!important;line-height:1.6!important}.xp-notes{gap:var(--space-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-text-muted);flex-direction:column;line-height:1.45;display:flex}.xp-badge{border-radius:var(--radius-pill);font-size:var(--fs-sm);font-weight:var(--fw-black);align-self:flex-start;padding:.4em .9em;line-height:1.3}.xp-badge--good{color:var(--tone-green-ink);background:color-mix(in srgb, var(--tone-green-bar) 16%, var(--color-surface))}.xp-badge--warn{color:var(--tone-orange-ink);background:color-mix(in srgb, var(--tone-orange-bar) 18%, var(--color-surface))}.xp-badge--muted{color:var(--color-text-muted);background:var(--color-surface-sunken)}.xp-pre__list{gap:var(--space-3);flex-direction:column;display:flex}.xp-pre__list>div{gap:2px var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) auto;display:grid}.xp-pre__list>div:first-child{border-top:0;padding-top:0}.xp-pre__list dt{font-weight:var(--fw-black)}.xp-pre__list dd{font-weight:var(--fw-black);font-variant-numeric:tabular-nums;text-align:right}.xp-pre__list dd small{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-text-muted);display:block}.xp-pre__list p{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-text-muted);grid-column:1/-1;line-height:1.45}.xp-pre__na{gap:var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-text-muted);display:flex}.xp-pre__na svg{color:var(--tone-sky-ink);flex:none;margin-top:2px}html:has(.vp-dialog[open]){overflow:hidden}.vp-dialog{border-radius:var(--radius-xl);background:var(--color-surface);width:min(46rem,100vw - 2rem);max-width:none;height:min(46rem,100dvh - 3rem);max-height:none;color:var(--color-text);box-shadow:var(--shadow-popover);border:0;padding:0;overflow:hidden}.vp-dialog::backdrop{background:#041c0e8c}.vp-dialog[open]{animation:vp-in var(--dur-med) var(--ease-out)}@keyframes vp-in{0%{opacity:0;transform:translateY(12px)}}@media (width<=47.99rem){.vp-dialog{border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;height:min(88dvh,44rem);margin:auto 0 0}.vp-dialog[open]{animation-name:vp-sheet}@keyframes vp-sheet{0%{transform:translateY(40%)}}}.vp-dialog__inner{flex-direction:column;height:100%;display:flex}.vp-dialog__head{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3) var(--space-5);display:flex}.vp-dialog__title{font-size:var(--fs-lg)}.vp-close{width:var(--tap);height:var(--tap);background:var(--color-surface-sunken);color:var(--color-text);border:0;border-radius:50%;flex:none;place-items:center;display:grid}.vp-close:hover{background:color-mix(in srgb, var(--color-surface-sunken) 70%, var(--color-border))}.vp-dialog__search{padding:0 var(--space-5) var(--space-3)}.vp-dialog__search .search__box{height:3.125rem;box-shadow:inset 0 0 0 2px var(--color-border)}.vp-dialog__body{overscroll-behavior:contain;min-height:0;padding:var(--space-1) var(--space-5) var(--space-6);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}@media (width<=47.99rem){.vp-dialog__head{padding-inline:var(--space-4) var(--space-3)}.vp-dialog__search,.vp-dialog__body{padding-inline:var(--space-4)}}.vp-tabs{gap:var(--space-1);padding:var(--space-1);border-radius:var(--radius-pill);background:var(--color-surface-sunken);flex-wrap:wrap;align-self:flex-start;max-width:100%;display:flex}.vp-tab{border-radius:var(--radius-pill);min-height:2.5rem;color:var(--color-text);font-size:var(--fs-sm);font-weight:var(--fw-black);background:0 0;border:0;padding:0 .95em}.vp-tab:hover{background:color-mix(in srgb, var(--color-surface) 60%, transparent)}.vp-tab[aria-selected=true]{color:var(--white);background:var(--grad-primary)}@media (width<=30rem){.vp-tabs{border-radius:var(--radius-md);grid-template-columns:repeat(2,minmax(0,1fr));align-self:stretch;display:grid}.vp-tab{border-radius:var(--radius-sm)}}.vp-panel{gap:var(--space-3);flex-direction:column;display:flex}.vp-hint{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-text-muted)}.vp-traits{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));display:grid}.vp-trait,.vp-cell,.vp-region{background:var(--color-surface-2);box-shadow:inset 0 0 0 1.5px var(--color-border);color:var(--color-text);transition:background var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border:0}.vp-trait:hover,.vp-cell:hover,.vp-region:hover{background:var(--color-surface-sunken);box-shadow:inset 0 0 0 1.5px var(--color-border-strong)}.vp-trait[aria-pressed=true],.vp-cell[aria-pressed=true],.vp-region[aria-pressed=true]{color:var(--white);background:var(--grad-primary);box-shadow:none}.vp-trait{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:3.25rem;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);text-align:left;display:flex}.vp-trait__label{font-weight:var(--fw-black)}.vp-trait__meta{font-size:var(--fs-xs);font-weight:var(--fw-bold);opacity:.8;white-space:nowrap}.vp-matrix{gap:var(--space-2);flex-direction:column;display:flex}.vp-matrix__row{gap:var(--space-2);grid-template-columns:8.5rem repeat(4,minmax(0,1fr));align-items:center;display:grid}.vp-matrix__region{font-size:var(--fs-sm);font-weight:var(--fw-black)}.vp-cell--wide{grid-column:span 2}.vp-matrix--measures .vp-matrix__row{grid-template-columns:minmax(8.5rem,1.3fr) repeat(2,minmax(0,1fr))}@media (width<=34rem){.vp-matrix__row{grid-template-columns:4.6rem repeat(4,minmax(0,1fr));gap:.375rem}.vp-matrix--measures .vp-matrix__row{grid-template-columns:minmax(6.5rem,1.3fr) repeat(2,minmax(0,1fr))}.vp-matrix__region{font-size:var(--fs-xs);line-height:1.2}.vp-cell{font-size:var(--fs-xs)!important;padding-inline:2px!important}}.vp-cell{min-width:0;min-height:var(--tap);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--fs-sm);font-weight:var(--fw-heavy);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1px;line-height:1.15;display:flex}.vp-cell__sub{font-size:var(--fs-xs);font-weight:var(--fw-bold);opacity:.8}.vp-cell--codon .vp-cell__main{font-family:var(--font-mono);letter-spacing:.04em;font-weight:700}.vp-regions{flex-wrap:wrap;gap:.375rem;display:flex}.vp-region{border-radius:var(--radius-pill);min-height:2.25rem;font-size:var(--fs-sm);font-weight:var(--fw-heavy);padding:0 .85em}@media (pointer:coarse){.vp-region{min-height:var(--tap)}}.vp-grid{gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(min(100%,8.5rem),1fr));display:grid}.vp-grid--codons{grid-template-columns:repeat(auto-fill,minmax(4.4rem,1fr))}.vp-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.vp-results{flex-direction:column;gap:2px;display:flex}.vp-result{align-items:center;gap:var(--space-3);min-height:var(--tap);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;display:flex}.vp-result[aria-selected=true]{background:var(--color-surface-sunken)}.vp-result[aria-current=true] .vp-result__label:after{content:" (current)";font-weight:var(--fw-bold);color:var(--color-text-muted)}.vp-result__kind{width:2rem;height:2rem;font-size:var(--fs-xs);font-weight:var(--fw-black);border-radius:50%;flex:none;place-items:center;display:grid}.vp-result__kind--trait{color:var(--tone-red-ink);background:color-mix(in srgb, var(--tone-red-bar) 18%, transparent)}.vp-result__kind--composition{color:var(--tone-green-ink);background:color-mix(in srgb, var(--tone-green-bar) 18%, transparent)}.vp-result__kind--codon{color:var(--tone-sky-ink);background:color-mix(in srgb, var(--tone-sky-bar) 20%, transparent)}.vp-result__kind--aminoAcid,.vp-result__kind--hydropathy{color:var(--tone-violet-ink);background:color-mix(in srgb, var(--tone-violet-bar) 20%, transparent)}.vp-result__kind--fourfold{color:var(--tone-orange-ink);background:color-mix(in srgb, var(--tone-orange-bar) 20%, transparent)}.vp-result__kind--structure{color:var(--tone-navy-ink);background:color-mix(in srgb, var(--tone-navy-bar) 18%, transparent)}.vp-result__text{flex-direction:column;min-width:0;line-height:1.25;display:flex}.vp-result__label{font-weight:var(--fw-black)}.vp-result__ctx{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-text-muted)}.vp-empty,.vp-more{padding:var(--space-3);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-text-muted)}.xp-strong{gap:var(--space-4)}.xp-strong__lede{max-width:34rem}.xp-strong__controls{align-items:flex-end;gap:var(--space-3) var(--space-4);flex-wrap:wrap;display:flex}.xp-strong__controls>.field:nth-child(-n+2){flex:13rem;min-width:0}.xp-check{align-items:center;gap:var(--space-2);min-height:var(--tap);font-size:var(--fs-sm);font-weight:var(--fw-heavy);cursor:pointer;display:inline-flex}.xp-check input{width:1.25rem;height:1.25rem;accent-color:var(--tone-green-bar)}.xp-strong__summary{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--color-text-muted)}.xp-strong__summary strong{color:var(--color-heading);font-weight:var(--fw-black)}.xp-rows{--cols:2.2rem minmax(0, 1fr) 10.5rem 5.6rem 4.6rem;border-radius:var(--radius-md);box-shadow:inset 0 0 0 2px var(--color-border);transition:opacity var(--dur-fast) var(--ease-out);overflow:hidden}.xp-rows.has-partial{--cols:2.2rem minmax(0, 1fr) 10.5rem 5.6rem 4.6rem 5rem}.xp-rows.is-loading{opacity:.55}.xp-rows__head,.xp-row{grid-template-columns:var(--cols);gap:var(--space-3);padding:var(--space-2) var(--space-4);align-items:center;display:grid}.xp-rows__head{padding-block:var(--space-3);background:var(--color-surface-sunken);font-size:var(--fs-xs);font-weight:var(--fw-black);color:var(--color-heading)}.xp-rows__head>:nth-child(n+3){text-align:right}.xp-rows__list{margin:0}.xp-rows__list li+li .xp-row{border-top:1px solid var(--color-border)}.xp-row{width:100%;min-height:3.5rem;color:var(--color-text);text-align:left;font-size:var(--fs-sm);font-variant-numeric:tabular-nums;background:0 0;border:0}.xp-row:hover{background:var(--color-surface-2)}.xp-row:focus-visible{outline-offset:-3px}.xp-row__rank{font-weight:var(--fw-black);color:var(--color-text-muted)}.xp-row__name{min-width:0;font-weight:var(--fw-black);flex-direction:column;line-height:1.3;display:flex}.xp-row__sub{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--color-text-muted)}.xp-row__rho{align-items:center;gap:var(--space-2);display:flex}.xp-row__val,.xp-row__q,.xp-row__pic,.xp-row__part{font-weight:var(--fw-black);text-align:right;white-space:nowrap}.xp-row__val{min-width:3.2rem}.xp-row .is-weak{font-weight:var(--fw-bold);color:var(--color-text-muted)}.xp-row__lbl{font-weight:var(--fw-bold);color:var(--color-text-muted);display:none}.xp-rho{border-radius:var(--radius-pill);background:var(--color-surface-sunken);flex:1;height:.625rem;position:relative}.xp-rho:before{content:"";background:var(--color-border-strong);width:2px;margin-left:-1px;position:absolute;top:-.1875rem;bottom:-.1875rem;left:50%}.xp-rho__bar{border-radius:var(--radius-pill);position:absolute;top:0;bottom:0}.xp-rho__bar.is-pos{background:var(--tone-orange-bar)}.xp-rho__bar.is-neg{background:var(--tone-sky-bar)}.xp-row__stats{display:contents}@media (width<=47.99rem){.xp-rows__head{display:none}.xp-row,.xp-rows.has-partial .xp-row{gap:var(--space-1) var(--space-2);padding:var(--space-3);grid-template-columns:1.6rem minmax(0,1fr);grid-template-areas:"rank name"".rho"".stats"}.xp-row__rank{grid-area:rank;align-self:start}.xp-row__name{grid-area:name}.xp-row__rho{grid-area:rho;max-width:20rem}.xp-row__stats{gap:0 var(--space-4);flex-wrap:wrap;grid-area:stats;display:flex}.xp-row__val{min-width:4.4rem}.xp-row__lbl{display:inline}}.xp-strong__more{align-self:flex-start}.xp-caveats{border-radius:var(--radius-md);background:var(--color-surface-sunken);padding:0 var(--space-4)}.xp-caveats summary{min-height:var(--tap);font-weight:var(--fw-black);color:var(--color-link);cursor:pointer;align-items:center;display:flex}.xp-caveats ul{gap:var(--space-2);padding:0 0 var(--space-4) 1.2em;font-size:var(--fs-sm);flex-direction:column;line-height:1.5;display:flex}}@layer utilities;