.op-app{--op-sidebar-width:240px;--op-white:#fff;--op-slate-50:#f8fafc;--op-slate-100:#f1f5f9;--op-slate-200:#e2e8f0;--op-slate-300:#cbd5e1;--op-slate-400:#94a3b8;--op-slate-500:#64748b;--op-slate-600:#475569;--op-slate-700:#334155;--op-slate-800:#1e293b;--op-slate-900:#0f172a;--op-indigo-50:#eef2ff;--op-indigo-100:#e0e7ff;--op-indigo-200:#c7d2fe;--op-indigo-600:#4f46e5;--op-indigo-700:#4338ca;--op-blue-50:#eff6ff;--op-blue-200:#bfdbfe;--op-blue-600:#2563eb;--op-blue-700:#1d4ed8;--op-emerald-50:#ecfdf5;--op-emerald-200:#a7f3d0;--op-emerald-600:#059669;--op-emerald-700:#047857;--op-violet-50:#f5f3ff;--op-violet-200:#ddd6fe;--op-violet-600:#7c3aed;--op-violet-700:#6d28d9;--op-amber-50:#fffbeb;--op-amber-200:#fde68a;--op-amber-700:#b45309;--op-orange-50:#fff7ed;--op-orange-200:#fdba74;--op-orange-500:#f97316;--op-font-sans:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;--op-font-mono:"IBM Plex Mono","SFMono-Regular",Menlo,Consolas,monospace;width:100%;height:100%;display:grid;grid-template-columns:var(--op-sidebar-width) minmax(0,1fr);grid-template-rows:56px 1fr;overflow:hidden;background:linear-gradient(180deg,#fafbff,#fff);color:var(--op-slate-800);font-family:var(--op-font-sans);transition:grid-template-columns .18s ease}.op-app.is-sidebar-collapsed{--op-sidebar-width:0px}.op-app.is-fullscreen,.op-app:fullscreen{width:100vw;height:100vh;grid-template-rows:1fr}.op-app.is-fullscreen .op-app__topbar,.op-app:fullscreen .op-app__topbar{display:none}.op-app.is-fullscreen .op-sidebar-handle,.op-app:fullscreen .op-sidebar-handle{top:18px}.op-fullscreen-exit{position:fixed;top:12px;right:12px;z-index:100;width:34px;height:34px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--op-slate-200);background:hsla(0,0%,100%,.92);color:var(--op-slate-700);backdrop-filter:blur(8px);box-shadow:0 4px 14px rgba(15,23,42,.12);cursor:pointer;transition:background .16s ease,color .16s ease,transform .16s ease}.op-fullscreen-exit:hover{background:var(--op-white);color:var(--op-slate-900);transform:translateY(-1px)}.op-app *,.op-app :after,.op-app :before{box-sizing:border-box}.op-app button,.op-app input,.op-app textarea{font:inherit}.op-app button{border:0;background:none;color:inherit;cursor:pointer}.op-app__topbar{grid-column:1/3;gap:16px;padding:0 20px;border-bottom:1px solid var(--op-slate-200);background:hsla(0,0%,100%,.88);backdrop-filter:blur(10px);z-index:10}.op-app__topbar,.op-brand{display:flex;align-items:center}.op-brand{gap:10px;font-weight:700;letter-spacing:-.01em}.op-brand__mark{width:28px;height:28px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--op-indigo-600),var(--op-violet-600));color:var(--op-white);font-size:11px;font-weight:700;text-transform:uppercase}.op-brand__name{font-size:15px}.op-brand__sub{margin-left:4px;padding-left:8px;border-left:1px solid var(--op-slate-300);color:var(--op-slate-500);font-size:11px;font-weight:500}.op-search{flex:1;max-width:400px;display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--op-slate-200);border-radius:999px;background:var(--op-slate-50);color:var(--op-slate-500)}.op-search input{flex:1;border:0;outline:0;background:transparent;color:var(--op-slate-700)}.op-mono{font-family:var(--op-font-mono);font-size:10px;opacity:.55}.op-topbar-spacer{flex:1}.op-topbar-actions{gap:8px}.op-icon-btn,.op-topbar-actions{display:inline-flex;align-items:center}.op-icon-btn{width:34px;height:34px;border-radius:999px;justify-content:center;border:1px solid var(--op-slate-200);background:var(--op-white);color:var(--op-slate-600);transition:background .16s ease,color .16s ease,transform .16s ease}.op-icon-btn:hover{background:var(--op-slate-50);color:var(--op-slate-900);transform:translateY(-1px)}.op-icon-btn.is-active{background:var(--op-indigo-50);color:var(--op-indigo-700)}.op-back-btn{width:auto;padding:0 12px;gap:6px}.op-app__sidebar{min-width:0;overflow-y:auto;padding:16px 12px 24px;border-right:1px solid var(--op-slate-200);background:#fafafa;transition:opacity .18s ease,padding .18s ease,border-color .18s ease}.op-app__main{min-width:0;position:relative;overflow:hidden;background:var(--op-white)}.op-app.is-sidebar-collapsed .op-app__sidebar{padding:0;opacity:0;pointer-events:none;border-right-color:transparent;overflow:hidden}.op-sidebar-handle{position:absolute;top:calc(56px + 18px);left:var(--op-sidebar-width);transform:translateX(-50%);width:28px;height:60px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--op-slate-200);background:var(--op-white);color:var(--op-slate-500);box-shadow:0 2px 8px rgba(15,23,42,.06);cursor:pointer;z-index:20;transition:left .18s ease,background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease}.op-sidebar-handle:hover{background:var(--op-indigo-50);color:var(--op-indigo-700);border-color:var(--op-indigo-200);box-shadow:0 4px 14px rgba(79,70,229,.16)}.op-sidebar-handle:focus-visible{outline:2px solid var(--op-indigo-600);outline-offset:2px}.op-nav-section{margin-top:14px}.op-nav-section+.op-nav-section{margin-top:22px}.op-nav-section__title,.ov-panel__group-title{margin-bottom:8px;color:var(--op-slate-400);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.op-nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;color:var(--op-slate-600);font-size:13px;font-weight:500;transition:background .16s ease,color .16s ease}.op-nav-item:hover{background:var(--op-slate-100);color:var(--op-slate-800)}.op-nav-item.is-active{background:var(--op-indigo-50);color:var(--op-indigo-700)}.op-nav-item__dot{width:8px;height:8px;border-radius:999px;flex-shrink:0}.op-nav-item__count{margin-left:auto;color:var(--op-slate-400);font-size:11px}.op-fg-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.op-fg-cell{display:flex;flex-direction:column;gap:2px;padding:8px;border:1px solid var(--op-slate-200);border-radius:8px;background:var(--op-white)}.op-fg-cell strong{color:var(--op-slate-700);font-size:10px;font-family:var(--op-font-mono)}.op-fg-cell em{color:var(--op-slate-500);font-size:10px;font-style:normal}.op-fg-more{margin-top:6px;padding-left:4px;color:var(--op-slate-400);font-size:10.5px}.op-caps-label{margin-bottom:8px;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.op-caps-label--indigo{color:var(--op-indigo-700)}.op-caps-label--violet{color:var(--op-violet-700)}.op-caps-label--slate{color:var(--op-slate-500)}.op-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid;border-radius:999px;font-size:11px;font-weight:500}.op-tag--slate{background:var(--op-slate-50);color:var(--op-slate-700);border-color:var(--op-slate-200)}.op-tag--indigo{background:var(--op-indigo-50);color:var(--op-indigo-700);border-color:var(--op-indigo-200)}.op-tag--blue{background:var(--op-blue-50);color:var(--op-blue-700);border-color:var(--op-blue-200)}.op-tag--emerald{background:var(--op-emerald-50);color:var(--op-emerald-700);border-color:var(--op-emerald-200)}.op-tag--violet{background:var(--op-violet-50);color:var(--op-violet-700);border-color:var(--op-violet-200)}.op-tag--amber{background:var(--op-amber-50);color:var(--op-amber-700);border-color:var(--op-amber-200)}.op-tag--orange{background:var(--op-orange-50);color:var(--op-orange-500);border-color:var(--op-orange-200)}.op-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;border:1px solid transparent;font-size:11px;font-weight:600;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.op-pill:hover{transform:translateY(-1px)}.op-pill--neutral{border-color:var(--op-slate-200);background:var(--op-slate-50);color:var(--op-slate-700)}.op-pill.is-active{background:var(--op-slate-900);color:var(--op-white);border-color:var(--op-slate-900)}.op-row{display:flex;align-items:center;gap:8px}.op-wrap{flex-wrap:wrap}.op-atlas{position:absolute;inset:0;overflow-y:auto;padding:24px 28px 80px}.op-atlas__title{margin:0;color:var(--op-slate-900);font-size:28px;font-weight:600;letter-spacing:-.01em}.op-atlas__lede{max-width:680px;margin:6px 0 0;color:var(--op-slate-500);font-size:14px;line-height:1.6}.op-atlas__filters{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 22px}.op-atlas__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.op-card{position:relative;min-height:196px;display:flex;flex-direction:column;align-items:flex-start;padding:18px;border:1px solid var(--op-slate-200);border-radius:16px;background:var(--op-white);text-align:left;overflow:hidden;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s cubic-bezier(.22,1,.36,1),border-color .22s ease}.op-card:hover{border-color:var(--op-indigo-200);transform:translateY(-3px);box-shadow:0 14px 30px rgba(15,23,42,.1)}.op-card__accent{position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--op-indigo-600)}.op-card--featured{grid-column:1/-1;min-height:220px;padding:22px 24px;border:1.5px solid var(--op-emerald-600);background:radial-gradient(circle at 0 0,rgba(16,185,129,.08),transparent 55%),linear-gradient(180deg,#fff,#f6fefb);box-shadow:0 16px 38px rgba(16,185,129,.18)}.op-card--featured .op-card__accent{width:6px;background:linear-gradient(180deg,var(--op-emerald-600),#34d399)}.op-card--featured .op-card__title{font-size:20px}.op-card--featured .op-card__sub{font-size:13.5px;max-width:60ch}.op-card--featured:hover{border-color:var(--op-emerald-600);box-shadow:0 22px 48px rgba(16,185,129,.26)}.op-card__ribbon{position:absolute;top:12px;left:18px;padding:4px 10px;border-radius:999px;background:var(--op-emerald-600);color:#fff;font-family:var(--op-font-mono);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.op-card--featured .op-card__glyph{margin-top:28px}.op-card[data-color=blue] .op-card__accent{background:var(--op-blue-600)}.op-card[data-color=emerald] .op-card__accent{background:var(--op-emerald-600)}.op-card[data-color=violet] .op-card__accent{background:var(--op-violet-600)}.op-card[data-color=amber] .op-card__accent{background:var(--op-amber-700)}.op-card[data-color=indigo] .op-card__accent{background:var(--op-indigo-600)}.op-card[data-color=orange] .op-card__accent{background:var(--op-orange-500)}.op-card__corner{position:absolute;top:12px;right:12px;color:var(--op-slate-400);font-family:var(--op-font-mono);font-size:10px;font-weight:600}.op-card__glyph{width:60px;height:60px;margin-bottom:12px;color:var(--op-slate-700)}.op-card__title{margin:0 0 4px;color:var(--op-slate-900);font-size:16px;font-weight:600;letter-spacing:-.01em}.op-card__sub{margin:0 0 12px;color:var(--op-slate-500);font-size:12.5px;line-height:1.5}.op-card__meta{margin-top:auto;padding-top:10px;width:100%;display:flex;gap:10px;color:var(--op-slate-500);font-size:11px;border-top:1px dashed var(--op-slate-200)}.op-card__meta strong{color:var(--op-slate-700);font-weight:600}.op-card__family{margin-left:auto;color:var(--op-slate-400)}.op-viewer{position:absolute;inset:0;display:grid;grid-template-rows:auto 1fr}.op-viewer__header{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:16px 28px 14px;border-bottom:1px solid var(--op-slate-200);background:hsla(0,0%,100%,.92);backdrop-filter:blur(10px)}.op-viewer__title{display:flex;flex-direction:column}.op-viewer__title h1{margin:0;color:var(--op-slate-900);font-size:22px;font-weight:600;letter-spacing:-.01em}.op-viewer__breadcrumb{margin-top:3px;color:var(--op-slate-500);font-family:var(--op-font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.op-viewer__controls{margin-left:auto;display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.op-viewer__stage{display:grid;grid-template-columns:minmax(0,1fr) 340px;position:relative;overflow:hidden}.op-viewer__stage--stub{grid-template-columns:1fr 340px}.op-stage{position:relative;display:flex;min-height:clamp(560px,68vh,780px);padding:18px 22px 26px;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,rgba(99,102,241,.04),transparent 60%),radial-gradient(ellipse at 70% 80%,rgba(124,58,237,.04),transparent 60%),var(--op-white)}.op-stage--stub{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;text-align:center}.op-stage--stub h2{margin:0;color:var(--op-slate-900);font-size:24px;font-weight:600}.op-stage--stub p{max-width:520px;margin:0;color:var(--op-slate-500);font-size:13.5px;line-height:1.6}.op-toolbar{gap:4px;padding:4px;border:1px solid var(--op-slate-200);background:var(--op-slate-50)}.op-toolbar,.op-toolbar button{display:inline-flex;align-items:center;border-radius:999px}.op-toolbar button{gap:5px;padding:6px 10px;color:var(--op-slate-600);font-size:12px;font-weight:500;transition:background .16s ease,color .16s ease}.op-toolbar button:hover{background:var(--op-white);color:var(--op-slate-900)}.op-toolbar button.is-active{background:var(--op-indigo-600);color:var(--op-white)}.op-toolbar button.is-active.t-amber{background:var(--op-amber-700)}.op-toolbar button.is-active.t-emerald{background:var(--op-emerald-600)}.op-toolbar__dot{width:8px;height:8px;border-radius:999px}.op-toolbar__dot--boots{background:var(--op-amber-700)}.op-toolbar__dot--bhc{background:var(--op-emerald-600)}.op-stage__back{position:absolute;top:16px;left:20px;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--op-slate-200);border-radius:999px;color:var(--op-slate-700);font-size:12px;font-weight:600;box-shadow:0 2px 8px rgba(15,23,42,.05)}.op-panel,.op-stage__back{background:var(--op-white)}.op-panel{overflow-y:auto;padding:18px 18px 60px;border-left:1px solid var(--op-slate-200);display:flex;flex-direction:column;gap:14px}.ov-panel__header{display:flex;align-items:flex-start;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--op-slate-200)}.ov-panel__title{margin:0;color:var(--op-slate-900);font-size:17px;font-weight:600;letter-spacing:-.01em}.ov-panel__sub{margin:2px 0 0;color:var(--op-slate-500);font-family:var(--op-font-mono);font-size:11px}.ov-panel__lede,.ov-panel__mechanism-copy,.ov-panel__tip{margin:0;color:var(--op-slate-600);font-size:13px;line-height:1.6}.ov-panel__group{display:flex;flex-direction:column;gap:6px}.ov-panel__row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px dashed var(--op-slate-200);font-size:12px}.ov-panel__row span:first-child{color:var(--op-slate-500)}.ov-panel__row span:last-child{color:var(--op-slate-800);font-family:var(--op-font-mono);font-weight:500;text-align:right}.ov-mol-frame{justify-content:center;padding:14px;border:1px dashed var(--op-slate-200);border-radius:12px}.ov-mol-frame,.ov-smiles{display:flex;align-items:center;background:var(--op-slate-50)}.ov-smiles{gap:8px;overflow-x:auto;padding:6px 10px;margin-top:8px;border-radius:8px;color:var(--op-slate-700);font-family:var(--op-font-mono);font-size:11px}.ov-smiles__label{color:var(--op-slate-400);font-size:9px;font-weight:700;letter-spacing:.1em}.ov-touch-list{display:flex;flex-direction:column;gap:6px}.ov-touch-item{display:flex;justify-content:space-between;padding:6px 8px;border:1px solid var(--op-slate-200);border-radius:8px;color:var(--op-slate-700);font-size:11.5px}.ov-rxn-strip,.ov-touch-item{align-items:center;gap:8px;background:var(--op-slate-50)}.ov-rxn-strip{display:grid;grid-template-columns:1fr auto 1fr;padding:12px;border:1px dashed var(--op-slate-200);border-radius:12px}.ov-rxn-strip__mol{display:flex;flex-direction:column;align-items:center;gap:4px}.ov-rxn-strip__name{color:var(--op-slate-700);font-family:var(--op-font-mono);font-size:10.5px;font-weight:700}.ov-rxn-strip__name--product{color:var(--op-blue-700)}.ov-rxn-strip__arrow{min-width:70px;display:flex;flex-direction:column;align-items:center}.ov-rxn-strip__reagents{color:var(--op-violet-700);font-family:var(--op-font-mono);font-size:10px;font-weight:600;line-height:1.3;text-align:center}.ov-rxn-strip__conditions{color:var(--op-slate-500);font-family:var(--op-font-mono);font-size:9.5px;text-align:center}.ov-rxn-strip__line{position:relative;width:60px;height:1.5px;margin:4px 0;background:var(--op-slate-700)}.ov-rxn-strip__line:after{content:"";position:absolute;right:-2px;top:-3px;border:4px solid transparent;border-left:4px solid var(--op-slate-700)}.ov-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid transparent;border-radius:8px;font-size:12px;font-weight:600}.ov-btn--violet{background:var(--op-violet-600);color:var(--op-white);border-color:var(--op-violet-700)}.ov-empty-mech{padding:10px;border:1px dashed var(--op-slate-200);border-radius:8px;background:var(--op-slate-50);color:var(--op-slate-500);font-size:11.5px}.ov-ai-box{margin-top:4px;padding:14px;border:1px solid var(--op-indigo-200);border-radius:14px;background:linear-gradient(180deg,#f8faff,#fdfdff)}.ov-ai-box__label{color:var(--op-indigo-700);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ov-ai-box textarea{width:100%;min-height:58px;resize:vertical;padding:10px 11px;border:1px solid var(--op-slate-200);border-radius:10px;background:var(--op-white);color:var(--op-slate-800);font-size:12.5px;line-height:1.45;outline:0}.ov-ai-box textarea:focus{border-color:var(--op-indigo-200);box-shadow:0 0 0 3px rgba(79,70,229,.08)}.ov-ai-box__actions{justify-content:space-between;margin-top:8px}.ov-ai-box__hint{color:var(--op-slate-400);font-size:11px}.ov-ai-box__send{padding:6px 14px;border-radius:999px;background:var(--op-indigo-600);color:var(--op-white);font-size:12px;font-weight:600;opacity:1}.ov-ai-box__send:disabled{opacity:.65;cursor:not-allowed}.ov-ai-box__output{margin-top:10px;padding:10px 11px;border:1px solid var(--op-indigo-100);border-radius:10px;background:var(--op-white);color:var(--op-slate-700);font-size:12.5px;line-height:1.55}.ov-ai-box__output.is-loading{color:var(--op-slate-500)}.ov-svg-stage{flex:1 1 auto;width:100%;height:100%;display:block;min-width:0;min-height:0}.ov-lane-label{font-family:var(--op-font-mono);font-size:11px;font-weight:600;letter-spacing:.18em;text-anchor:middle}.ov-lane-label--boots{fill:var(--op-amber-700)}.ov-lane-label--bhc{fill:var(--op-emerald-700)}.ov-edge{fill:none;stroke:var(--op-slate-400);stroke-width:2;transition:stroke-width .16s ease,filter .16s ease}.ov-edge.is-shared{stroke:var(--op-slate-500)}.ov-edge.is-boots{stroke:var(--op-amber-700)}.ov-edge.is-bhc{stroke:var(--op-emerald-600)}.ov-edge.is-active{stroke-width:3;filter:drop-shadow(0 0 6px rgba(99,102,241,.35))}.ov-rxn-pill{fill:var(--op-white);stroke:var(--op-slate-300);stroke-width:1.2}.ov-rxn-pill--indigo{stroke:var(--op-indigo-200);fill:var(--op-indigo-50)}.ov-rxn-pill--blue{stroke:var(--op-blue-200);fill:var(--op-blue-50)}.ov-rxn-pill--emerald{stroke:var(--op-emerald-200);fill:var(--op-emerald-50)}.ov-rxn-pill--violet{stroke:var(--op-violet-200);fill:var(--op-violet-50)}.ov-rxn-pill--amber{stroke:var(--op-amber-200);fill:var(--op-amber-50)}.ov-rxn-pill--boots{stroke:var(--op-amber-700)}.ov-rxn-pill--bhc{stroke:var(--op-emerald-600)}.ov-rxn-pill.is-selected{fill:var(--op-violet-600);stroke:var(--op-violet-700);stroke-width:2}.ov-rxn-label{fill:var(--op-slate-800);font-size:10.5px;font-weight:600}.ov-rxn-reagents{fill:var(--op-slate-500);font-family:var(--op-font-mono);font-size:9.5px}.ov-chip{stroke-width:1}.ov-chip--blue{fill:var(--op-blue-50);stroke:var(--op-blue-200)}.ov-chip--emerald{fill:var(--op-emerald-50);stroke:var(--op-emerald-200)}.ov-chip--amber{fill:var(--op-amber-50);stroke:var(--op-amber-200)}.ov-chip__text{font-family:var(--op-font-mono);font-size:9px;font-weight:700}.ov-chip__text--blue{fill:var(--op-blue-700)}.ov-chip__text--emerald{fill:var(--op-emerald-700)}.ov-chip__text--amber{fill:var(--op-amber-700)}.ov-flux{fill:var(--op-indigo-600);filter:drop-shadow(0 0 6px rgba(99,102,241,.5))}.ov-flux.is-boots{fill:var(--op-amber-700);filter:drop-shadow(0 0 6px rgba(180,83,9,.45))}.ov-flux.is-bhc{fill:var(--op-emerald-600);filter:drop-shadow(0 0 6px rgba(5,150,105,.45))}.ov-node-card{fill:var(--op-white);stroke:var(--op-slate-300);stroke-width:1.5;transition:fill .16s ease,stroke .16s ease,stroke-width .16s ease}.ov-node-card.is-selected,.ov-node-card:hover{fill:var(--op-indigo-50);stroke:var(--op-indigo-600)}.ov-node-card.is-selected{stroke-width:2.4}.ov-node-card.is-target{stroke:var(--op-indigo-700);stroke-width:2}.ov-node-card.is-feedstock{stroke:var(--op-slate-700);stroke-width:2}.ov-node-card--boots{stroke:var(--op-amber-700)}.ov-node-card--bhc{stroke:var(--op-emerald-600)}.ov-role-badge{fill:var(--op-slate-700)}.ov-role-badge--target{fill:var(--op-indigo-600)}.ov-role-badge__text{fill:var(--op-white);font-size:8.5px;letter-spacing:.1em}.ov-node-short,.ov-role-badge__text{font-family:var(--op-font-mono);font-weight:700}.ov-node-short{fill:var(--op-slate-800);font-size:12px}.ov-node-long{fill:var(--op-slate-500);font-size:10px}.om-empty,.om-viewer{height:100%;display:flex;flex-direction:column}.om-empty{gap:12px;padding:40px;text-align:center}.om-empty,.om-empty__icon{align-items:center;justify-content:center}.om-empty__icon{width:64px;height:64px;display:inline-flex;border-radius:20px;background:var(--op-violet-50);color:var(--op-violet-700)}.om-empty h3{margin:0;color:var(--op-slate-900);font-size:22px}.om-empty p{max-width:460px;margin:0;color:var(--op-slate-500);line-height:1.6}.om-empty__summary{display:grid;gap:8px;margin-top:6px;color:var(--op-slate-700);font-size:12px}.om-viewer__header{padding:18px 20px 8px}.om-viewer__title h2{margin:8px 0 4px;color:var(--op-slate-900);font-size:22px;font-weight:600}.om-viewer__rxn{color:var(--op-slate-500);font-family:var(--op-font-mono);font-size:12px}.om-viewer__stage{flex:1;min-height:0;padding:8px 20px 0}.om-viewer__caption{padding:0 20px}.om-viewer__caption-label{color:var(--op-violet-700);font-family:var(--op-font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.om-viewer__caption p{margin:8px 0 0;color:var(--op-slate-600);font-size:13px;line-height:1.6}.om-viewer__scrubber{display:flex;align-items:center;gap:12px;padding:16px 20px 20px}.om-viewer__step-btn{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--op-slate-200);border-radius:999px;background:var(--op-white);color:var(--op-slate-700)}.om-viewer__step-btn:disabled{opacity:.45;cursor:not-allowed}.om-viewer__dots{flex:1;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.om-viewer__dot{width:28px;height:28px;border:1px solid var(--op-slate-200);border-radius:999px;background:var(--op-white);color:var(--op-slate-500);font-family:var(--op-font-mono);font-size:10px;font-weight:700}.om-viewer__dot.is-past{border-color:var(--op-indigo-200);color:var(--op-indigo-700)}.om-viewer__dot.is-active{border-color:var(--op-violet-700);background:var(--op-violet-600);color:var(--op-white)}.om-svg{width:100%;height:100%;display:block}.om-frame-card{fill:var(--op-slate-50);stroke:var(--op-slate-200);stroke-width:1.5}.om-frame-card.is-faded{opacity:.55}.om-frame-card.is-product{fill:var(--op-blue-50);stroke:var(--op-blue-600);stroke-width:2}.om-frame-card__label{fill:var(--op-slate-500);font-family:var(--op-font-mono);font-size:9px;font-weight:700;letter-spacing:.12em}.om-frame-card__label.is-product{fill:var(--op-blue-700)}.om-frame-card__name{fill:var(--op-slate-800);font-family:var(--op-font-mono);font-size:11px;font-weight:700}.om-frame-card__name.is-product{fill:var(--op-blue-700)}.om-arrow__reagents{fill:var(--op-violet-700);font-family:var(--op-font-mono);font-size:11px;font-weight:600}.om-arrow__conditions{fill:var(--op-slate-500);font-family:var(--op-font-mono);font-size:9.5px}.om-arrow__line{stroke:var(--op-slate-700);stroke-width:1.6}.om-curly{fill:none;stroke:var(--op-violet-600);stroke-width:1.6}.om-curly__label{fill:var(--op-violet-700);font-family:var(--op-font-mono);font-size:9px}.om-pd-circle{fill:var(--op-violet-50);stroke:var(--op-violet-600);stroke-width:1.5}.om-pd-circle__text{fill:var(--op-violet-700);font-family:var(--op-font-mono);font-size:11px;font-weight:700}.or-library,.or-map{height:100%}.or-map{overflow:auto;padding:24px 24px 40px}.or-library__intro,.or-map__intro{display:flex;justify-content:space-between;gap:18px;align-items:flex-start}.or-library__title,.or-map__title{margin:0;color:var(--op-slate-900);font-size:28px;font-weight:600;letter-spacing:-.02em}.or-library__lede,.or-map__lede{max-width:740px;margin:8px 0 0;color:var(--op-slate-500);font-size:14px;line-height:1.65}.or-map__legend{display:grid;gap:8px;margin-top:4px;color:var(--op-slate-500);font-size:11px}.or-map__legend span{display:inline-flex;align-items:center;gap:8px}.or-map__legend-line{width:28px;height:2px;border-radius:999px;background:var(--op-slate-300)}.or-map__legend-line.is-highlight{background:var(--op-violet-600)}.or-map__svg{width:100%;min-width:960px;margin-top:18px;display:block}.or-map__edge{fill:none;stroke:rgba(71,85,105,.28);stroke-width:2;transition:stroke .16s ease,stroke-width .16s ease,filter .16s ease}.or-map__edge:hover{stroke:rgba(79,70,229,.48)}.or-map__edge.is-selected{stroke:var(--op-violet-600);stroke-width:3.2;filter:drop-shadow(0 0 10px rgba(124,58,237,.22))}.or-map__edge-pill{fill:hsla(0,0%,100%,.94);stroke:var(--op-violet-200);stroke-width:1.5}.or-map__edge-pill-title{fill:var(--op-violet-700);font-family:var(--op-font-mono);font-size:10px;font-weight:700;letter-spacing:.08em}.or-map__edge-pill-sub{fill:var(--op-slate-500);font-size:10px}.or-map__node{fill:hsla(0,0%,100%,.96);stroke-width:1.8}.or-map__node-chip{opacity:.92}.or-map__node-chip-text{fill:var(--op-white);font-family:var(--op-font-mono);font-size:9px;font-weight:700;letter-spacing:.04em}.or-map__node-title{fill:var(--op-slate-800);font-size:12px;font-weight:600}.or-detail-card,.or-transition-card{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--op-slate-200);border-radius:12px;background:var(--op-slate-50)}.or-detail-card strong,.or-transition-card strong{color:var(--op-slate-900);font-size:14px;font-weight:600}.or-transition-card__groups{display:inline-flex;align-items:center;gap:8px}.or-detail-card p{margin:0;color:var(--op-slate-600);font-size:12.5px;line-height:1.6}.or-card code,.or-detail-card code{display:block;padding:8px 10px;border-radius:10px;background:hsla(0,0%,100%,.9);color:var(--op-slate-700);font-family:var(--op-font-mono);font-size:11px;line-height:1.45;white-space:normal}.or-list{display:grid;gap:8px}.or-list__item{padding:8px 10px;border:1px solid var(--op-slate-200);border-radius:10px;background:var(--op-white);color:var(--op-slate-700);font-size:12px}.or-reaction-rail{display:grid;gap:8px}.or-reaction-rail__item{display:grid;gap:4px;padding:10px 11px;border:1px solid var(--op-slate-200);border-radius:10px;background:var(--op-white);text-align:left;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.or-reaction-rail__item:hover{border-color:var(--op-violet-200);transform:translateY(-1px)}.or-reaction-rail__item.is-active{border-color:var(--op-violet-600);box-shadow:0 0 0 1px rgba(124,58,237,.12)}.or-reaction-rail__item.is-passive{cursor:default}.or-reaction-rail__item strong{color:var(--op-slate-900);font-size:12px;font-weight:600}.or-reaction-rail__item span{color:var(--op-slate-500);font-size:11.5px;line-height:1.5}.or-library{overflow-y:auto;padding:24px 24px 40px}.or-library__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin-top:20px}.or-card{display:flex;flex-direction:column;gap:10px;min-height:208px;padding:16px;border:1px solid var(--op-slate-200);border-radius:16px;background:radial-gradient(circle at top right,rgba(124,58,237,.06),transparent 42%),var(--op-white);text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.or-card:hover{border-color:var(--op-violet-200);transform:translateY(-2px);box-shadow:0 12px 28px rgba(15,23,42,.08)}.or-card.is-active{border-color:var(--op-violet-600);box-shadow:0 0 0 1px rgba(124,58,237,.12)}.or-card__route,.or-card__top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.or-card h3{margin:0;color:var(--op-slate-900);font-size:17px;font-weight:600;letter-spacing:-.01em}.or-card p{margin:0;color:var(--op-slate-500);font-size:12.5px;line-height:1.55}.or-card__route{margin-top:auto;color:var(--op-slate-600);font-family:var(--op-font-mono);font-size:11px;font-weight:600}.or-card__arrow,.or-inline-arrow{color:var(--op-violet-600);font-weight:700}.or-inline-arrow{font-size:15px;line-height:1}@media (max-width:1080px){.op-app{grid-template-columns:1fr}.op-app__topbar{grid-column:1}.op-app__sidebar,.op-sidebar-handle,.op-sidebar-toggle{display:none}}@media (max-width:980px){.op-viewer__stage,.op-viewer__stage--stub{grid-template-columns:1fr}.op-panel{max-height:42vh;border-top:1px solid var(--op-slate-200);border-left:0}.op-stage{min-height:52vh;padding:12px}.or-library__intro,.or-map__intro{flex-direction:column}}@media (max-width:720px){.op-app__topbar{height:auto;align-items:flex-start;flex-wrap:wrap;padding:12px 14px}.op-brand{width:100%}.op-brand__sub{display:none}.op-search{max-width:none;width:100%;order:3}.op-topbar-spacer{display:none}.op-topbar-actions{margin-left:auto}.op-atlas{padding:18px 16px 48px}.op-atlas__title{font-size:24px}.op-viewer__header{padding:14px 16px 12px}.op-viewer__breadcrumb{font-size:10px;line-height:1.4}.op-viewer__title h1{font-size:20px}.op-viewer__controls{width:100%;margin-left:0}.op-toolbar{width:100%;justify-content:flex-start;flex-wrap:wrap}.op-panel{padding:16px 14px 40px}.ov-rxn-strip{grid-template-columns:1fr}.om-viewer__scrubber{gap:8px;padding-inline:14px}}.fg-network{display:flex;flex-direction:column;height:100%}.fg-network__body{display:flex;flex:1;gap:0;overflow:hidden}.fg-canvas-wrap{position:relative;flex:1;min-width:0;background:var(--op-slate-50);border-right:1px solid var(--op-slate-200);display:flex;flex-direction:column}.fg-cat-bar{display:flex;gap:6px;padding:10px 14px 8px;flex-wrap:wrap;border-bottom:1px solid var(--op-slate-200)}.fg-cat-bar,.fg-cat-pill{background:var(--op-white)}.fg-cat-pill{padding:3px 10px;border-radius:100px;border:1px solid var(--op-slate-200);font-size:11px;font-weight:500;color:var(--op-slate-600);cursor:pointer;transition:all .15s}.fg-cat-pill:hover{background:var(--op-slate-100)}.fg-cat-pill.is-active{background:var(--op-slate-800);color:#fff;border-color:var(--op-slate-800)}.fg-zoom-bar{position:absolute;bottom:16px;left:16px;display:flex;flex-direction:column;gap:4px;z-index:10}.fg-zoom-bar button{width:32px;height:32px;border-radius:8px;border:1px solid var(--op-slate-200);background:var(--op-white);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--op-slate-600);transition:background .15s}.fg-zoom-bar button:hover{background:var(--op-slate-100)}.fg-canvas{flex:1;width:100%;height:100%;user-select:none;display:block}.fg-node{transition:opacity .16s ease}.fg-node--dim{opacity:.18}.fg-node--focused rect{filter:drop-shadow(0 2px 6px rgba(0,0,0,.18))}.fg-edge--dim,.fg-edge--emph{transition:opacity .16s ease}.fg-edge-label{fill:var(--op-slate-700);font-weight:600;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;paint-order:stroke;stroke:var(--op-white);stroke-width:3px;stroke-linejoin:round}.fg-edge-label,.fg-edge-label-bg,.fg-edge-label-group{pointer-events:none}.fg-edge-label-bg{fill:hsla(0,0%,100%,.95);stroke:var(--op-slate-200);stroke-width:.5}.fg-edge-label-group--hover .fg-edge-label-bg{stroke:#6366f1;stroke-width:1;fill:hsla(0,0%,100%,.98)}.fg-resize-handle{flex:0 0 6px;cursor:col-resize;background:transparent;border-left:1px solid var(--op-slate-200);border-right:1px solid var(--op-slate-200);position:relative;transition:background .16s ease;z-index:5}.fg-resize-handle:before{content:"";position:absolute;inset:0;left:-3px;right:-3px}.fg-resize-handle.is-resizing,.fg-resize-handle:hover{background:var(--op-indigo-200)}.fg-panel{flex:0 0 auto;width:var(--fg-panel-width,340px);min-width:280px;max-width:720px;overflow-y:auto;background:var(--op-white);gap:0}.fg-panel,.fg-panel--empty{display:flex;flex-direction:column}.fg-panel--empty{align-items:center;justify-content:center;gap:16px;padding:32px 24px;color:var(--op-slate-400)}.fg-panel__empty-icon{opacity:.4}.fg-panel__empty-text{text-align:center;font-size:13px;line-height:1.5}.fg-panel__header{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 16px 12px;border-bottom:1px solid var(--op-slate-100);gap:8px}.fg-panel__route{display:flex;align-items:center;gap:4px;font-size:11px;margin-bottom:4px}.fg-panel__route code{font-family:monospace;font-size:11px;font-weight:600}.fg-panel__title{font-size:15px;font-weight:700;color:var(--op-slate-900);margin:0 0 4px}.fg-panel__mech{font-size:11px;color:var(--op-slate-500);background:var(--op-slate-100);padding:2px 8px;border-radius:100px}.fg-panel__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;border:1px solid var(--op-slate-200);background:transparent;cursor:pointer;color:var(--op-slate-500);flex-shrink:0}.fg-panel__close:hover{background:var(--op-slate-100)}.fg-panel__structures{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--op-slate-50);border-bottom:1px solid var(--op-slate-100)}.fg-panel__struct{flex:1;text-align:center}.fg-panel__struct-label{font-size:10px;font-weight:600;color:var(--op-slate-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.fg-panel__struct-arrow{font-size:20px;color:var(--op-slate-400);flex-shrink:0}.fg-panel__section{padding:12px 16px;border-bottom:1px solid var(--op-slate-100)}.fg-panel__section-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--op-slate-400);margin-bottom:8px}.fg-panel__reagent-list{display:flex;flex-direction:column;gap:4px}.fg-panel__reagent{font-size:12px;padding:4px 10px;background:var(--op-slate-100);border-radius:6px;color:var(--op-slate-700);font-family:monospace}.fg-panel__conditions{font-size:11px;color:var(--op-slate-500);margin-top:6px;font-style:italic}.fg-panel__tags{display:flex;gap:6px;flex-wrap:wrap;padding:8px 16px;border-bottom:1px solid var(--op-slate-100)}.fg-tag{font-size:11px;padding:2px 8px;border-radius:100px;font-weight:500}.fg-tag--amber{background:var(--op-amber-50,#fffbeb);color:var(--op-amber-700,#b45309);border:1px solid var(--op-amber-200,#fde68a)}.fg-tag--violet{background:var(--op-violet-50);color:var(--op-violet-600);border:1px solid var(--op-violet-200)}.fg-panel__steps{list-style:none;counter-reset:step-counter;gap:6px;padding:0;margin:0}.fg-panel__step,.fg-panel__steps{display:flex;flex-direction:column}.fg-panel__step{counter-increment:step-counter;gap:2px;padding-left:20px;position:relative;font-size:12px}.fg-panel__step:before{content:counter(step-counter);position:absolute;left:0;top:0;width:16px;height:16px;background:var(--op-emerald-600);color:#fff;border-radius:50%;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.fg-panel__step strong{color:var(--op-slate-800);font-size:11px}.fg-panel__step span{color:var(--op-slate-600);line-height:1.4}.fg-panel__example{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border-radius:6px;background:var(--op-slate-50);margin-bottom:4px;font-size:12px}.fg-panel__example strong{color:var(--op-slate-800)}.fg-panel__example span{color:var(--op-slate-600)}.fg-panel__tip{padding:10px 16px;background:var(--op-emerald-50);border-left:3px solid var(--op-emerald-600);font-size:12px;color:var(--op-slate-700);line-height:1.5;margin:0}.fg-panel__puzzle-btn{margin:12px 16px 16px;width:calc(100% - 32px);justify-content:center}.fg-quiz{position:absolute;bottom:0;left:0;right:0;background:hsla(0,0%,100%,.96);backdrop-filter:blur(10px);color:var(--op-slate-800);padding:16px 20px;border-top:2px solid var(--op-emerald-600);box-shadow:0 -8px 24px rgba(15,23,42,.06);z-index:20}.fg-quiz__header{display:flex;align-items:center;gap:12px;margin-bottom:12px;font-size:12px}.fg-quiz__progress{color:var(--op-slate-500)}.fg-quiz__score{color:var(--op-emerald-700);font-weight:600;margin-left:auto}.op-app .fg-quiz__exit{display:flex;align-items:center;gap:4px;background:var(--op-white);border:1px solid var(--op-slate-200);color:var(--op-slate-600);padding:3px 8px;border-radius:6px;cursor:pointer;font-size:11px;transition:background .16s ease,color .16s ease}.op-app .fg-quiz__exit:hover{background:var(--op-slate-50);color:var(--op-slate-900)}.fg-quiz__question{font-size:14px;font-weight:600;color:var(--op-slate-900);margin-bottom:12px;line-height:1.4}.fg-quiz__options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.op-app .fg-quiz__opt{padding:8px 12px;border-radius:8px;border:1px solid var(--op-slate-200);background:var(--op-white);color:var(--op-slate-700);font-size:12px;cursor:pointer;text-align:left;transition:all .15s}.op-app .fg-quiz__opt:hover:not(:disabled){background:var(--op-slate-50);border-color:var(--op-indigo-200);color:var(--op-slate-900)}.op-app .fg-quiz__opt.is-correct{background:var(--op-emerald-50);border-color:var(--op-emerald-600);color:var(--op-emerald-700)}.op-app .fg-quiz__opt.is-wrong{background:#fef2f2;border-color:#dc2626;color:#b91c1c}.op-app .fg-quiz__opt.is-dim{opacity:.4}.fg-quiz__feedback{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:13px;font-weight:600;color:var(--op-slate-800);padding-top:10px;border-top:1px solid var(--op-slate-200)}.puzzle-overlay{position:fixed;inset:0;background:rgba(15,23,42,.6);z-index:1000;display:flex;align-items:center;justify-content:center;padding:24px}.puzzle-modal{background:var(--op-white);border-radius:16px;width:100%;max-width:860px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 60px rgba(0,0,0,.25)}.puzzle-modal__header{display:flex;align-items:flex-start;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--op-slate-200);gap:16px}.puzzle-modal__title{font-size:18px;font-weight:700;color:var(--op-slate-900);margin:0 0 4px}.puzzle-modal__sub{font-size:13px;color:var(--op-slate-500);margin:0}.puzzle-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--op-slate-200);background:transparent;cursor:pointer;color:var(--op-slate-500);flex-shrink:0}.puzzle-modal__close:hover{background:var(--op-slate-100)}.puzzle-modal__controls{padding:16px 24px;border-bottom:1px solid var(--op-slate-200);background:var(--op-slate-50)}.puzzle-ctrl-group{margin-bottom:12px}.puzzle-ctrl-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--op-slate-500);margin-bottom:8px}.puzzle-type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.puzzle-type-btn{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:8px;border:1.5px solid var(--op-slate-200);background:var(--op-white);cursor:pointer;text-align:left;transition:all .15s}.puzzle-type-btn.is-active,.puzzle-type-btn:hover{border-color:var(--op-emerald-600);background:var(--op-emerald-50)}.puzzle-type-btn__icon{color:var(--op-emerald-600)}.puzzle-type-btn__label{font-size:12px;font-weight:600;color:var(--op-slate-800)}.puzzle-type-btn__desc{font-size:10px;color:var(--op-slate-500);line-height:1.3}.puzzle-ctrl-row{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap}.puzzle-ctrl-row .puzzle-ctrl-group{margin-bottom:0;flex:1;min-width:200px}.puzzle-slider{width:100%;accent-color:var(--op-emerald-600)}.puzzle-slider-labels{display:flex;justify-content:space-between;font-size:10px;color:var(--op-slate-400);margin-top:2px}.puzzle-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}.puzzle-modal__body{flex:1;overflow-y:auto;padding:16px 24px}.puzzle-header-strip{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--op-slate-500);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--op-slate-200)}.puzzle-header-strip .is-answer-mode{background:#fef3c7;color:#92400e;padding:2px 8px;border-radius:100px;font-weight:600}.puzzle-question-list{display:flex;flex-direction:column;gap:16px}.puzzle-q{border:1px solid var(--op-slate-200);border-radius:10px;padding:14px 16px;background:var(--op-white)}.puzzle-q__num{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:11px;color:var(--op-slate-500)}.puzzle-q__num span:first-child{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--op-slate-800);color:#fff;font-size:10px;font-weight:700;flex-shrink:0}.puzzle-q__type{background:var(--op-slate-100);padding:1px 8px;border-radius:100px;font-size:10px;font-weight:600}.puzzle-q__arrow{display:flex;align-items:center;gap:6px;font-family:monospace;font-size:12px;font-weight:600;margin-bottom:4px;color:var(--op-slate-700)}.puzzle-q__prompt{font-size:13px;color:var(--op-slate-800);margin:0 0 10px;line-height:1.4}.puzzle-q__blank{border-bottom:2px solid var(--op-slate-300);min-height:28px;font-size:12px;color:var(--op-slate-600);padding:4px 2px;font-style:italic}.puzzle-q__blank.is-filled{border-bottom-color:var(--op-emerald-600);color:var(--op-emerald-700,#047857);font-style:normal;font-weight:500}.puzzle-q__hint{font-size:11px;color:var(--op-slate-400);margin:6px 0 0;font-style:italic}.puzzle-type-grid--three{grid-template-columns:repeat(3,1fr)}.puzzle-strip{margin:.5rem 0 .25rem;flex-wrap:wrap;padding:6px 0}.puzzle-strip,.puzzle-strip__segment{display:flex;align-items:stretch;gap:.75rem}.puzzle-strip__segment{flex:1 1 auto;min-width:280px}.puzzle-strip__card{width:130px;flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch}.puzzle-strip__card>:first-child{border:1px solid var(--op-slate-200);border-radius:8px;background:#fff}.puzzle-strip__caption{font-size:.7rem;text-align:center;color:var(--op-slate-600,#475569);margin-top:4px;line-height:1.25;display:flex;flex-direction:column;gap:1px}.puzzle-strip__caption strong{color:var(--op-slate-900,#0f172a);font-weight:600;font-size:.72rem}.puzzle-strip__caption span{font-family:monospace;font-size:.65rem;color:var(--op-slate-500,#64748b)}.puzzle-strip__arrow{flex:1 1 140px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:140px;gap:4px}.puzzle-strip__arrow-line{width:100%;height:0;border-top:1.5px solid #1a1a2e;position:relative}.puzzle-strip__arrow-line:after{content:"";position:absolute;right:-2px;top:-5px;border:5px solid transparent;border-left-color:#1a1a2e}.puzzle-strip__cond-slot{min-height:28px;min-width:120px;max-width:200px;width:100%;border:1px dashed #94a3b8;border-radius:6px;padding:4px 6px;font-size:.72rem;line-height:1.25;color:#64748b;background:#f8fafc;word-break:break-word;text-align:center;font-style:italic}.puzzle-strip__cond-slot.is-filled{border-style:solid;border-color:#1a1a2e;color:#1a1a2e;background:#eef2ff;font-style:normal}.puzzle-strip__cond-label{font-size:.72rem;padding:3px 6px;background:#f3f4f6;border-radius:4px;max-width:200px;word-break:break-word;text-align:center;color:var(--op-slate-700,#334155);line-height:1.25}.puzzle-strip__product-slot{width:130px;min-height:110px;flex:0 0 auto;border:1.5px dashed #94a3b8;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.72rem;color:#64748b;text-align:center;padding:8px;background:#fafafa;font-style:italic}@media print{.puzzle-strip{page-break-inside:avoid}.puzzle-strip__card{width:110px}.puzzle-strip__product-slot{width:110px;min-height:90pt}}.op-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;border:1.5px solid transparent;white-space:nowrap}.op-btn--ghost{background:transparent;border-color:var(--op-slate-200);color:var(--op-slate-600)}.op-btn--ghost:hover{background:var(--op-slate-100)}.op-btn--primary{background:var(--op-emerald-600);color:#fff;border-color:var(--op-emerald-600)}.op-btn--primary:hover{background:var(--op-emerald-700)}.op-btn--active{background:var(--op-indigo-600);color:#fff;border-color:var(--op-indigo-600)}.op-app.op-glass{background:linear-gradient(180deg,#fafbff,#fff)}.op-app.op-clinical{background:#fff;color:#111;font-family:var(--font-sans)}.op-clinical .op-app__topbar{border-color:#111;background:#fff}.op-clinical .op-app__sidebar{background:#fafafa;border-color:#111}.op-clinical .op-app__main{background:#fff}.op-clinical .op-sidebar-handle{background:#fff;border-color:#111;border-radius:0;color:#111;box-shadow:none}.op-clinical .op-sidebar-handle:hover{background:#111;color:#fff;border-color:#111;box-shadow:none}.op-clinical .op-brand__mark{background:#111;color:#fff;border-radius:0;font-family:var(--font-mono)}.op-clinical .op-brand__name{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;color:#111}.op-clinical .op-brand__sub{color:#444;font-family:var(--font-mono)}.op-clinical .op-search{background:#fff;border:1px solid #111;border-radius:0}.op-clinical .op-search input{color:#111}.op-clinical .op-search input::placeholder{color:#777}.op-clinical .op-mono{color:#444}.op-clinical .op-icon-btn{border:1px solid #111;border-radius:0;color:#111;background:#fff}.op-clinical .op-icon-btn.is-active,.op-clinical .op-icon-btn:hover{background:#111;color:#fff}.op-clinical .op-back-btn{border-radius:0}.op-clinical .op-card{border:1px solid #111;border-radius:0;box-shadow:none;background:#fff}.op-clinical .op-card:hover{box-shadow:4px 4px 0 #111;transform:translate(-2px,-2px);border-color:#111}.op-clinical .op-card__corner{color:#111;font-family:var(--font-mono)}.op-clinical .op-card__accent{background:#111!important}.op-clinical .op-card__title{font-family:var(--font-mono);text-transform:uppercase;font-size:13px;letter-spacing:.04em;color:#111}.op-clinical .op-card__sub{font-size:12px;color:#444}.op-clinical .op-card__glyph{color:#111}.op-clinical .op-card__meta{color:#444;border-top:1px dashed #111}.op-clinical .op-card__meta strong{color:#111}.op-clinical .op-card__family{color:#555;font-family:var(--font-mono)}.op-clinical .op-atlas__title{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.02em;font-size:18px;background:#111;color:#fff;display:inline-block;padding:4px 12px}.op-clinical .op-atlas__lede{font-family:var(--font-sans);color:#444}.op-clinical .op-viewer__header{border-color:#111;background:#fff}.op-clinical .op-viewer__title h1{font-family:var(--font-mono);text-transform:uppercase;font-size:16px;background:#111;color:#fff;padding:4px 10px;display:inline-block}.op-clinical .op-viewer__breadcrumb{color:#555;font-family:var(--font-mono)}.op-clinical .op-stage{background:#fff}.op-clinical .op-panel,.op-clinical .op-toolbar{border-color:#111;background:#fff}.op-clinical .op-toolbar,.op-clinical .op-toolbar__dot{border-radius:0}.op-clinical .op-tag{font-size:10px;letter-spacing:.05em}.op-clinical .op-pill,.op-clinical .op-tag{border-radius:0;font-family:var(--font-mono);text-transform:uppercase;background:#fff;color:#111;border:1px solid #111}.op-clinical .op-pill.is-active{background:#111;color:#fff}.op-clinical .op-caps-label,.op-clinical .op-nav-item,.op-clinical .op-nav-section__title{color:#111;font-family:var(--font-mono)}.op-clinical .op-nav-item{border-radius:0;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.op-clinical .op-nav-item.is-active{background:#111;color:#fff}.op-clinical .op-nav-item:hover{background:#f0f0f0;color:#111}.op-clinical .op-btn{border-radius:0;font-family:var(--font-mono);text-transform:uppercase;font-size:10px}.op-clinical .op-btn--primary{background:#111;color:#fff;border-color:#111}.op-clinical .op-btn--ghost{background:#fff;color:#111;border-color:#111}.op-clinical .op-btn--active{background:#111;color:#fff;border-color:#111}.op-clinical .ov-node-card{background:#fff;border:1.5px solid #111;border-radius:0;box-shadow:none}.op-clinical .ov-node-card:hover{box-shadow:3px 3px 0 #111;transform:translate(-1.5px,-1.5px)}.op-clinical .ov-node-card.is-selected{background:#111;color:#fff}.op-clinical .ov-node-card.is-feedstock,.op-clinical .ov-node-card.is-target{border-color:#111}.op-clinical .ov-node-long,.op-clinical .ov-node-short{color:inherit;font-family:var(--font-mono)}.op-clinical .ov-rxn-pill{background:#fff;border:1px solid #111;border-radius:0;color:#111}.op-clinical .ov-rxn-pill.is-selected{background:#111;color:#fff}.op-clinical .ov-rxn-reagents{color:#444;font-family:var(--font-mono);font-size:10px}.op-clinical .ov-rxn-label{font-family:var(--font-mono);text-transform:uppercase}.op-clinical .ov-chip{background:#fff;border:1px solid #111;border-radius:0;color:#111}.op-clinical .ov-chip__text{color:#111;font-family:var(--font-mono)}.op-clinical .ov-edge,.op-clinical .ov-edge.is-bhc,.op-clinical .ov-edge.is-boots,.op-clinical .ov-edge.is-shared{stroke:#111}.op-clinical .ov-flux{fill:#111;filter:none}.op-clinical .ov-mol-frame{background:#fff;border:1px solid #111;border-radius:0}.op-clinical .ov-lane-label,.op-clinical .ov-panel__title{color:#111;font-family:var(--font-mono);text-transform:uppercase}.op-clinical .ov-panel__sub{color:#555;font-family:var(--font-mono)}.op-clinical .ov-panel__header{border-color:#111}.op-clinical .ov-panel__group-title{color:#111;font-family:var(--font-mono)}.op-clinical .ov-ai-box,.op-clinical .ov-panel__tip{background:#fff;border:1px solid #111;border-radius:0}.op-clinical .ov-ai-box__label{color:#111;font-family:var(--font-mono)}.op-clinical .ov-ai-box__output{color:#111;background:#fafafa;border:1px solid #111;border-radius:0}.op-clinical .ov-btn{border-radius:0;font-family:var(--font-mono);text-transform:uppercase}.op-clinical .om-svg{background:#fff}.op-clinical .om-frame-card{background:#fff;border:1.5px solid #111;border-radius:0}.op-clinical .om-frame-card.is-product{background:#111;color:#fff}.op-clinical .om-frame-card__label,.op-clinical .om-frame-card__name{color:#111;font-family:var(--font-mono)}.op-clinical .om-arrow__line{stroke:#111}.op-clinical .om-arrow__reagents{fill:#111;font-family:var(--font-mono)}.op-clinical .om-arrow__conditions{fill:#444;font-family:var(--font-mono)}.op-clinical .om-curly{stroke:#111}.op-clinical .om-curly__label{fill:#111;font-family:var(--font-mono)}.op-clinical .om-pd-circle{fill:#fff;stroke:#111}.op-clinical .om-pd-circle__text{fill:#111;font-family:var(--font-mono)}.op-clinical .om-viewer__title{font-family:var(--font-mono);text-transform:uppercase;color:#111}.op-clinical .om-viewer__rxn{color:#555;font-family:var(--font-mono)}.op-clinical .om-viewer__caption{background:#fff;border:1px solid #111;border-radius:0}.op-clinical .om-viewer__caption-label{color:#111;font-family:var(--font-mono)}.op-clinical .om-viewer__step-btn{border:1px solid #111;border-radius:0;background:#fff;color:#111}.op-clinical .om-viewer__step-btn:hover{background:#111;color:#fff}.op-clinical .om-viewer__dot{background:#fff;border:1px solid #111}.op-clinical .om-viewer__dot.is-active{background:#111}.op-clinical .om-viewer__dot.is-past{background:#555}.op-clinical .or-map__svg{background:#fff}.op-clinical .or-map__node{fill:#fff;stroke:#111;stroke-width:1.5}.op-clinical .or-map__node-chip{fill:#fff;stroke:#111;rx:0}.op-clinical .or-map__node-title{text-transform:uppercase}.op-clinical .or-map__node-chip-text,.op-clinical .or-map__node-title{fill:#111;font-family:var(--font-mono)}.op-clinical .or-map__edge{stroke:#111}.op-clinical .or-map__edge-pill{fill:#fff;stroke:#111;rx:0}.op-clinical .or-map__edge-pill-title{fill:#111;font-family:var(--font-mono)}.op-clinical .or-map__edge-pill-sub{fill:#555;font-family:var(--font-mono)}.op-clinical .or-map__title{font-family:var(--font-mono);text-transform:uppercase;color:#111}.op-clinical .or-map__intro,.op-clinical .or-map__lede{color:#444}.op-clinical .or-card,.op-clinical .or-map__legend{background:#fff;border:1px solid #111;border-radius:0}.op-clinical .or-card{box-shadow:none}.op-clinical .or-card:hover{box-shadow:3px 3px 0 #111}.op-clinical .or-card__top{font-family:var(--font-mono)}.op-clinical .or-card__arrow{color:#111}.op-clinical .or-card__route{font-family:var(--font-mono);color:#444}.op-clinical .or-list{background:#fff}.op-clinical .or-list__item{border-bottom:1px solid #111}.op-clinical .or-library__title{font-family:var(--font-mono);text-transform:uppercase;color:#111}.op-clinical .or-library__lede{color:#444}.op-clinical .or-library__intro{color:#555}.op-clinical .or-detail-card,.op-clinical .or-reaction-rail__item,.op-clinical .or-transition-card{border:1px solid #111;border-radius:0;background:#fff}.op-clinical .or-inline-arrow{color:#111}.op-clinical .fg-canvas-wrap{background:#fff;border:1px solid #111;border-radius:0}.op-clinical .fg-canvas,.op-clinical .fg-network__body{background:#fff}.op-clinical .fg-cat-bar{background:#fff;border-bottom:1px solid #111}.op-clinical .fg-cat-pill{border-radius:0;font-family:var(--font-mono);text-transform:uppercase;background:#fff;color:#111;border:1px solid #111}.op-clinical .fg-cat-pill.is-active{background:#111;color:#fff}.op-clinical .fg-edge-label{fill:#111;font-family:var(--font-mono);font-size:10px}.op-clinical .fg-panel,.op-clinical .fg-zoom-bar{background:#fff;border:1px solid #111;border-radius:0}.op-clinical .fg-panel__header{border-bottom:1px solid #111}.op-clinical .fg-panel__title{text-transform:uppercase}.op-clinical .fg-panel__section-title,.op-clinical .fg-panel__title{font-family:var(--font-mono);color:#111}.op-clinical .fg-panel__close,.op-clinical .fg-tag{border-radius:0;border:1px solid #111;background:#fff;color:#111}.op-clinical .fg-tag{font-family:var(--font-mono);text-transform:uppercase}.op-clinical .fg-panel__reagent{font-family:var(--font-mono)}.op-clinical .fg-panel__example,.op-clinical .fg-panel__reagent{background:#fff;border:1px solid #111;border-radius:0}.op-clinical .fg-panel__mech{background:#fafafa;border:1px solid #111;border-radius:0;color:#111}.op-clinical .fg-panel__step{background:#fff;border:1px solid #111;border-radius:0}.op-clinical .fg-panel__tip{background:#fafafa;border:1px solid #111;border-radius:0;color:#444}.op-clinical .fg-panel__puzzle-btn{border-radius:0;background:#111;color:#fff;font-family:var(--font-mono);text-transform:uppercase}.op-clinical .fg-quiz{background:#fff;border:1px solid #111;border-radius:0}.op-clinical .fg-quiz__header{border-bottom:1px solid #111}.op-clinical .fg-quiz__opt{background:#fff;border:1px solid #111;border-radius:0;color:#111}.op-clinical .fg-quiz__opt:hover{background:#111;color:#fff}.op-clinical .puzzle-overlay{background:hsla(0,0%,100%,.92)}.op-clinical .puzzle-modal{background:#fff;border:1px solid #111;border-radius:0;box-shadow:6px 6px 0 #111}.op-clinical .puzzle-modal__header{border-bottom:1px solid #111}.op-clinical .puzzle-modal__title{font-family:var(--font-mono);text-transform:uppercase;color:#111}.op-clinical .puzzle-modal__close{background:#fff;border:1px solid #111;border-radius:0;color:#111}.op-clinical .puzzle-strip{background:#fff}.op-clinical .puzzle-strip__card{background:#fff;border:1px solid #111;border-radius:0}.op-clinical .puzzle-strip__caption{color:#111;font-family:var(--font-mono)}.op-clinical .puzzle-strip__cond-slot,.op-clinical .puzzle-strip__product-slot{background:#fff;border:1px dashed #111;border-radius:0;color:#111;font-family:var(--font-mono)}.op-clinical .puzzle-strip__arrow-line{stroke:#111}.op-clinical .puzzle-q{background:#fff;border:1px solid #111;border-radius:0}.op-clinical .puzzle-q__num{background:#111;color:#fff;border-radius:0;font-family:var(--font-mono)}.op-clinical .puzzle-q__hint{color:#444;font-family:var(--font-mono)}.op-clinical .puzzle-type-btn{background:#fff;border:1px solid #111;border-radius:0}.op-clinical .puzzle-type-btn__label{color:#111;font-family:var(--font-mono);text-transform:uppercase}.op-app.op-textbook{background:radial-gradient(ellipse at 20% 0,rgba(255,218,158,.25),transparent 60%),radial-gradient(ellipse at 80% 100%,rgba(255,188,158,.18),transparent 50%),#fdf6e7;color:#3a2a18;font-family:var(--font-sans)}.op-textbook .op-app__topbar{background:hsla(41,85%,95%,.9);border-bottom:1px solid #e0c89a}.op-textbook .op-app__sidebar{background:#f7eed4;border-right:1px solid #e0c89a}.op-textbook .op-app__main{background:transparent}.op-textbook .op-sidebar-handle{background:#fffaf0;border-color:#c9b48a;color:#7a5a2a;box-shadow:0 2px 6px rgba(122,90,42,.12)}.op-textbook .op-sidebar-handle:hover{background:#f7eed4;color:#3a2a18;border-color:#a88a4a}.op-textbook .op-brand__name{color:#3a2a18}.op-textbook .op-brand__sub{color:#7c5a36}.op-textbook .op-search{background:#fffaf0;border-color:#c9b48a;color:#3a2a18}.op-textbook .op-search input{color:#3a2a18}.op-textbook .op-search input::placeholder{color:#9b7a48}.op-textbook .op-mono{color:#7c5a36}.op-textbook .op-icon-btn{color:#7c4a1a}.op-textbook .op-icon-btn:hover{background:rgba(124,74,26,.1);color:#3a2a18}.op-textbook .op-icon-btn.is-active{background:#f7e3b2;color:#7c4a1a}.op-textbook .op-card{background:#fffaf0;border:1px solid #c9b48a;border-radius:4px;box-shadow:2px 3px 0 rgba(124,74,26,.18)}.op-textbook .op-card:hover{transform:translate(-1px,-2px);box-shadow:3px 5px 0 rgba(124,74,26,.25);border-color:#7c4a1a}.op-textbook .op-card__corner{font-family:var(--font-display);font-style:italic;font-size:13px;color:#7c4a1a}.op-textbook .op-card__title{font-family:var(--font-display);font-weight:600;font-size:22px;line-height:1.1;color:#3a2a18}.op-textbook .op-card__sub{color:#7c5a36;font-style:italic;font-size:13px;font-family:var(--font-display)}.op-textbook .op-card__accent{width:0}.op-textbook .op-card__glyph{color:#7c4a1a}.op-textbook .op-card__meta{color:#7c5a36;border-top:1px dashed #c9b48a}.op-textbook .op-card__meta strong{color:#3a2a18}.op-textbook .op-card__family{color:#9c541f;font-family:var(--font-display);font-style:italic}.op-textbook .op-atlas__title{font-family:var(--font-display);font-weight:600;font-size:40px;color:#3a2a18;letter-spacing:-.01em}.op-textbook .op-atlas__lede{font-family:var(--font-display);font-style:italic;font-size:18px;color:#7c5a36;max-width:620px}.op-textbook .op-viewer__header{background:hsla(41,85%,95%,.92);border-color:#e0c89a}.op-textbook .op-viewer__title h1{font-family:var(--font-display);font-weight:600;font-size:28px;color:#3a2a18}.op-textbook .op-viewer__breadcrumb{font-family:var(--font-display);font-style:italic;font-size:12px;color:#7c5a36}.op-textbook .op-stage{background:radial-gradient(ellipse at 30% 30%,rgba(255,218,158,.25),transparent 60%),repeating-linear-gradient(0deg,transparent,transparent 24px,rgba(124,74,26,.05) 0,rgba(124,74,26,.05) 25px),#fffaf0}.op-textbook .op-panel{background:#fffaf0;border-left:1px solid #c9b48a}.op-textbook .op-toolbar{background:#fffaf0;border-color:#c9b48a}.op-textbook .op-tag{background:rgba(124,74,26,.08);color:#7c4a1a;border:1px solid #d7ad78;font-family:var(--font-display);font-style:italic}.op-textbook .op-pill{background:#fffaf0;color:#3a2a18;border:1px solid #c9b48a;font-family:var(--font-display)}.op-textbook .op-pill.is-active{background:#7c4a1a;color:#fffaf0}.op-textbook .op-caps-label,.op-textbook .op-nav-section__title{color:#7c4a1a;font-family:var(--font-display);font-style:italic}.op-textbook .op-nav-section__title{letter-spacing:.05em;font-size:12px;text-transform:none}.op-textbook .op-nav-item{font-family:var(--font-display);font-size:16px;font-weight:500;color:#3a2a18;border-radius:4px}.op-textbook .op-nav-item:hover{background:rgba(124,74,26,.08)}.op-textbook .op-nav-item.is-active{background:#7c4a1a;color:#fffaf0}.op-textbook .op-btn{font-family:var(--font-display)}.op-textbook .op-btn--primary{background:#7c4a1a;color:#fffaf0;border-color:#7c4a1a}.op-textbook .op-btn--ghost{background:#fffaf0;color:#3a2a18;border-color:#c9b48a}.op-textbook .op-btn--active{background:#7c4a1a;color:#fffaf0;border-color:#7c4a1a}.op-textbook .ov-node-card{background:#fffaf0;border:1.5px solid #7c4a1a;border-radius:6px;box-shadow:1px 2px 0 rgba(124,74,26,.18)}.op-textbook .ov-node-card.is-selected{background:#f4d99a;border-color:#7c4a1a}.op-textbook .ov-node-card.is-target{border-color:#b07332}.op-textbook .ov-node-card.is-feedstock{border-color:#c46a20}.op-textbook .ov-node-long{color:#3a2a18;font-family:var(--font-display);font-weight:600}.op-textbook .ov-node-short{color:#7c5a36;font-family:var(--font-display);font-style:italic}.op-textbook .ov-rxn-pill{background:#fdf6e7;border-color:#c9b48a;color:#3a2a18}.op-textbook .ov-rxn-pill.is-selected{background:#f4d99a}.op-textbook .ov-rxn-label{font-family:var(--font-display);font-style:italic;color:#7c4a1a}.op-textbook .ov-rxn-reagents{color:#7c5a36;font-family:var(--font-display);font-style:italic}.op-textbook .ov-chip{background:rgba(124,74,26,.08);border-color:#d7ad78}.op-textbook .ov-chip__text{color:#7c4a1a;font-family:var(--font-display)}.op-textbook .ov-edge{stroke:#7c4a1a}.op-textbook .ov-edge.is-shared{stroke:#b07332}.op-textbook .ov-edge.is-boots{stroke:#c46a20}.op-textbook .ov-edge.is-bhc{stroke:#9c541f}.op-textbook .ov-flux{fill:#c4762e;filter:drop-shadow(0 0 6px rgba(196,118,46,.45))}.op-textbook .ov-mol-frame{background:#fffaf0;border:1px solid #c9b48a;border-radius:6px}.op-textbook .ov-lane-label{color:#7c4a1a;font-family:var(--font-display);font-style:italic}.op-textbook .ov-panel__title{font-family:var(--font-display);font-weight:600;font-size:22px;color:#3a2a18}.op-textbook .ov-panel__sub{font-family:var(--font-display);font-style:italic;color:#7c5a36}.op-textbook .ov-panel__header{border-color:#c9b48a}.op-textbook .ov-panel__group-title{color:#7c4a1a;font-family:var(--font-display);font-style:italic}.op-textbook .ov-panel__tip{background:rgba(255,250,240,.95);border-color:#d7ad78}.op-textbook .ov-ai-box{background:#fffaf0;border-color:#c9b48a}.op-textbook .ov-ai-box__label{color:#7c4a1a;font-family:var(--font-display);font-style:italic}.op-textbook .ov-ai-box__output{background:#fdf6e7;border-color:#c9b48a;color:#3a2a18}.op-textbook .ov-btn{font-family:var(--font-display)}.op-textbook .om-svg{background:#fffaf0}.op-textbook .om-frame-card{background:#fffaf0;border:1.5px solid #c9b48a}.op-textbook .om-frame-card.is-product{background:#f4d99a;border-color:#7c4a1a}.op-textbook .om-frame-card__label{color:#7c4a1a;font-family:var(--font-display);font-style:italic}.op-textbook .om-frame-card__name{color:#3a2a18;font-family:var(--font-display);font-weight:600}.op-textbook .om-arrow__line{stroke:#7c4a1a}.op-textbook .om-arrow__reagents{fill:#3a2a18;font-family:var(--font-display);font-style:italic}.op-textbook .om-arrow__conditions{fill:#7c5a36;font-family:var(--font-display);font-style:italic}.op-textbook .om-curly{stroke:#c46a20}.op-textbook .om-curly__label{fill:#7c4a1a;font-family:var(--font-display);font-style:italic}.op-textbook .om-pd-circle{fill:#fffaf0;stroke:#7c4a1a}.op-textbook .om-pd-circle__text{fill:#7c4a1a;font-family:var(--font-display)}.op-textbook .om-viewer__title{font-family:var(--font-display);font-weight:600;color:#3a2a18}.op-textbook .om-viewer__rxn{color:#7c5a36;font-family:var(--font-display);font-style:italic}.op-textbook .om-viewer__caption{background:#fffaf0;border:1px solid #c9b48a}.op-textbook .om-viewer__caption-label{color:#7c4a1a;font-family:var(--font-display);font-style:italic}.op-textbook .om-viewer__step-btn{background:#fffaf0;border:1px solid #c9b48a;color:#3a2a18}.op-textbook .om-viewer__step-btn:hover{background:#f4d99a}.op-textbook .om-viewer__dot{background:#fffaf0;border:1px solid #c9b48a}.op-textbook .om-viewer__dot.is-active{background:#7c4a1a}.op-textbook .om-viewer__dot.is-past{background:#c46a20}.op-textbook .or-map__svg{background:#fffaf0}.op-textbook .or-map__node{fill:#fffaf0;stroke:#7c4a1a;stroke-width:1.5}.op-textbook .or-map__node-chip{fill:#fdf6e7;stroke:#c9b48a}.op-textbook .or-map__node-title{fill:#3a2a18;font-family:var(--font-display);font-weight:600}.op-textbook .or-map__node-chip-text{fill:#7c4a1a;font-family:var(--font-display);font-style:italic}.op-textbook .or-map__edge{stroke:#7c4a1a}.op-textbook .or-map__edge-pill{fill:#fffaf0;stroke:#c9b48a}.op-textbook .or-map__edge-pill-title{fill:#3a2a18;font-family:var(--font-display);font-weight:600}.op-textbook .or-map__edge-pill-sub{fill:#7c5a36;font-family:var(--font-display);font-style:italic}.op-textbook .or-map__title{font-family:var(--font-display);font-weight:600;color:#3a2a18}.op-textbook .or-map__intro,.op-textbook .or-map__lede{color:#7c5a36;font-family:var(--font-display);font-style:italic}.op-textbook .or-map__legend{background:#fffaf0;border-color:#c9b48a}.op-textbook .or-card{background:#fffaf0;border:1px solid #c9b48a;box-shadow:2px 3px 0 rgba(124,74,26,.18)}.op-textbook .or-card__top{font-family:var(--font-display);font-style:italic;color:#7c4a1a}.op-textbook .or-card__arrow{color:#7c4a1a}.op-textbook .or-card__route{color:#7c5a36;font-family:var(--font-display);font-style:italic}.op-textbook .or-list{background:#fffaf0}.op-textbook .or-list__item{border-bottom:1px dashed #c9b48a}.op-textbook .or-library__title{font-family:var(--font-display);font-weight:600;color:#3a2a18}.op-textbook .or-library__intro,.op-textbook .or-library__lede{color:#7c5a36;font-family:var(--font-display);font-style:italic}.op-textbook .or-reaction-rail__item{background:#fffaf0;border:1px solid #c9b48a;border-radius:6px}.op-textbook .or-detail-card,.op-textbook .or-transition-card{background:#fffaf0;border:1px solid #c9b48a}.op-textbook .or-inline-arrow{color:#7c4a1a}.op-textbook .fg-canvas-wrap{background:#fffaf0;border:1px solid #c9b48a}.op-textbook .fg-canvas{background:#fffaf0}.op-textbook .fg-network__body{background:transparent}.op-textbook .fg-cat-bar{background:hsla(41,85%,95%,.9);border-bottom:1px solid #c9b48a}.op-textbook .fg-cat-pill{background:#fffaf0;color:#3a2a18;border:1px solid #c9b48a;font-family:var(--font-display)}.op-textbook .fg-cat-pill.is-active{background:#7c4a1a;color:#fffaf0}.op-textbook .fg-edge-label{fill:#7c4a1a;font-family:var(--font-display);font-style:italic}.op-textbook .fg-panel,.op-textbook .fg-zoom-bar{background:#fffaf0;border:1px solid #c9b48a}.op-textbook .fg-panel__header{border-bottom:1px solid #c9b48a}.op-textbook .fg-panel__title{font-family:var(--font-display);font-weight:600;color:#3a2a18}.op-textbook .fg-panel__section-title{color:#7c4a1a;font-family:var(--font-display);font-style:italic}.op-textbook .fg-panel__close{background:#fffaf0;border:1px solid #c9b48a;color:#7c4a1a}.op-textbook .fg-tag{background:rgba(124,74,26,.08);color:#7c4a1a;border:1px solid #d7ad78;font-family:var(--font-display);font-style:italic}.op-textbook .fg-panel__reagent{background:#fdf6e7;border:1px solid #c9b48a;font-family:var(--font-display);font-style:italic}.op-textbook .fg-panel__example{background:#fffaf0;border:1px solid #c9b48a}.op-textbook .fg-panel__mech{background:rgba(124,74,26,.06);border:1px solid #c9b48a;color:#3a2a18}.op-textbook .fg-panel__step{background:#fffaf0;border:1px solid #c9b48a}.op-textbook .fg-panel__tip{background:rgba(255,250,240,.95);border:1px solid #d7ad78;color:#7c5a36}.op-textbook .fg-panel__puzzle-btn{background:#7c4a1a;color:#fffaf0;font-family:var(--font-display)}.op-textbook .fg-quiz{background:#fffaf0;border:1px solid #c9b48a}.op-textbook .fg-quiz__header{border-bottom:1px solid #c9b48a}.op-textbook .fg-quiz__opt{background:#fffaf0;border:1px solid #c9b48a;color:#3a2a18}.op-textbook .fg-quiz__opt:hover{background:#f4d99a}.op-textbook .puzzle-overlay{background:hsla(41,85%,95%,.92)}.op-textbook .puzzle-modal{background:#fffaf0;border:1px solid #c9b48a;border-radius:6px;box-shadow:4px 6px 0 rgba(124,74,26,.2)}.op-textbook .puzzle-modal__header{border-bottom:1px solid #c9b48a}.op-textbook .puzzle-modal__title{font-family:var(--font-display);font-weight:600;color:#3a2a18}.op-textbook .puzzle-modal__sub{color:#7c5a36;font-family:var(--font-display);font-style:italic}.op-textbook .puzzle-modal__close{background:#fffaf0;border:1px solid #c9b48a;color:#7c4a1a}.op-textbook .puzzle-strip{background:transparent}.op-textbook .puzzle-strip__card{background:#fffaf0;border:1px solid #c9b48a}.op-textbook .puzzle-strip__caption{color:#3a2a18;font-family:var(--font-display)}.op-textbook .puzzle-strip__cond-slot,.op-textbook .puzzle-strip__product-slot{background:#fdf6e7;border:1px dashed #c9b48a;color:#7c5a36;font-family:var(--font-display);font-style:italic}.op-textbook .puzzle-strip__arrow-line{stroke:#7c4a1a}.op-textbook .puzzle-q{background:#fffaf0;border:1px solid #c9b48a}.op-textbook .puzzle-q__num{background:#7c4a1a;color:#fffaf0;font-family:var(--font-display)}.op-textbook .puzzle-q__hint{color:#7c5a36;font-family:var(--font-display);font-style:italic}.op-textbook .puzzle-type-btn{background:#fffaf0;border:1px solid #c9b48a}.op-textbook .puzzle-type-btn__label{color:#3a2a18;font-family:var(--font-display);font-weight:600}.op-textbook .puzzle-type-btn__desc{color:#7c5a36;font-family:var(--font-display);font-style:italic}.op-app.op-dark{background:radial-gradient(ellipse at 20% 30%,rgba(99,102,241,.18),transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(59,130,246,.12),transparent 55%),#050714;color:hsla(0,0%,100%,.92)}.op-dark .op-sidebar-handle{background:rgba(8,10,30,.7);backdrop-filter:blur(10px);border-color:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7);box-shadow:0 2px 10px rgba(0,0,0,.4)}.op-dark .op-sidebar-handle:hover{background:rgba(99,102,241,.2);color:#fff;border-color:rgba(99,102,241,.5);box-shadow:0 0 16px rgba(99,102,241,.35)}.op-dark .op-app__topbar{background:rgba(8,10,30,.7);backdrop-filter:blur(14px);border-bottom:1px solid hsla(0,0%,100%,.06)}.op-dark .op-app__sidebar{background:rgba(8,10,30,.6);border-right:1px solid hsla(0,0%,100%,.06)}.op-dark .op-app__main{background:transparent}.op-dark .op-brand__mark{background:rgba(99,102,241,.18);color:#fff;box-shadow:0 0 14px rgba(99,102,241,.45)}.op-dark .op-brand__name{color:#fff}.op-dark .op-brand__sub{color:hsla(0,0%,100%,.55)}.op-dark .op-search{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.85)}.op-dark .op-search input{color:hsla(0,0%,100%,.92)}.op-dark .op-search input::placeholder{color:hsla(0,0%,100%,.4)}.op-dark .op-mono{color:hsla(0,0%,100%,.5)}.op-dark .op-icon-btn{color:hsla(0,0%,100%,.6)}.op-dark .op-icon-btn:hover{background:hsla(0,0%,100%,.08);color:#fff}.op-dark .op-icon-btn.is-active{background:rgba(99,102,241,.22);color:#fff}.op-dark .op-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(8px)}.op-dark .op-card:hover{border-color:rgba(99,102,241,.6);transform:translateY(-3px);box-shadow:0 0 0 1px rgba(99,102,241,.4),0 16px 40px rgba(99,102,241,.18)}.op-dark .op-card__corner{color:hsla(0,0%,100%,.45)}.op-dark .op-card__title{color:#fff}.op-dark .op-card__sub{color:hsla(0,0%,100%,.55)}.op-dark .op-card__glyph{color:#818cf8;filter:drop-shadow(0 0 8px rgba(99,102,241,.5))}.op-dark .op-card__meta{color:hsla(0,0%,100%,.45);border-top-color:hsla(0,0%,100%,.08)}.op-dark .op-card__meta strong{color:hsla(0,0%,100%,.85)}.op-dark .op-card__family{color:hsla(0,0%,100%,.5)}.op-dark .op-atlas__title{color:#fff}.op-dark .op-atlas__lede{color:hsla(0,0%,100%,.55)}.op-dark .op-viewer__header{background:rgba(8,10,30,.7);border-color:hsla(0,0%,100%,.06)}.op-dark .op-viewer__title h1{color:#fff}.op-dark .op-viewer__breadcrumb{color:hsla(0,0%,100%,.55)}.op-dark .op-stage{background:radial-gradient(ellipse at 30% 30%,rgba(99,102,241,.12),transparent 60%),#050714}.op-dark .op-panel{background:rgba(8,10,30,.6);border-left:1px solid hsla(0,0%,100%,.06)}.op-dark .op-toolbar{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.08)}.op-dark .op-tag{background:rgba(99,102,241,.18);border-color:rgba(99,102,241,.4);color:hsla(0,0%,100%,.9)}.op-dark .op-pill{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.7)}.op-dark .op-pill.is-active{background:rgba(99,102,241,.22);color:#fff;border-color:rgba(99,102,241,.6)}.op-dark .op-caps-label{color:hsla(0,0%,100%,.55)}.op-dark .op-nav-section__title{color:hsla(0,0%,100%,.45)}.op-dark .op-nav-item{color:hsla(0,0%,100%,.7)}.op-dark .op-nav-item:hover{background:hsla(0,0%,100%,.05);color:#fff}.op-dark .op-nav-item.is-active{background:rgba(99,102,241,.22);color:#fff;box-shadow:0 0 24px rgba(99,102,241,.4)}.op-dark .op-btn{color:hsla(0,0%,100%,.8)}.op-dark .op-btn--primary{background:rgba(99,102,241,.85);color:#fff;border-color:rgba(99,102,241,.6)}.op-dark .op-btn--ghost{background:hsla(0,0%,100%,.04);color:hsla(0,0%,100%,.8);border-color:hsla(0,0%,100%,.08)}.op-dark .op-btn--active{background:rgba(99,102,241,.85);color:#fff;border-color:rgba(99,102,241,.6)}.op-dark .ov-node-card{background:hsla(0,0%,100%,.04);border:1.5px solid hsla(0,0%,100%,.12);color:#fff;backdrop-filter:blur(6px)}.op-dark .ov-node-card:hover{border-color:rgba(99,102,241,.6);box-shadow:0 0 28px rgba(99,102,241,.35)}.op-dark .ov-node-card.is-selected{background:rgba(99,102,241,.22);border-color:#818cf8;box-shadow:0 0 32px rgba(99,102,241,.5)}.op-dark .ov-node-card.is-target{border-color:rgba(244,114,182,.6)}.op-dark .ov-node-card.is-feedstock{border-color:rgba(96,165,250,.6)}.op-dark .ov-node-long{color:#fff}.op-dark .ov-node-short{color:hsla(0,0%,100%,.6)}.op-dark .ov-rxn-pill{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.12);color:hsla(0,0%,100%,.85)}.op-dark .ov-rxn-pill.is-selected{background:rgba(99,102,241,.32);color:#fff;border-color:#818cf8}.op-dark .ov-rxn-label{color:hsla(0,0%,100%,.9)}.op-dark .ov-rxn-reagents{color:hsla(0,0%,100%,.55)}.op-dark .ov-chip{background:rgba(99,102,241,.18);border-color:rgba(99,102,241,.4)}.op-dark .ov-chip__text{color:hsla(0,0%,100%,.9)}.op-dark .ov-edge{stroke:hsla(0,0%,100%,.35)}.op-dark .ov-edge.is-shared{stroke:hsla(0,0%,100%,.5)}.op-dark .ov-edge.is-boots{stroke:#60a5fa;filter:drop-shadow(0 0 4px rgba(96,165,250,.6))}.op-dark .ov-edge.is-bhc{stroke:#f472b6;filter:drop-shadow(0 0 4px rgba(244,114,182,.6))}.op-dark .ov-edge.is-active{stroke:#818cf8;filter:drop-shadow(0 0 6px rgba(129,140,248,.8))}.op-dark .ov-flux{fill:#818cf8;filter:drop-shadow(0 0 8px rgba(129,140,248,.8))}.op-dark .ov-mol-frame{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08)}.op-dark .ov-lane-label{color:hsla(0,0%,100%,.55)}.op-dark .ov-panel__title{color:#fff}.op-dark .ov-panel__sub{color:hsla(0,0%,100%,.55)}.op-dark .ov-panel__header{border-color:hsla(0,0%,100%,.08)}.op-dark .ov-panel__group-title{color:hsla(0,0%,100%,.6)}.op-dark .ov-panel__tip{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08)}.op-dark .ov-ai-box{background:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.08)}.op-dark .ov-ai-box__label{color:hsla(0,0%,100%,.7)}.op-dark .ov-ai-box__output{background:rgba(99,102,241,.08);border-color:hsla(0,0%,100%,.08);color:#fff}.op-dark .ov-btn{color:hsla(0,0%,100%,.85)}.op-dark .om-svg{background:transparent}.op-dark .om-frame-card{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.12);color:#fff}.op-dark .om-frame-card.is-product{background:rgba(99,102,241,.22);border-color:#818cf8}.op-dark .om-frame-card.is-faded{opacity:.4}.op-dark .om-frame-card__label{color:hsla(0,0%,100%,.6)}.op-dark .om-frame-card__name{color:#fff}.op-dark .om-arrow__line{stroke:hsla(0,0%,100%,.5)}.op-dark .om-arrow__reagents{fill:hsla(0,0%,100%,.9)}.op-dark .om-arrow__conditions{fill:hsla(0,0%,100%,.55)}.op-dark .om-curly{stroke:#f472b6;filter:drop-shadow(0 0 3px rgba(244,114,182,.6))}.op-dark .om-curly__label{fill:#f472b6}.op-dark .om-pd-circle{fill:hsla(0,0%,100%,.06);stroke:hsla(0,0%,100%,.3)}.op-dark .om-pd-circle__text{fill:hsla(0,0%,100%,.85)}.op-dark .om-viewer__title{color:#fff}.op-dark .om-viewer__rxn{color:hsla(0,0%,100%,.55)}.op-dark .om-viewer__caption{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.85)}.op-dark .om-viewer__caption-label{color:hsla(0,0%,100%,.6)}.op-dark .om-viewer__step-btn{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.85)}.op-dark .om-viewer__step-btn:hover{background:rgba(99,102,241,.22);color:#fff}.op-dark .om-viewer__dot{background:hsla(0,0%,100%,.12)}.op-dark .om-viewer__dot.is-active{background:#818cf8;box-shadow:0 0 12px rgba(129,140,248,.7)}.op-dark .om-viewer__dot.is-past{background:rgba(99,102,241,.6)}.op-dark .or-map__svg{background:transparent}.op-dark .or-map__node{fill:hsla(0,0%,100%,.04);stroke:hsla(0,0%,100%,.25);stroke-width:1.5}.op-dark .or-map__node-chip{fill:rgba(99,102,241,.18);stroke:rgba(99,102,241,.4)}.op-dark .or-map__node-title{fill:#fff}.op-dark .or-map__node-chip-text{fill:hsla(0,0%,100%,.85)}.op-dark .or-map__edge{stroke:hsla(0,0%,100%,.35)}.op-dark .or-map__edge-pill{fill:hsla(0,0%,100%,.04);stroke:hsla(0,0%,100%,.12)}.op-dark .or-map__edge-pill-title{fill:#fff}.op-dark .or-map__edge-pill-sub{fill:hsla(0,0%,100%,.55)}.op-dark .or-map__title{color:#fff}.op-dark .or-map__intro,.op-dark .or-map__lede{color:hsla(0,0%,100%,.55)}.op-dark .or-map__legend{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.85)}.op-dark .or-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08)}.op-dark .or-card:hover{border-color:rgba(99,102,241,.6);box-shadow:0 0 0 1px rgba(99,102,241,.4),0 12px 32px rgba(99,102,241,.18)}.op-dark .or-card__top{color:hsla(0,0%,100%,.55)}.op-dark .or-card__arrow{color:#818cf8}.op-dark .or-card__route{color:hsla(0,0%,100%,.6)}.op-dark .or-list{background:transparent}.op-dark .or-list__item{border-bottom:1px solid hsla(0,0%,100%,.06)}.op-dark .or-library__title{color:#fff}.op-dark .or-library__intro,.op-dark .or-library__lede{color:hsla(0,0%,100%,.55)}.op-dark .or-detail-card,.op-dark .or-reaction-rail__item,.op-dark .or-transition-card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08)}.op-dark .or-inline-arrow{color:#818cf8}.op-dark .fg-canvas-wrap{background:rgba(8,10,30,.6);border:1px solid hsla(0,0%,100%,.08)}.op-dark .fg-canvas,.op-dark .fg-network__body{background:transparent}.op-dark .fg-cat-bar{background:rgba(8,10,30,.6);border-bottom:1px solid hsla(0,0%,100%,.06)}.op-dark .fg-cat-pill{background:hsla(0,0%,100%,.04);color:hsla(0,0%,100%,.7);border:1px solid hsla(0,0%,100%,.08)}.op-dark .fg-cat-pill.is-active{background:rgba(99,102,241,.22);color:#fff;border-color:rgba(99,102,241,.6);box-shadow:0 0 18px rgba(99,102,241,.4)}.op-dark .fg-edge-label{fill:hsla(0,0%,100%,.92);stroke:rgba(8,10,30,.85)}.op-dark .fg-edge-label-bg{fill:rgba(8,10,30,.9);stroke:hsla(0,0%,100%,.18)}.op-dark .fg-edge-label-group--hover .fg-edge-label-bg{fill:rgba(8,10,30,.95);stroke:#818cf8}.op-dark .fg-zoom-bar{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08)}.op-dark .fg-panel{background:rgba(8,10,30,.85);border:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(10px)}.op-dark .fg-panel__header{border-bottom:1px solid hsla(0,0%,100%,.06)}.op-dark .fg-panel__title{color:#fff}.op-dark .fg-panel__section-title{color:hsla(0,0%,100%,.6)}.op-dark .fg-panel__close{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.7)}.op-dark .fg-tag{background:rgba(99,102,241,.18);border:1px solid rgba(99,102,241,.4);color:hsla(0,0%,100%,.9)}.op-dark .fg-panel__example,.op-dark .fg-panel__reagent{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.85)}.op-dark .fg-panel__mech{background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.25);color:hsla(0,0%,100%,.85)}.op-dark .fg-panel__step{color:hsla(0,0%,100%,.85)}.op-dark .fg-panel__step,.op-dark .fg-panel__tip{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08)}.op-dark .fg-panel__tip{color:hsla(0,0%,100%,.55)}.op-dark .fg-panel__puzzle-btn{background:rgba(99,102,241,.85);color:#fff;box-shadow:0 0 18px rgba(99,102,241,.4)}.op-dark .fg-quiz{background:rgba(8,10,30,.85);border:1px solid hsla(0,0%,100%,.08);backdrop-filter:blur(10px);color:#fff}.op-dark .fg-quiz__header{border-bottom:1px solid hsla(0,0%,100%,.06)}.op-dark .fg-quiz__opt{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.85)}.op-dark .fg-quiz__opt:hover{background:rgba(99,102,241,.22);border-color:rgba(99,102,241,.6)}.op-dark .puzzle-overlay{background:rgba(5,7,20,.85);backdrop-filter:blur(10px)}.op-dark .puzzle-modal{background:rgba(8,10,30,.92);border:1px solid hsla(0,0%,100%,.08);box-shadow:0 24px 64px rgba(0,0,0,.6),0 0 0 1px rgba(99,102,241,.2)}.op-dark .puzzle-modal__header{border-bottom:1px solid hsla(0,0%,100%,.06)}.op-dark .puzzle-modal__title{color:#fff}.op-dark .puzzle-modal__sub{color:hsla(0,0%,100%,.6)}.op-dark .puzzle-modal__close{background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.08);color:hsla(0,0%,100%,.7)}.op-dark .puzzle-strip{background:transparent}.op-dark .puzzle-strip__card{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08)}.op-dark .puzzle-strip__caption{color:#fff}.op-dark .puzzle-strip__cond-slot,.op-dark .puzzle-strip__product-slot{background:hsla(0,0%,100%,.04);border:1px dashed hsla(0,0%,100%,.18);color:hsla(0,0%,100%,.7)}.op-dark .puzzle-strip__arrow-line{stroke:hsla(0,0%,100%,.4)}.op-dark .puzzle-q{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);color:#fff}.op-dark .puzzle-q__num{background:rgba(99,102,241,.85);color:#fff;box-shadow:0 0 14px rgba(99,102,241,.5)}.op-dark .puzzle-q__hint{color:hsla(0,0%,100%,.55)}.op-dark .puzzle-type-btn{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08)}.op-dark .puzzle-type-btn__label{color:#fff}.op-dark .puzzle-type-btn__desc{color:hsla(0,0%,100%,.55)}.op-dark .puzzle-type-btn:hover{border-color:rgba(99,102,241,.6)}.op-dark .op-app__sidebar::-webkit-scrollbar-thumb,.op-dark .op-atlas::-webkit-scrollbar-thumb,.op-dark .op-panel::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12)}.fg-chain-strip{display:flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(16,185,129,.06);border-bottom:1px solid rgba(16,185,129,.18);flex-wrap:wrap;font-size:12px}.fg-chain-strip__label{color:var(--op-slate-600);font-weight:600;letter-spacing:.04em;text-transform:uppercase;font-size:10px}.fg-chain-strip__chips{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.fg-chain-strip__chip-wrap{display:inline-flex;align-items:center;gap:4px}.fg-chain-strip__chip{display:inline-block;padding:3px 8px;border-radius:999px;border:1.5px solid;font-weight:600;background:var(--op-white,#fff)}.fg-chain-strip__sep{color:var(--op-slate-400);font-weight:700}.fg-chain-strip__btn{padding:4px 10px;font-size:11px}.fg-chain-strip__clear{margin-left:auto;background:transparent;border:1px solid var(--op-slate-300);border-radius:6px;padding:3px 6px;cursor:pointer;color:var(--op-slate-600)}.fg-chain-strip__clear:hover{color:var(--op-slate-900);border-color:var(--op-slate-500)}.fg-quiz-menu{position:relative;display:inline-block}.fg-quiz-menu__panel{position:absolute;top:calc(100% + 4px);right:0;min-width:200px;background:var(--op-white,#fff);border:1px solid var(--op-slate-200);border-radius:8px;box-shadow:0 8px 24px rgba(0,0,0,.12);padding:4px;z-index:20;display:flex;flex-direction:column}.fg-quiz-menu__panel button{text-align:left;padding:8px 10px;font-size:12px;background:transparent;border:none;border-radius:6px;cursor:pointer;color:var(--op-slate-800)}.fg-quiz-menu__panel button:hover:not(:disabled){background:rgba(99,102,241,.08)}.fg-quiz-menu__panel button:disabled{opacity:.4;cursor:not-allowed}.fg-panel__chain{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.fg-panel__chain-step{border:1px solid var(--op-slate-200);border-radius:10px;padding:10px 12px;background:var(--op-white,#fff)}.fg-panel__chain-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:6px}.fg-panel__chain-num{flex:0 0 24px;height:24px;border-radius:999px;background:#10b981;color:#fff;font-weight:700;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.fg-panel__chain-route{display:inline-flex;align-items:center;gap:4px;font-size:11px;margin-bottom:2px}.fg-panel__chain-reagents{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.puzzle-len-toggle{display:inline-flex;border:1px solid var(--op-slate-300);border-radius:8px;overflow:hidden}.puzzle-len-btn{padding:6px 12px;font-size:12px;background:var(--op-white,#fff);border:none;border-right:1px solid var(--op-slate-200);cursor:pointer;color:var(--op-slate-700)}.puzzle-len-btn:last-child{border-right:none}.puzzle-len-btn.is-active{background:#10b981;color:#fff;font-weight:600}.puzzle-seed-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.puzzle-seed-chain{padding:4px 8px;background:rgba(16,185,129,.08);border-radius:6px;border:1px solid rgba(16,185,129,.3);font-size:11px}.puzzle-seed-toggle{display:inline-flex;align-items:center;gap:6px;font-size:12px}.op-dark .fg-chain-strip{background:rgba(16,185,129,.08);border-bottom-color:rgba(16,185,129,.25)}.op-dark .fg-chain-strip__chip{background:hsla(0,0%,100%,.04)}.op-dark .fg-quiz-menu__panel{background:rgba(8,10,30,.95);border-color:hsla(0,0%,100%,.1)}.op-dark .fg-quiz-menu__panel button{color:hsla(0,0%,100%,.85)}.op-dark .fg-panel__chain-step{background:hsla(0,0%,100%,.03);border-color:hsla(0,0%,100%,.08);color:#fff}.op-dark .puzzle-len-btn{background:hsla(0,0%,100%,.04);color:hsla(0,0%,100%,.8);border-right-color:hsla(0,0%,100%,.08)}.op-dark .puzzle-len-toggle{border-color:hsla(0,0%,100%,.12)}