.organic-shell{--organic-bg:#0a0a0c;--organic-card:#16161a;--organic-electrophile:#f43f5e;--organic-nucleophile:#06b6d4;background:radial-gradient(circle at 14% 8%,#06b6d424 0%,transparent 30%),radial-gradient(circle at 86% 12%,#f43f5e24 0%,transparent 34%),linear-gradient(180deg,#09090b 0%,var(--organic-bg)100%);color:#f5f5f5;isolation:isolate;min-height:100vh}.organic-shell *{box-sizing:border-box}.organic-shell-grid{grid-template-columns:290px minmax(0,1fr);gap:1rem;width:min(1380px,100% - 1.4rem);margin-inline:auto;padding:1rem 0 1.6rem;display:grid}.organic-sidebar-wrap{align-self:start;position:sticky;top:1rem}.organic-main{gap:1rem;min-width:0;display:grid}.organic-sidebar-card{background:linear-gradient(170deg,#16161af2,#0e0e12eb);border:1px solid #52525b99;border-radius:20px;padding:1rem;box-shadow:inset 0 1px #ffffff0d,0 18px 32px #00000061}.organic-sidebar-head{margin-bottom:.8rem}.organic-eyebrow{text-transform:uppercase;letter-spacing:.2em;color:#a1a1aa;margin:0;font-size:.66rem}.organic-title{color:#f4f4f5;margin:.35rem 0 0;font-size:1rem;line-height:1.45}.organic-nav{gap:.55rem;margin-top:1rem;display:grid}.organic-nav-link{color:#e4e4e7;background:#121216d9;border:1px solid #3f3f46;border-radius:12px;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem .75rem;font-size:.86rem;line-height:1.2;transition:border-color .18s,background-color .18s,transform .18s;display:flex}.organic-nav-link:hover{border-color:#71717a;transform:translateY(-1px)}.organic-nav-link-active{background:linear-gradient(140deg,#082f49b3,#1f2937bf);border-color:#06b6d4b3}.organic-progress-pill{color:#d4d4d8;border:1px solid #52525b;border-radius:999px;padding:.15rem .45rem;font-size:.67rem}.organic-legend{flex-wrap:wrap;gap:.4rem;margin-top:.9rem;display:flex}.organic-chip{border:1px solid;border-radius:999px;padding:.2rem .58rem;font-size:.68rem}.organic-chip-electrophile{color:#fda4af;background:#f43f5e1f;border-color:#f43f5e80}.organic-chip-nucleophile{color:#67e8f9;background:#06b6d41f;border-color:#06b6d480}.organic-card{background:linear-gradient(165deg,#16161af2,#101014eb);border:1px solid #3f3f46bf;border-radius:18px;box-shadow:inset 0 1px #ffffff0a,0 14px 28px #00000052}.organic-module-card{background:linear-gradient(165deg,#16161af2,#101014eb);border:1px solid #3f3f46bf;border-radius:18px;padding:1rem;transition:transform .18s,border-color .18s;box-shadow:inset 0 1px #ffffff0a,0 14px 28px #00000052}.organic-module-card:hover{border-color:#06b6d480;transform:translateY(-2px)}.organic-split-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1rem;display:grid}.organic-theory-pane{flex-direction:column;min-height:420px;padding:1rem;display:flex}.organic-theory-scroll{gap:.95rem;max-height:72vh;padding-right:.4rem;display:grid;overflow:auto}.organic-theory-scroll::-webkit-scrollbar{width:8px}.organic-theory-scroll::-webkit-scrollbar-thumb{background:#52525bb3;border-radius:999px}.organic-intro{color:#d4d4d8;margin:0;font-size:.96rem;line-height:1.65}.organic-theory-text{color:#e4e4e7;margin:0;font-size:.95rem;line-height:1.72}.organic-inline-keyword{color:var(--organic-nucleophile);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:underline;text-decoration-thickness:1px}.organic-inline-keyword:hover,.organic-inline-keyword:focus-visible{color:var(--organic-electrophile);outline:none}.organic-visual-pane{min-width:0}.organic-sticky-panel{position:sticky;top:1rem}.organic-toggle{color:#d4d4d8;background:#18181be6;border:1px solid #3f3f46;border-radius:999px;padding:.3rem .75rem;font-size:.75rem;transition:border-color .18s,background-color .18s}.organic-toggle:hover{border-color:#71717a}.organic-toggle-active{color:#a5f3fc;background:#082f4973;border-color:#06b6d4b3}@media (max-width:1024px){.organic-shell-grid{grid-template-columns:minmax(0,1fr)}.organic-sidebar-wrap{position:static}.organic-split-layout{grid-template-columns:minmax(0,1fr)}.organic-theory-scroll{max-height:none}.organic-sticky-panel{position:static}}