@charset "UTF-8";.article-tool .toggle{display:inline-flex;background:#edf5e7;border:1px solid #d9e6d1;border-radius:11px;padding:4px;gap:4px;margin-bottom:8px}.article-tool .toggle-btn{border:0;background:0 0;padding:9px 16px;border-radius:8px;font-family:inherit;font-weight:600;font-size:.88rem;color:#5a7268;cursor:pointer}.article-tool .toggle-btn.active{background:#12463a;color:#fff}.article-tool #cb2note{display:none;background:#edf5e7;border:1px solid #d9e6d1;border-left:4px solid #d99a2b;border-radius:0 10px 10px 0;padding:12px 16px;font-size:.88rem;color:#5a7268;margin:16px 0}.article-tool #cb2note a{color:#12463a;font-weight:600}.article-tool .diagram-card{background:#fff;border:1px solid #d9e6d1;border-radius:18px;padding:20px 20px 6px;margin:18px 0 10px}.article-tool svg.scene{width:100%;height:auto;display:block}.article-tool .scene text{font-family:Inter,sans-serif}.article-tool .scene-label{fill:#5a7268;font-weight:600}.article-tool .scene-sublabel{fill:#5a7268}.article-tool .membrane-band{fill:#edf5e7}.article-tool .membrane-line{fill:none;stroke:#d9e6d1;stroke-width:2}.article-tool .receptor{fill:#12463a}.article-tool .pocket-ring{fill:#fbfdf9;stroke:#12463a;stroke-width:3}.article-tool .molecule{fill:#6fbf4a;transform-box:fill-box;transform-origin:50% 50%;opacity:0}.article-tool .molecule-ring{fill:none;stroke:#0e332b;stroke-width:2}.article-tool .pulse{fill:none;stroke:var(--glow,#6fbf4a);stroke-width:3;opacity:0;transform-box:fill-box;transform-origin:50% 50%}.article-tool .playing .molecule{animation:dock 1.8s cubic-bezier(.22,.61,.36,1) forwards}.article-tool .playing .pocket-ring{animation:pocketGlow 1.8s ease forwards}.article-tool .playing .pulse{animation:pulse 1.8s ease-in-out infinite}.article-tool .playing .pulse.p2{animation-delay:.55s}@keyframes dock{0%{transform:translate(-230px,-110px) rotate(-16deg) scale(.9);opacity:0}12%{opacity:1}58%{transform:translate(0,0) rotate(0) scale(1);opacity:1}100%{transform:translate(0,0) rotate(0) scale(1);opacity:1}}@keyframes pocketGlow{0%,56%{stroke:#12463a;filter:none}62%{stroke:var(--glow,#6fbf4a);filter:drop-shadow(0 0 7px var(--glow, #6fbf4a))}100%{stroke:var(--glow,#6fbf4a);filter:drop-shadow(0 0 4px var(--glow, #6fbf4a))}}@keyframes pulse{0%,56%{opacity:0;transform:scale(.4)}62%{opacity:.85;transform:scale(.7)}100%{opacity:0;transform:scale(2.4)}}@media (prefers-reduced-motion:reduce){.article-tool .playing .molecule{animation:none;opacity:1;transform:none}.article-tool .playing .pocket-ring{animation:none;stroke:var(--glow,#6fbf4a);filter:drop-shadow(0 0 4px var(--glow, #6fbf4a))}.article-tool .playing .pulse{animation:none;opacity:0}}.article-tool .controls{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:14px 0 0}.article-tool #replay{border:1.5px solid #12463a;background:#fff;color:#12463a;font-family:inherit;font-weight:600;font-size:.9rem;padding:10px 18px;border-radius:10px;cursor:pointer}.article-tool #replay:hover{background:#12463a;color:#fff}.article-tool .note{color:#5a7268;font-size:.82rem;max-width:40ch}.article-tool .tags{display:flex;flex-wrap:wrap;gap:8px;min-height:38px;padding:2px 0 22px}.article-tool .tag{background:#edf5e7;border:1px solid #d9e6d1;color:#12463a;font-size:.84rem;font-weight:600;padding:7px 13px;border-radius:999px;opacity:0;animation:tagIn .45s ease forwards}@keyframes tagIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.article-tool .tag{animation:none;opacity:1}}.article-tool .reduced-note{display:none;color:#5a7268;font-size:.88rem;background:#edf5e7;border-radius:10px;padding:10px 14px;margin-bottom:14px}@media (prefers-reduced-motion:reduce){.article-tool .reduced-note{display:block}}@media (max-width:640px){.article-tool .wrap{padding:0 16px}.article-tool .stage-head{padding:28px 0 6px}.article-tool .context,.article-tool .lede{max-width:none}.article-tool .scene-label{font-size:23px}.article-tool .scene-sublabel{font-size:17px}.article-tool .diagram-card{padding:14px 10px 6px;border-radius:14px}.article-tool .toggle{display:flex;width:100%}.article-tool .toggle-btn{flex:1;padding:11px 8px;font-size:.86rem;text-align:center}.article-tool .controls{flex-direction:column;align-items:stretch;gap:12px;padding:12px 0 0}.article-tool #replay{width:100%;padding:13px 18px;font-size:.95rem}.article-tool .note{max-width:none;text-align:center}.article-tool .tags{justify-content:center}}@media (max-width:767px){.article-tool .toggle-btn{padding:10px 6px}.article-tool .scene-label{font-size:40px;transform:translateY(-8px)}.article-tool .scene-sublabel{font-size:32px;transform:translateY(8px)}}