@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:400;src:url(./figtree-latin-400-normal-g7Dtegnw.woff2)format("woff2"),url(./figtree-latin-400-normal-BD4aNku5.woff)format("woff")}@font-face{font-family:Figtree;font-style:normal;font-display:swap;font-weight:600;src:url(./figtree-latin-600-normal-Cv_xCTDl.woff2)format("woff2"),url(./figtree-latin-600-normal-BM_oTo4n.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(./ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(./ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff")}@font-face{font-family:Newsreader;font-style:normal;font-display:swap;font-weight:500;src:url(./newsreader-latin-500-normal-B66TYsaK.woff2)format("woff2"),url(./newsreader-latin-500-normal-DFwuUcdu.woff)format("woff")}@font-face{font-family:Newsreader;font-style:italic;font-display:swap;font-weight:500;src:url(./newsreader-latin-500-italic-Bsgye1qA.woff2)format("woff2"),url(./newsreader-latin-500-italic-m-xI0GeS.woff)format("woff")}:root{--bg:#e7e1d6;--surface:#fbf7f1;--surface-2:#f3eee6;--ink:#1c2822;--muted:#3e5148;--line:#d9d0c3;--accent:#0c6b52;--accent-strong:#084838;--on-accent:#f4fffb;--accent-soft:#d7efe6;--good:#0f6b3c;--good-soft:#d9f0e3;--caution:#8a5a10;--caution-soft:#f8ecc8;--poor:#8e2f2f;--poor-soft:#f8e4e1;--shadow:0 1px 0 #1c28220a, 0 16px 40px #1c28220f;--serif:"Newsreader", "Iowan Old Style", Palatino, Georgia, serif;--sans:"Figtree", "Avenir Next", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--a:#9f1d1d;--t:#1d4e96;--g:#0c6a3a;--c:#8a4b08;--u:#5c3d8a;--radius:16px;--name:#08382c;--name-bg:linear-gradient(120deg, #e7f7f1, #b7e4d4);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#101614;--surface:#18211d;--surface-2:#121a17;--ink:#e7f0ea;--muted:#b7c9bf;--line:#2d3c35;--accent:#3dbea0;--accent-strong:#d8fff4;--on-accent:#06241c;--accent-soft:#16352d;--good:#8ee0b5;--good-soft:#163528;--caution:#f3d48a;--caution-soft:#3a3118;--poor:#ffb4ad;--poor-soft:#3c2422;--shadow:0 1px 0 #00000059, 0 16px 40px #00000047;--a:#ff8d86;--t:#9dc1ff;--g:#7ddeaf;--c:#f0c27a;--u:#d7c0ff;--name:#e9fff8;--name-bg:linear-gradient(120deg, #1c6b58, #0e4c3e);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background-color:var(--bg);background-image:linear-gradient(to right, color-mix(in srgb, var(--ink) 6%, transparent) 1px, transparent 1px), linear-gradient(to bottom, color-mix(in srgb, var(--ink) 6%, transparent) 1px, transparent 1px);background-size:28px 28px;line-height:1.5}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.skip{background:var(--surface);z-index:5;padding:8px 12px;position:absolute;top:-40px;left:12px}.skip:focus{top:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{max-width:1120px;margin:0 auto;padding:22px 20px 56px}.top{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.brand{align-items:flex-start;gap:14px;min-width:0;display:flex}.mark{width:42px;height:42px;color:var(--accent);flex:none;margin-top:16px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.72rem;font-weight:600}h1{font-family:var(--serif);letter-spacing:-.03em;margin:2px 0 6px;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:500;line-height:.92}h1 span{color:var(--accent);font-style:italic}.tagline{max-width:36rem;color:var(--muted);margin:0}.tabs{border-bottom:1px solid var(--line);scrollbar-width:thin;gap:4px;margin-bottom:16px;display:flex;overflow-x:auto}.tabs button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:12px 14px 13px;font-weight:600}.tabs button[aria-current=page]{color:var(--ink);border-bottom-color:var(--accent)}.explain{background:var(--accent-soft);border-radius:12px;max-width:78rem;margin:0 0 14px;padding:14px 16px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:16px}.field{gap:6px;margin-bottom:12px;display:grid}.field-label,.inline span{color:var(--muted);font-size:.82rem;font-weight:600}textarea.seq,input.seq,input[type=text],input[type=number],input[type=search],select{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;width:100%;padding:10px 12px}textarea.seq{font-family:var(--mono);resize:vertical;min-height:4.5rem;font-size:.92rem;line-height:1.55}input.textish{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase}.row,.chips,.transport{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.inline{align-items:center;gap:8px;display:flex}.inline select{width:auto}.chip,.ghost,.primary{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;min-height:40px;padding:8px 14px}.chip:hover,.ghost:hover{border-color:var(--accent)}.primary{background:var(--accent);color:var(--on-accent);border-color:#0000;font-weight:600}.tiny{min-height:32px;padding:4px 10px;font-size:.85rem}.chip-label{color:var(--muted);font-size:.82rem;font-weight:600}.segment{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.segment button{border:1px solid var(--line);background:var(--surface-2);border-radius:999px;min-height:40px;padding:8px 12px}.segment button.on{background:var(--accent);color:var(--on-accent);border-color:#0000}.stats{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.stat{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;align-items:baseline;gap:6px;padding:5px 10px;font-size:.92rem;display:inline-flex}.stat-label{color:var(--muted);font-size:.78rem}.stat b{font-variant-numeric:tabular-nums;font-weight:600}.comp{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;height:10px;display:flex;overflow:hidden}.comp i{height:100%;display:block}.comp .bA{background:var(--a)}.comp .bT{background:var(--t)}.comp .bG{background:var(--g)}.comp .bC{background:var(--c)}.comp-wrap{margin-bottom:14px}.hero-block{margin:8px 0 14px}.protein-hero{font-family:var(--serif);letter-spacing:.06em;overflow-wrap:anywhere;margin:0 0 6px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.35}.protein-hero.small{font-size:1.35rem}.residue{border-radius:4px;padding:0 1px}.residue.current{background:var(--accent-soft)}.residue.stop{color:var(--poor)}.residue.orf{box-shadow:inset 0 -2px 0 var(--accent)}.residue.after,.after-stop{opacity:.45}.residue.faint{color:var(--muted)}.caption,.warn-line,.legend{color:var(--muted);margin:6px 0 10px;font-size:.92rem}.codon-track,.mini-track{flex-wrap:wrap;gap:8px;display:flex}.codon{border:1px solid var(--line);background:var(--surface-2);text-align:center;border-radius:12px;justify-items:center;gap:2px;width:4.7rem;padding:8px 4px 6px;display:grid}.codon.in-orf{background:color-mix(in srgb, var(--accent-soft) 70%, var(--surface))}.codon.is-current{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.codon.skipped{width:auto;padding-inline:10px}.bases{font-family:var(--mono);letter-spacing:.04em;font-size:.78rem}.bases.template{opacity:.72}.bases.mrna{font-size:.72rem}.aa-name{font-family:var(--serif);font-size:1rem}.badge{letter-spacing:.08em;text-transform:uppercase;color:var(--accent-strong);font-size:.65rem;font-weight:700}.codon.is-stop .badge,.codon.is-stop .aa-name{color:var(--poor)}.base{font-style:normal}.bA{color:var(--a)}.bT{color:var(--t)}.bG{color:var(--g)}.bC{color:var(--c)}.bU{color:var(--u)}.readout{flex:16rem;min-height:2.6em;margin:0}.map{font-family:var(--mono);flex-wrap:wrap;gap:2px;margin:8px 0;display:flex}.map .base{background:0 0;border:0;border-radius:3px;width:1.15rem;height:1.45rem;padding:0;font-family:inherit}.map .hit-guide{background:var(--accent-soft)}.map .hit-pam{background:var(--caution-soft)}.legend{align-items:center;gap:8px;display:flex}.swatch{border-radius:3px;width:12px;height:12px;display:inline-block}.swatch.guide{background:var(--accent-soft);border:1px solid var(--accent)}.swatch.pam{background:var(--caution-soft);border:1px solid var(--caution)}.cards{gap:10px;display:grid}.guide-card,.primer-card,.pair-summary{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:12px}.guide-card{cursor:pointer}.guide-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 30%, transparent)}.guide-card.poor{border-left:4px solid var(--poor)}.guide-card.caution{border-left:4px solid var(--caution)}.guide-card.good{border-left:4px solid var(--good)}.guide-head,.quiz-meta,.footer-links{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:10px;font-size:.88rem;display:flex}.strand{color:var(--ink);font-weight:700}.guide-seq{flex-wrap:wrap;align-items:baseline;gap:6px;margin:8px 0;display:flex}.end-label,.pam-label{color:var(--muted);font-size:.75rem}.bases.pam .base{color:var(--caution);font-weight:600}.notes{gap:6px;display:grid}.note{border-radius:8px;margin:0;padding:8px 10px;font-size:.92rem}.note.good{background:var(--good-soft)}.note.caution{background:var(--caution-soft)}.note.poor{background:var(--poor-soft)}.pair-grid{gap:12px;display:grid}h3{margin:0 0 8px;font-size:1.05rem}.banner{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:14px 16px}.banner strong{font-family:var(--serif);margin-bottom:4px;font-size:1.6rem;font-weight:500;line-height:1.1;display:block}.banner p{margin:0}.banner.good{background:var(--good-soft)}.banner.caution{background:var(--caution-soft)}.banner.poor{background:var(--poor-soft)}.mini{border:1px solid #0000;border-radius:8px;justify-items:center;gap:2px;min-width:3.4rem;padding:6px 4px;display:grid}.mini.changed{background:var(--caution-soft);border-color:var(--caution)}.mini.incomplete{opacity:.6}.empty{color:var(--muted);margin:8px 0}details.calc{color:var(--muted);margin:4px 0 8px}details.calc summary{cursor:pointer;color:var(--ink);font-weight:600}details.calc p{max-width:70rem}.quiz-panel h2.prompt{font-family:var(--serif);margin:12px 0;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:500;line-height:1.25}.progress{background:var(--surface-2);border:1px solid var(--line);border-radius:99px;height:6px;overflow:hidden}.progress span{background:var(--accent);height:100%;display:block}.choices{gap:8px;display:grid}.choice{text-align:left;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;min-height:48px;padding:12px 14px}.choice:hover:not(:disabled){border-color:var(--accent)}.choice.is-correct{background:var(--good-soft);border-color:var(--good)}.choice.is-wrong{background:var(--poor-soft);border-color:var(--poor)}.score-wrap .score{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:3.2rem;line-height:1}.review{padding-left:1.2rem}.review li{margin:0 0 10px}.review p{margin:0}.site-footer{border-top:1px solid var(--line);margin-top:28px;padding-top:16px}.site-footer p{margin:0 0 6px}.site-footer a{color:var(--accent-strong);font-weight:600}.fine{color:var(--muted);font-size:.88rem}@media (width>=800px){.pair-grid{grid-template-columns:1fr 1fr}.row>.field{flex:10rem;margin-bottom:0}}@media (width<=640px){.shell{padding-inline:14px}.top{flex-direction:column}.theme{align-self:flex-start}.mark{margin-top:8px}}.lesson-list,.aa-grid,.macro-grid,.cori-grid,.plot-grid,.path-list{gap:10px;display:grid}.lesson,.aa-card,.macro-card,.plot-card{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;padding:12px}.lesson.done{border-color:var(--good)}.lesson h3,.macro-card h3{margin-bottom:4px}.lesson p{margin:0 0 8px}.badge-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.badge-row .badge{border:1px dashed var(--line);background:var(--surface-2);letter-spacing:0;text-transform:none;width:min(100%,12.5rem);color:var(--muted);border-radius:12px;gap:4px;padding:10px 12px;font-size:.85rem;font-weight:400;display:grid}.badge-row .badge strong{color:var(--ink);font-size:.95rem}.badge-row .badge.earned{border-style:solid;border-color:var(--accent);background:var(--accent-soft);color:var(--ink)}.table-scroll{overflow-x:auto}.codon-grid{grid-template-columns:auto repeat(4,minmax(8.5rem,1fr));gap:8px;min-width:640px;margin-bottom:8px;display:grid}.grid-head{color:var(--muted);align-self:end;font-size:.75rem;font-weight:700}.codon-cell{gap:4px;display:grid}.codon-btn{text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:8px;flex-wrap:wrap;align-items:baseline;gap:4px 8px;padding:4px 6px;display:flex}.codon-btn .rna-mini{font-family:var(--mono);color:var(--muted);font-size:.68rem}.codon-btn.on{background:var(--accent-soft);border-color:var(--accent)}.codon-btn.focus{box-shadow:0 0 0 2px var(--accent)}.codon-btn.is-stop,.codon-btn.is-stop .aa-name{color:var(--poor)}.codon-btn.is-start{box-shadow:inset 3px 0 0 var(--accent)}.aa-title{align-items:baseline;gap:10px;display:flex}.aa-letter{font-family:var(--serif);font-size:2rem;line-height:1}.aa-code{color:var(--muted)}.side-chain{font-family:var(--mono);margin:6px 0;font-size:.92rem}.aa-card p{margin:0 0 6px}.aa-card.group-negative{border-left:4px solid var(--a)}.aa-card.group-positive{border-left:4px solid var(--t)}.aa-card.group-polar{border-left:4px solid var(--g)}.aa-card.group-aromatic{border-left:4px solid var(--u)}.aa-card.group-nonpolar{border-left:4px solid var(--c)}.plot-card{margin:0}.plot-card figcaption{margin-bottom:6px;font-weight:700}.plot-card svg,.stage-scroll svg,.cycle-ring{width:100%;height:auto;display:block}.slider-field input[type=range]{width:100%;accent-color:var(--accent)}.cycle-stage{width:min(100%,540px);height:min(92vw,540px);margin:4px auto 12px;position:relative}.cycle-ring{height:100%;position:absolute;inset:0}.cycle-node{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-content:center;justify-items:center;gap:1px;width:5.6rem;min-height:3.4rem;padding:4px;line-height:1.15;display:grid;position:absolute;transform:translate(-50%,-50%)}.cycle-node b{font-family:var(--serif);font-size:1.05rem}.cycle-node span{font-size:.68rem}.cycle-node.on{background:var(--accent);color:var(--on-accent);border-color:#0000}.path-step{text-align:left;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding:8px 10px;display:flex}.path-step.bypass{box-shadow:inset 3px 0 0 var(--accent)}.path-step.on{background:var(--accent-soft);border-color:var(--accent)}.path-index{font-family:var(--serif);width:1.4rem;font-size:1.1rem}.path-name{font-weight:600}.fact{margin:0 0 8px}.fact span{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:700;display:block}.compare{border-collapse:collapse;width:100%;min-width:36rem}.compare th,.compare td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 10px 8px 0}.stage-scroll{overflow-x:auto}.mrna-row,.translation{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.translation{display:grid}.trna{border-left:3px solid var(--accent);padding-left:10px}.mono-line{overflow-x:auto}.align{font-family:var(--mono);letter-spacing:.08em;background:var(--surface-2);border-radius:10px;margin-bottom:8px;padding:10px 12px;line-height:1.45;overflow-x:auto}.align .match{color:var(--g)}.align .diff{color:var(--a)}.motion-note{background:var(--caution-soft);border-radius:10px;margin:0 0 10px;padding:8px 10px;display:none}@media (width>=800px){.lesson-list,.aa-grid,.macro-grid,.cori-grid,.plot-grid{grid-template-columns:1fr 1fr}.path-layout{grid-template-columns:minmax(16rem,.9fr) 1.1fr;align-items:start;gap:12px;display:grid}}.phase-track{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.phase-mark{border:1px solid var(--line);background:var(--surface-2);width:2rem;height:2rem;font-family:var(--serif);border-radius:999px;place-items:center;font-size:.95rem;display:inline-grid}.phase-mark.payoff{box-shadow:inset 0 -3px 0 var(--accent)}.phase-mark.on{background:var(--accent);color:var(--on-accent);border-color:#0000}.pathway-map{grid-template-columns:1fr;gap:8px;display:grid}@media (width>=800px){.pathway-map{grid-template-columns:1fr 1.2fr 1fr;grid-template-areas:"store spine currency""side spine cycle""rebuild chain chain"}.place-store{grid-area:store}.place-spine{grid-area:spine}.place-currency{grid-area:currency}.place-side{grid-area:side}.place-cycle{grid-area:cycle}.place-chain{grid-area:chain}.place-rebuild{grid-area:rebuild}}.map-node{text-align:left;border:1px solid var(--line);background:var(--surface-2);border-radius:14px;gap:4px;width:100%;min-height:4.5rem;padding:12px;display:grid}.map-node strong{font-size:1rem}.map-node span{color:var(--muted);font-size:.88rem}.map-node.place-chain,.map-node.place-cycle{border-color:var(--accent)}.quiz-block{border:0;margin:0 0 12px;padding:0}.quiz-block legend{margin-bottom:8px;padding:0;font-weight:600}.membrane{width:100%;height:auto;margin-bottom:12px;display:block}.membrane-band{fill:var(--accent-soft)}.complex{fill:var(--surface);stroke:var(--line)}.complex.on{fill:var(--accent);stroke:#0000}.membrane-label{fill:var(--muted);font-size:14px;font-family:var(--sans)}.membrane-label.on{fill:var(--on-accent);font-weight:700}.proton{fill:var(--accent-strong)}@media (width<=640px){.cycle-node{width:4.4rem}.cycle-node span{font-size:.6rem}.map-node{min-height:3.6rem}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.motion-note{display:block}}[hidden]{display:none!important}.creator-line{color:var(--muted);margin:10px 0 0;font-size:.95rem}a.creator-name{letter-spacing:-.01em;color:var(--name);background:var(--name-bg);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent);border-radius:999px;padding:2px 10px 3px;font-weight:700;text-decoration:none;display:inline-block}a.creator-name:hover,a.creator-name:focus-visible{text-underline-offset:2px;text-decoration:underline}.footer-credit{margin-bottom:12px;font-size:1.02rem}.about-creator{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);max-width:36rem;box-shadow:var(--shadow);margin:4px 0 14px;padding:14px 16px 8px}.about-creator h2{font-family:var(--serif);margin:0 0 6px;font-size:1.35rem;font-weight:500}.about-creator p{margin:0 0 8px}.game-prompt{font-family:var(--serif);letter-spacing:-.02em;margin:8px 0 12px;font-size:clamp(1.5rem,4vw,2.4rem);font-weight:500;line-height:1.15}.room-code{font-family:var(--mono);letter-spacing:.18em;margin:4px 0 8px;font-size:clamp(2rem,8vw,2.6rem)}.pair-board{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.memory-card{border:1px solid var(--line);background:var(--surface-2);border-radius:14px;align-content:center;justify-items:center;gap:4px;min-height:5.6rem;padding:8px;display:grid}.memory-card.is-flipped{background:var(--surface);border-color:var(--accent)}.memory-card.is-matched{background:var(--good-soft);border-color:var(--good)}.memory-face{font-family:var(--serif);font-size:1.8rem;line-height:1}.memory-context{color:var(--muted);text-align:center;font-size:.72rem}.order-list{gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.order-row{border:1px solid var(--line);background:var(--surface-2);cursor:grab;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.order-label{flex:12rem;font-weight:600}.match-columns{gap:12px;display:grid}.choices .choice{width:100%}.choice.on{background:var(--accent-soft);border-color:var(--accent)}.roster{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:grid}.roster li{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;justify-content:space-between;gap:12px;padding:8px 12px;display:flex}.roster .is-gone{opacity:.55}.roster li{flex-wrap:wrap;align-items:center}.roster li.is-speaking{box-shadow:inset 3px 0 0 var(--accent);background:var(--accent-soft)}.voice-bar{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;display:flex}.voice-bar .caption,.voice-bar .banner{flex:100%;margin:0}.voice-meta{color:var(--muted);margin-left:auto;font-size:.88rem}.voice-person{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.voice-person input[type=range]{flex:8rem;min-width:6rem}.big-action{width:100%;min-height:56px;margin:8px 0;font-size:1.05rem}.big-field{min-height:52px;font-size:1.05rem}.invite-actions{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.invite-actions button{min-height:48px}.qr-code{background:#fff;border-radius:12px;width:min(220px,72vw);height:auto;margin:0 0 12px;display:block}.qr-code rect{fill:#102117}.name-edit{border:1px solid var(--line);background:var(--surface);border-radius:999px;align-items:center;gap:8px;min-height:48px;padding:6px 12px;font-weight:700;display:inline-flex}.pencil{font-size:1rem}.rename-form{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.rename-form input{flex:8rem;width:auto;min-height:48px}.room-layout{gap:12px;display:grid}.chat-toggle{width:100%;min-height:48px;margin-bottom:8px}.unread-badge{background:var(--accent);min-width:1.4rem;height:1.4rem;color:var(--on-accent);border-radius:999px;place-items:center;margin-left:8px;padding:0 6px;font-size:.75rem;font-weight:700;display:inline-grid}.chat-drawer{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:12px;display:none}.chat-drawer.is-open{display:block}.chat-log{gap:8px;max-height:240px;margin-bottom:8px;display:grid;overflow:auto}.chat-line{background:var(--surface-2);border-radius:12px;padding:8px 10px}.chat-line.is-system{color:var(--muted);font-size:.92rem}.chat-head{justify-content:space-between;gap:8px;margin:0 0 4px;display:flex}.chat-head time{color:var(--muted);font-size:.8rem}.chat-text{overflow-wrap:anywhere;margin:0}.chat-form{gap:8px;display:flex}.chat-form input{flex:1;width:auto;min-width:0;min-height:48px}.chat-reacts{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.chat-reacts .is-mine{border-color:var(--accent);background:var(--accent-soft)}.chat-c0 strong{color:#1f7a4d}.chat-c1 strong{color:#0b6e8a}.chat-c2 strong{color:#7a4e12}.chat-c3 strong{color:#8a2f55}.chat-c4 strong{color:#3d4f9c}.chat-c5 strong{color:#0f6b63}.chat-c6 strong{color:#6d4a1f}.chat-c7 strong{color:#5a3d7a}:root[data-theme=dark] .chat-c0 strong{color:#7ddeaf}:root[data-theme=dark] .chat-c1 strong{color:#8fd4ea}:root[data-theme=dark] .chat-c2 strong{color:#f0c27a}:root[data-theme=dark] .chat-c3 strong{color:#f0a0bc}:root[data-theme=dark] .chat-c4 strong{color:#b7c4f5}:root[data-theme=dark] .chat-c5 strong{color:#8ee0d6}:root[data-theme=dark] .chat-c6 strong{color:#e7c49a}:root[data-theme=dark] .chat-c7 strong{color:#d7b6f0}@media (width<=899px){.chat-column{order:-1}}@media (width>=900px){.room-layout{grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:start}.chat-toggle{display:none}.chat-drawer{display:block}.chat-log{max-height:420px}}@keyframes pop{0%{transform:scale(.96)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}30%{transform:translate(-3px)}70%{transform:translate(3px)}}.pop{animation:.22s ease-out pop}.shake{animation:.22s ease-out shake}@media (width>=800px){.match-columns{grid-template-columns:1fr 1fr}}@media (width<=640px){.pair-board{grid-template-columns:repeat(2,minmax(0,1fr))}}.figure-gallery{gap:12px;margin:12px 0 16px;display:grid}.edu-figure{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;overflow:hidden}.figure-open{background:var(--surface-2);text-align:left;border:0;border-radius:0;width:100%;margin:0;padding:8px 8px 0;display:block}.figure-open:hover,.figure-open:focus-visible{background:color-mix(in srgb, var(--accent) 10%, var(--surface-2))}.edu-svg{width:100%;max-width:640px;height:auto;color:var(--ink);font-family:var(--sans);margin-inline:auto;display:block}.edu-figure figcaption{color:var(--muted);margin:0;padding:10px 14px 12px;font-size:.92rem}dialog.figure-lightbox{background:var(--surface);width:min(960px,96vw);max-height:92vh;color:var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);border:0;padding:16px;overflow:auto}dialog.figure-lightbox::backdrop{background:#101614b8}.lightbox-bar{justify-content:flex-end;margin-bottom:8px;display:flex}.lightbox-stage{background:var(--surface-2);border-radius:12px;padding:8px}.lightbox-caption{color:var(--muted);margin:12px 0 0}gene-cinema.cinema{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:12px 0 16px;padding:12px;display:block}.cinema-stage{background:var(--surface-2);border-radius:12px;overflow:hidden}.cinema-svg{width:100%;max-width:720px;height:auto;color:var(--ink);font-family:var(--sans);margin-inline:auto;display:block}.cinema-label{margin:10px 0;font-weight:650}.cinema .ghost.on,.cinema .primary.on{background:var(--accent);color:var(--on-accent);border-color:#0000}@media (width>=900px){.figure-gallery{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.edu-figure.span-all{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.cinema-svg{animation:none}}