.optica.organica{--o-bg:#070d0d;--o-panel:#0c1615;--o-panel-2:#12201e;--o-line:#1f3532;--o-dim:#a0beb8;--o-faint:#63807a;--wl:#5ee0c8;--g-amber:#ffb45e}.g-chain{position:relative;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));padding:1rem 0 .4rem}.g-chain-svg{position:absolute;left:0;right:0;top:1rem;width:100%;height:5.6rem;pointer-events:none}.g-chain-node{position:relative;display:flex;flex-direction:column;align-items:center;min-width:0;height:5.6rem;padding-top:.12rem;color:var(--o-faint);font-size:.72rem;font-weight:700;line-height:1.2;text-align:center;text-decoration:none}.g-chain-node.is-low{padding-top:2.36rem}.g-chain-atom{position:relative;display:grid;place-items:center;width:2.6rem;height:2.6rem;border-radius:999px;border:2px solid color-mix(in srgb,var(--c) 60%,transparent);background:var(--o-bg);color:var(--o-dim);font-family:var(--font-display),system-ui,sans-serif;font-size:1rem;font-weight:800;transition:background .15s,box-shadow .15s}.g-chain-atom small{position:absolute;right:-.15rem;bottom:-.2rem;font-size:.62rem;color:var(--c)}.g-chain-node.is-current .g-chain-atom,.g-chain-node:hover .g-chain-atom{background:color-mix(in srgb,var(--c) 20%,var(--o-bg));color:var(--o-text)}.g-chain-node.is-current .g-chain-atom{border-color:var(--c);box-shadow:0 0 16px color-mix(in srgb,var(--c) 50%,transparent)}.g-chain-node.is-done .g-chain-atom{background:var(--c);color:#071210}.g-chain-node.is-done .g-chain-atom small{color:#071210}.g-chain-node.is-ring .g-chain-atom{font-size:1.35rem}.g-chain-label{display:none;margin-top:.35rem;max-width:7.5rem}.g-chain-node.is-current,.g-chain-node:hover{color:var(--o-text)}@media (min-width:900px){.g-chain-label{display:block}.g-chain-node.is-low .g-chain-label{position:absolute;top:.2rem}.g-chain-node:not(.is-low) .g-chain-label{position:absolute;top:3.2rem}}.g-pills{display:flex;flex-wrap:wrap;gap:.3rem}.g-pill{min-width:2.5rem;min-height:2.5rem;padding:.3rem .65rem;border-radius:10px;border:1px solid var(--o-line);background:var(--o-bg);color:var(--o-dim);font-size:.86rem;font-weight:800;cursor:pointer;box-shadow:inset 0 -3px 0 color-mix(in srgb,var(--pc,transparent) 70%,transparent)}.g-pill:hover{color:var(--o-text);border-color:var(--o-dim)}.g-pill[aria-checked=true]{background:var(--o-panel-2);color:var(--o-text);border-color:var(--wl)}.g-select{min-height:2.5rem;max-width:100%;padding:.4rem .6rem;border-radius:10px;border:1px solid var(--o-line);background:var(--o-bg);color:var(--o-text);font-size:.9rem;font-weight:700}.g-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.g-stage{border-radius:14px;background:var(--o-bg);padding:.7rem .6rem .6rem}.g-stage-title{margin:0 0 .3rem;font-size:.92rem;color:var(--o-dim)}.g-stage-title b{color:var(--o-text)}.g-mol{display:block;width:100%;height:auto;margin:0 auto;touch-action:manipulation;user-select:none;-webkit-user-select:none}.g-mol.is-interactive{cursor:pointer}.g-mol:focus-visible{outline:2px solid var(--wl);outline-offset:2px;border-radius:10px}.g-stage-3d{display:grid;place-items:center}.g-3d{display:block;width:100%;max-width:26rem;height:auto;aspect-ratio:1;touch-action:none;cursor:grab;user-select:none}.g-3d:active{cursor:grabbing}.g-name{text-align:center;padding:.2rem .3rem .5rem}.g-name-main{margin:0;font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(1.25rem,4.2vw,2rem);font-weight:800;line-height:1.2;overflow-wrap:anywhere}.g-name.is-compact .g-name-main{font-size:clamp(1.2rem,4vw,1.8rem)}.g-name-main.is-none{color:var(--o-faint);font-size:1.1rem}.g-name-sub{margin:.3rem 0 0;font-size:.85rem;color:var(--o-dim)}.g-name-why{margin:.4rem auto 0;max-width:40rem;font-size:.82rem;line-height:1.45;color:var(--g-amber)}.g-seg.is-pre{color:#ffb45e}.g-seg.is-stem{color:#5ee0c8}.g-seg.is-insat{color:#a99bff}.g-seg.is-suf{color:#ff8a7a}.g-seg.is-txt{color:var(--o-text)}.g-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem 1rem;margin:.4rem 0 0;font-size:.75rem;font-weight:700}.g-legend .g-seg:before{content:"";display:inline-block;width:.55rem;height:.55rem;margin-right:.3rem;border-radius:2px;background:currentColor}.g-builder-hint{margin:.35rem 0 0;min-height:1.3rem;text-align:center;font-size:.82rem;color:var(--o-dim)}.g-builder-tools{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;margin-top:.6rem}.g-builder-actions{display:flex;flex-wrap:wrap;gap:.35rem}.g-builder-actions .o-btn{min-height:2.5rem}.g-hero{padding:1rem .8rem .8rem;background:var(--o-bg)}.g-targets{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem .5rem .2rem}.g-target{padding:.3rem .6rem;border-radius:999px;border:1px dashed var(--o-line);font-size:.82rem;font-weight:700;color:var(--o-dim)}.g-target.is-hit{border-style:solid;border-color:var(--wl);color:var(--o-text);background:color-mix(in srgb,var(--wl) 14%,transparent)}.g-quiz{padding:.8rem .5rem .3rem;border-top:1px solid var(--o-line);margin-top:.6rem}.g-quiz p{margin:0 0 .5rem;font-size:.92rem}.g-isolist{display:grid;gap:.25rem;margin:0;padding:.3rem .5rem .4rem;list-style:none;font-size:.88rem}.g-isolist b{color:var(--o-text)}.g-isolist span{color:var(--o-faint);margin-left:.4rem}.g-chart{display:block;width:100%;height:auto}.g-vials{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.9rem .5rem;padding:.4rem 0}@media (min-width:700px){.g-vials{grid-template-columns:repeat(8,minmax(0,1fr))}}.g-vial{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center;font-size:.72rem;color:var(--o-dim)}.g-vial b{color:var(--o-text);font-size:.74rem;line-height:1.2;overflow-wrap:anywhere}.g-vial-glass{position:relative;width:2.6rem;height:4.6rem;border:2px solid rgba(232,244,241,.55);border-top:0;border-radius:0 0 1.1rem 1.1rem;overflow:hidden}.g-vial.is-hb .g-vial-glass{border-color:var(--g-amber);box-shadow:0 0 10px rgba(255,180,94,.25)}.g-vial-fill{position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(180deg,rgba(94,224,200,.55),rgba(94,224,200,.25));transition:height .5s ease}.g-vial.is-gas .g-vial-fill{height:0}.g-vial-glass i{position:absolute;bottom:.3rem;width:.45rem;height:.45rem;border-radius:99px;border:1.5px solid rgba(232,244,241,.7);animation:g-bubble 1.6s ease-in infinite}.g-vial-glass i:nth-child(2){left:.4rem}.g-vial-glass i:nth-child(3){left:1.1rem;animation-delay:.5s}.g-vial-glass i:nth-child(4){left:1.7rem;animation-delay:1s}@keyframes g-bubble{0%{transform:translateY(0);opacity:1}to{transform:translateY(-4.2rem);opacity:0}}.g-mirror{display:grid;grid-template-columns:1fr;gap:.4rem;align-items:center}@media (min-width:640px){.g-mirror{grid-template-columns:1fr auto 1fr}}.g-mirror figure{margin:0;text-align:center}.g-mirror figcaption{font-size:.8rem;color:var(--o-dim)}.g-mirror-line{height:3px;background:linear-gradient(90deg,transparent,rgba(190,230,255,.6),transparent)}@media (min-width:640px){.g-mirror-line{width:3px;height:15rem;background:linear-gradient(180deg,transparent,rgba(190,230,255,.6),transparent)}}.g-eq{flex-wrap:wrap;justify-content:center;gap:.6rem .4rem;min-height:10rem}.g-eq,.g-eq-part{display:flex;align-items:center}.g-eq-part{gap:.4rem}.g-eq-op{font-size:1.4rem;font-weight:800;color:var(--o-dim)}.g-eq-arrow{display:flex;flex-direction:column;align-items:center;padding:0 .3rem;color:var(--o-dim);font-size:.72rem;text-align:center;max-width:9rem}.g-eq-arrow i{font-style:normal;font-size:2rem;line-height:1;color:var(--wl)}.g-eq-q{font-size:2.2rem;font-weight:800;color:var(--o-faint)}.g-eq-new{animation:g-pop .5s ease both}@keyframes g-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:none}}.g-sp{display:flex;flex-direction:column;align-items:center;min-width:5rem;max-width:11rem;text-align:center}.g-sp-mol{max-width:10rem}.g-sp-name{font-size:.78rem;font-weight:700;color:var(--o-text);line-height:1.25}.g-sp-text{font-family:var(--font-display),system-ui,sans-serif;font-size:1.3rem;font-weight:800;color:var(--g-amber)}.g-sp small{font-size:.7rem;color:var(--o-faint)}.g-eq-go{display:flex;justify-content:center;padding:.6rem 0 .2rem}.g-eq-why{margin:.6rem auto 0;max-width:44rem;font-size:.88rem;line-height:1.5;color:var(--o-dim)}.g-monomers{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.g-monomers .g-mol{max-width:14rem}.g-poly-wrap{overflow-x:auto;padding:.4rem 0}.g-poly{display:block;height:9rem;min-width:100%}.g-water{animation:g-float 2.4s ease-in-out infinite}@keyframes g-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.g-tower{display:block;width:100%;max-width:34rem;height:auto;margin:0 auto}.g-rise{animation:g-rise 2.2s ease-in infinite}@keyframes g-rise{0%{transform:translateY(0);opacity:.9}to{transform:translateY(calc(-1 * var(--rise)));opacity:0}}.g-bio{display:block;width:100%;height:auto}.g-pairs{display:grid;gap:.5rem;margin:0;padding:0;list-style:none}.g-pair{display:grid;gap:.35rem;padding:.55rem .6rem;border-radius:12px;border:1px solid var(--o-line);background:var(--o-panel)}.g-pair.is-ok{border-color:var(--wl)}.g-pair.is-no{border-color:#ff7f6b}.g-pair-mols{display:flex;flex-wrap:wrap;gap:.2rem .8rem;font-size:.9rem;color:var(--o-text)}.g-pair-mols small{color:var(--o-faint);font-size:.78rem;margin-left:.25rem}.g-pair-note{margin:0;font-size:.8rem;color:var(--o-dim)}.g-terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));gap:.4rem;margin:.5rem 0;padding:0;list-style:none}.g-terms li{padding:.45rem .5rem;border-radius:10px;background:var(--o-panel);border:1px solid var(--o-line);font-size:.82rem;color:var(--o-dim);text-align:center}.g-terms li b{display:block;color:var(--o-text);font-size:.95rem}.g-terms li.is-q{border-style:dashed;border-color:var(--wl)}.g-forms{display:grid;gap:.3rem;margin:.5rem 0 0;padding:0;list-style:none}.g-forms li{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"f z" "bar p";gap:.15rem .6rem;align-items:center;padding:.35rem .5rem;border-radius:10px;border:1px solid transparent;font-size:.82rem;color:var(--o-dim)}.g-forms li.is-main{border-color:var(--o-line);background:var(--o-panel);color:var(--o-text)}.g-forms-f{grid-area:f;font-weight:700;overflow-wrap:anywhere}.g-forms-z{grid-area:z;font-size:.75rem}.g-forms-bar{grid-area:bar;height:.5rem;border-radius:99px;background:var(--o-panel-2);overflow:hidden}.g-forms-bar i{display:block;height:100%;border-radius:99px;transition:width .25s ease}.g-forms-p{grid-area:p;font-size:.75rem;min-width:3.2rem;text-align:right}.g-spot{transition:transform .45s ease}.g-sugar-out{display:flex;gap:.8rem;align-items:center;padding:.2rem .3rem 0}.g-sugar-out .g-eq-why{margin:0;text-align:left}.g-tube{flex:none;position:relative;width:1.6rem;height:4.4rem;border:2px solid rgba(232,244,241,.55);border-top:0;border-radius:0 0 .8rem .8rem;overflow:hidden}.g-tube i{position:absolute;left:0;right:0;bottom:0;height:70%;background:#3a7bd5;transition:background .6s ease}.g-tube.is-red i{background:linear-gradient(180deg,#4f86c9,#4f86c9 55%,#b5442a 75%,#b5442a)}.g-sugar-ctl{display:grid;gap:.35rem}.g-sugar-lab{font-size:.8rem;font-weight:700;color:var(--o-dim)}@media (prefers-reduced-motion:reduce){.g-eq-new,.g-rise,.g-vial-glass i,.g-water{animation:none}.g-forms-bar i,.g-spot,.g-tube i{transition:none}}.g-clue{margin:0 0 .4rem;padding:.5rem .7rem;border-radius:10px;border:1px dashed var(--o-line);font-size:.88rem;line-height:1.45;color:var(--o-dim)}.g-clue b{color:var(--o-text)}.g-clue-ok{color:var(--wl);font-weight:800}.g-ring-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem 1.2rem}.g-ring{width:100%;max-width:300px;height:auto;touch-action:manipulation}.g-ring-spot{cursor:pointer;outline:none}.g-ring-spot:focus-visible circle{stroke:var(--wl);stroke-width:3}.g-ring-out{display:flex;flex-direction:column;align-items:center;gap:.3rem;min-width:10rem;max-width:14rem;min-height:8rem;justify-content:center;text-align:center}.g-verdict{padding:.2rem .6rem;border-radius:999px;border:1px solid var(--o-line);font-size:.78rem;font-weight:800;color:var(--o-dim)}.g-verdict.is-main{border-color:var(--wl);color:var(--wl)}.g-foods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin:.5rem 0}@media (min-width:640px){.g-foods{grid-template-columns:repeat(4,minmax(0,1fr))}}.g-food{min-height:2.75rem;padding:.4rem .5rem;border-radius:10px;border:1px solid var(--o-line);background:var(--o-panel-2);color:var(--o-dim);font-size:.86rem;font-weight:800;cursor:pointer}.g-food:hover{color:var(--o-text);border-color:var(--o-dim)}.g-food[aria-checked=true]{color:var(--o-text);border-color:var(--wl);background:color-mix(in srgb,var(--wl) 12%,var(--o-panel-2))}.g-food:focus-visible{outline:2px solid var(--wl);outline-offset:2px}.g-shelf{margin-top:.5rem;padding:.6rem .75rem;border-radius:12px;border:1px solid #ff9f8a;background:rgba(255,127,107,.08);font-size:.9rem;line-height:1.5}.g-shelf.is-ok{border-color:var(--wl);background:color-mix(in srgb,var(--wl) 8%,transparent)}.g-shelf p{margin:.3rem 0 0;color:var(--o-dim)}.g-label-line{font-size:.8rem;font-family:ui-monospace,monospace;color:var(--o-text)}.g-label-line strong{color:var(--g-amber)}