.process-route-map,.process-route-strip{color:var(--site-text);text-align:left;min-width:0}[data-phase=orientation]{--route-color:#b4507f;--route-fill:#fbe6ee}[data-phase=culture]{--route-color:#7159c2;--route-fill:#ede6f7}[data-phase=purify]{--route-color:#5a7bd0;--route-fill:#e6ecfb}[data-phase=dp]{--route-color:#a35fb0;--route-fill:#f3e6f7}.dark [data-phase=orientation]{--route-color:#f3b6d0;--route-fill:#3a2536}.dark [data-phase=culture]{--route-color:#c9bff5;--route-fill:#2f2a48}.dark [data-phase=purify]{--route-color:#a9bbf0;--route-fill:#262a48}.dark [data-phase=dp]{--route-color:#d2b0dd;--route-fill:#33263f}.route-map-toolbar{justify-content:space-between;align-items:center;gap:12px;margin:16px 0;display:flex}.route-map-toolbar p{color:var(--site-muted);margin:0!important;font-size:14px!important;line-height:1.6!important}.route-map-toolbar p b{color:var(--site-accent);font-size:17px}.route-map-toolbar p span{font-size:13px;display:block}.route-map-toolbar>div{flex-shrink:0;gap:8px;display:flex}.route-map-toolbar button,.route-dialog-close{border:1px solid var(--site-line);background:var(--site-panel);width:40px;height:40px;color:var(--site-text);cursor:pointer;border-radius:9px;place-items:center;display:grid}.process-flow-viewport{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--site-accent) var(--site-panel);border:1px solid var(--site-line);background:var(--site-panel);border-radius:14px;padding:24px 18px 18px;overflow-x:auto}.process-flow-track{gap:32px;width:max-content;list-style:none;display:flex;position:relative;margin:0!important;padding:0!important}.process-flow-track>li{flex-direction:column;align-items:center;width:324px;padding-top:0;display:flex;position:relative}.route-phase{color:var(--route-color);align-self:stretch;margin-bottom:12px;padding:0 8px;font-size:13px;font-weight:700;line-height:18px}.route-path-dot{border:2px solid var(--route-color);background:var(--site-panel);width:32px;height:32px;color:var(--route-color);z-index:1;border-radius:50%;flex-shrink:0;place-items:center;margin-bottom:18px;font-size:12px;font-weight:700;display:grid}.process-flow-track>li:not(:last-child):after{content:"";background:var(--site-line);width:324px;height:2px;position:absolute;top:46px;left:calc(50% + 16px)}.process-flow-track>li:not(:last-child):before{content:"";border-top:2px solid var(--site-muted);border-right:2px solid var(--site-muted);z-index:1;width:9px;height:9px;position:absolute;top:42px;right:-21px;transform:rotate(45deg)}.route-node{border:1px solid var(--site-line);border-top:3px solid var(--route-color);width:100%;min-height:226px;color:var(--site-text);background:var(--site-bg);text-align:left;font:inherit;cursor:pointer;border-radius:10px;flex-direction:column;padding:18px 16px;text-decoration:none;transition:background .2s,box-shadow .2s;display:flex;position:relative}.route-node:disabled{opacity:.62;cursor:default}.route-node-heading{align-items:center;gap:9px;min-height:30px;display:flex}.route-node-heading>b{color:var(--route-color);font-size:14px}.route-node-heading>strong{font-size:19px}.route-node-heading>svg{color:var(--route-color);margin-left:auto}.route-material{gap:11px;display:grid;margin:20px 0!important}.route-material>div{grid-template-columns:69px 1fr;align-items:baseline;gap:8px;font-size:13px;display:grid}.route-material dt{color:var(--site-muted);font-size:11px}.route-material dd{word-break:keep-all;margin:0;line-height:1.5}.route-node-status{color:var(--site-muted);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;font-size:12px;display:flex}.route-node-status>b{color:var(--route-color);font-size:12px}.process-flow-track>[data-complete=true] .route-node{background:var(--route-fill);border-color:var(--route-color)}.process-flow-track>[data-complete=true] .route-path-dot{background:var(--route-color);color:var(--site-bg)}.process-flow-track>[data-complete=true]:after{background:var(--route-color)}.process-flow-track>[data-current=true] .route-node{outline:2px solid var(--route-color);outline-offset:3px;animation:2.4s ease-in-out infinite route-pulse}.route-node:focus-visible{outline-offset:4px;outline:3px solid var(--site-accent)!important}.process-flow-viewport:focus-visible{outline-offset:4px;outline:3px solid var(--site-accent)!important}.route-strip-button:focus-visible{outline-offset:4px;outline:3px solid var(--site-accent)!important}.route-map-toolbar button:focus-visible{outline-offset:4px;outline:3px solid var(--site-accent)!important}.route-dialog-close:focus-visible{outline-offset:4px;outline:3px solid var(--site-accent)!important}.route-map-help{color:var(--site-muted);margin:12px 0!important;font-size:13px!important;line-height:1.6!important}.process-route-strip{z-index:25;background:var(--site-bg);border:1px solid var(--site-line);border-radius:10px;margin:12px 0;position:sticky;top:8px;box-shadow:0 5px 16px #0002}.route-strip-button{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:10px;padding:10px 12px;display:block}.route-strip-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;display:flex}.route-strip-heading>b{color:var(--site-text)}.route-strip-heading>span{color:var(--site-accent);white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:flex}.route-strip-scroll{scrollbar-width:thin;scrollbar-color:var(--site-line) transparent;overscroll-behavior-x:contain;padding:3px 1px 6px;display:block;overflow-x:auto}.route-strip-track{gap:8px;width:max-content;min-width:100%;display:flex;position:relative}.route-strip-node{border:1px solid var(--site-line);white-space:nowrap;min-height:30px;color:var(--site-muted);border-radius:6px;flex:1;align-items:center;gap:5px;padding:4px 7px;font-size:11px;display:flex;position:relative}.route-strip-node:not(:last-child):after{content:"›";color:var(--site-muted);font-size:13px;position:absolute;top:5px;right:-7px}.route-strip-node i{width:17px;min-width:17px;color:var(--route-color);place-items:center;font-size:10px;font-style:normal;display:grid}.route-strip-node[data-complete=true]{background:var(--route-fill);border-color:var(--route-color);color:var(--site-text)}.route-strip-node[data-current=true]{color:var(--site-text);border-color:var(--route-color);box-shadow:inset 0 -2px var(--route-color);animation:2.4s ease-in-out infinite route-pulse}.route-strip-node[data-pending=true]{opacity:.55;border-style:dashed}.process-route-dialog[data-slot=dialog-content]{background:var(--site-bg);width:calc(100vw - 32px);max-width:1480px;max-height:calc(100dvh - 32px);color:var(--site-text);border:1px solid var(--site-line);padding:24px;overflow-y:auto}.route-dialog-heading{justify-content:space-between;gap:16px;display:flex}.route-dialog-heading [data-slot=dialog-title]{margin:0 0 8px;font-size:23px;line-height:1.5}.route-dialog-heading [data-slot=dialog-description]{color:var(--site-muted);line-height:1.7}.route-dialog-close{flex-shrink:0}.beginner-page .beginner-player{scroll-margin-top:120px}.beginner-page .beginner-finish{max-width:none}.beginner-finish .process-route-map{margin-top:24px}.beginner-finish .process-route-map p{text-align:left}.guided-viewport[data-antibody-location=true]{min-height:max(570px, calc(var(--caption-safe-inset,160px) + 410px))}.guided-viewport[data-antibody-location=true]>.guided-picture{top:70px}.scene-antibody-location{z-index:4;color:#e4dcf5;pointer-events:none;background:#2f2a48;border:1px solid #52486a;border-radius:8px;align-items:center;gap:9px;max-width:calc(100% - 180px);min-height:54px;padding:7px 11px;display:flex;position:absolute;top:8px;left:12px}.scene-antibody-location>svg{color:#b09ddd;flex-shrink:0;width:25px;height:32px}.scene-antibody-location small{color:#b7aeca;font-size:10px;line-height:1.4;display:block}.scene-antibody-location strong{word-break:keep-all;font-size:14px;line-height:1.5;animation:.45s ease-out antibody-location-enter;display:block}@keyframes route-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--route-color) 15%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--route-color) 28%, transparent)}}@keyframes antibody-location-enter{0%{opacity:.35;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.process-flow-track>li,.process-flow-track>li:not(:last-child):after{width:302px}.process-flow-viewport{padding:20px 12px 16px}.route-node{padding:16px 12px}.route-material>div{grid-template-columns:65px 1fr;font-size:12px}.route-strip-heading{font-size:12px}.route-strip-button{padding:9px}.process-route-dialog[data-slot=dialog-content]{width:calc(100vw - 16px);padding:16px 12px}.route-dialog-heading [data-slot=dialog-title]{font-size:20px}.scene-antibody-location{gap:6px;max-width:calc(100% - 158px);padding:6px 8px;left:8px}.scene-antibody-location strong{font-size:12px}.scene-antibody-location>svg{width:20px}.beginner-page .beginner-finish{padding:18px 10px}.route-map-toolbar p span{max-width:210px}}@media (max-width:380px){.scene-antibody-location{max-width:calc(100% - 150px);padding:5px}.scene-antibody-location>svg{flex-shrink:0;width:15px}.scene-antibody-location strong{font-size:11px}.scene-antibody-location small{font-size:9px}}@media (prefers-reduced-motion:reduce){.process-flow-track>[data-current=true] .route-node,.route-strip-node[data-current=true],.scene-antibody-location strong{animation:none}.route-node{transition:none}}