.s3-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin:3px 0 24px}.s3-eyebrow{font-size:12px;letter-spacing:1.6px;color:#9db6c4;line-height:1.5;margin:0 0 9px}.s3-heading h2{font:500 clamp(29px,3vw,44px)/1.2 'Manrope',sans-serif;letter-spacing:-1.3px;margin:0}.s3-heading h2 span{color:#82cdbf}.s3-heading p:last-child{font-size:15px;color:#a9becb;margin:13px 0 0}.s3-badge{font-size:12px;white-space:nowrap;border:1px solid #395654;border-radius:30px;padding:8px 14px;color:#a9dbcc}.s3-workbench{display:grid;grid-template-columns:minmax(0,1fr) 320px;border:1px solid #2e404b;border-radius:16px;overflow:hidden;background:#121f28}.s3-viewport{position:relative;height:650px;overflow:hidden;background:radial-gradient(ellipse at 43% 44%,#233e4b 0,#112632 47%,#091621 88%)}.s3-canvas{display:block;position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none}.s3-canvas:active{cursor:grabbing}.s3-top{position:absolute;z-index:3;left:22px;right:22px;top:20px;display:flex;justify-content:space-between;gap:14px;pointer-events:none}.s3-top button{pointer-events:auto}.s3-viewchips{display:flex;align-items:center;padding:4px;border:1px solid #3a4e58;border-radius:8px;background:#0e202ccc;backdrop-filter:blur(10px)}.s3-viewchips button{font-size:13px;padding:7px 11px;border-radius:5px;color:#b7c9d3}.s3-viewchips button[aria-pressed=true]{background:#34514f;color:#cff8e9}.s3-expand{font-size:26px;border:1px solid #3a4e58;border-radius:8px;min-width:42px;background:#0e202c}.s3-labels{position:absolute;inset:0;pointer-events:none}.s3-labels button{position:absolute;transform:translate(-50%,20px);pointer-events:auto;background:#0b1c28e8;backdrop-filter:blur(7px);border:1px solid #547079;border-radius:20px;color:#d4e8e5;padding:5px 11px;font-size:12px;white-space:nowrap;box-shadow:0 4px 16px #0005}.s3-labels button:before{content:'';width:5px;height:5px;background:var(--piece);border-radius:50%;display:inline-block;margin-right:7px}.s3-labels button.active{border-color:var(--piece);background:#244340}.s3-scene-caption{position:absolute;top:26%;bottom:28%;left:23px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;max-width:140px}.s3-scene-caption span{font-size:10px;letter-spacing:1.6px;line-height:1.6;color:#809eae}.s3-scene-caption span:nth-child(2){color:#678e9c}.s3-bottom{position:absolute;bottom:48px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.s3-toggles{display:flex;gap:7px}.s3-toggles button,.s3-orbit-tools{border:1px solid #3a4e58;background:#0d2029e8;border-radius:7px;backdrop-filter:blur(10px)}.s3-toggles button{font-size:13px;padding:9px 12px;color:#bed0d7}.s3-toggles button[aria-pressed=true]{background:#254841;color:#bff6e3;border-color:#4b7c6e}.s3-orbit-tools{display:flex}.s3-orbit-tools button{width:39px;height:38px;font-size:23px;border-right:1px solid #354853}.s3-orbit-tools button:last-child{border-right:0}.s3-orbit-tools button[aria-pressed=true]{background:#32594e;color:#a7f1d8}.s3-hint{position:absolute;bottom:17px;left:22px;right:22px;text-align:center;font-size:12px;color:#8fa9b8}.s3-inspector{padding:25px 24px;border-left:1px solid #2e404b;max-height:650px;overflow:auto;scrollbar-width:thin}.s3-inspector-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.s3-inspector-heading .s3-eyebrow{font-size:11px;margin:0}.s3-piece-dot{width:8px;height:8px;border-radius:50%}.s3-piece .s3-eyebrow{font-size:11px;color:#91cbbb}.s3-piece h3{font:500 28px/1.22 'Manrope',sans-serif;letter-spacing:-.8px;margin:10px 0 16px}.s3-piece p:last-child{font-size:16px;color:#c1d1d9;line-height:1.75;margin-bottom:22px}.s3-inspector-actions{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid #30414c;margin-bottom:21px}.s3-inspector-actions button{font-size:13px;border:1px solid #4a686a;border-radius:6px;padding:9px 10px;color:#b5e6d9}.s3-inspector-actions button[aria-pressed=true]{background:#34544c}.s3-component-label{display:block;font-size:12px;color:#8fa9b8;margin-bottom:8px}#s3-components{width:100%;padding:10px;background:#192c37;border:1px solid #3b535e;color:#d5e4e8;border-radius:6px;font-size:14px}.s3-context{margin-top:23px}.s3-context span{color:#cfb98c;font-size:11px;letter-spacing:1.4px}.s3-context p{color:#9fb5c2;line-height:1.7;font-size:13px}.s3-transport{display:flex;align-items:center;gap:24px;margin:0;padding:19px 23px;border:1px solid #2e404b;border-top:0;background:#111f28;border-radius:0 0 12px 12px;margin-top:-5px}.s3-play{background:#8ee4c8;color:#11362d;border:1px solid #93e6cc;border-radius:7px;padding:10px 16px;min-width:132px;text-align:left;font-size:14px}.s3-play:hover{background:#b4f6df;color:#11362d}.s3-play span{margin-left:8px}.s3-speed{display:flex;align-items:center;gap:9px;color:#93acbb;font-size:12px}.s3-speed select{border:1px solid #3a505c;background:#1a2e39;border-radius:5px;color:#d6e5e8;font:14px var(--font);padding:6px}.s3-time{flex:1;min-width:120px}.s3-time label{font-size:12px;display:flex;justify-content:space-between;color:#9fb7c4;margin-bottom:5px}.s3-time output{font-variant-numeric:tabular-nums;color:#7edcc1}.s3-time input{width:100%;height:5px;accent-color:#8de2c8;cursor:pointer;display:block}.s3-restart{font-size:26px;color:#9fb7c4;padding:5px 10px}.s3-phases{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:18px}.s3-phases button{text-align:left;border:1px solid #30414b;border-radius:8px;padding:14px 15px;color:#8ca5b5;background:#111d26}.s3-phases button b{display:block;font-size:11px;color:#587e8c;margin-bottom:4px;letter-spacing:1px}.s3-phases button span{font-size:14px}.s3-phases .active{border-color:#72b7a5;color:#bbf0df;background:#1f3a35}.s3-phases .active b{color:#7bcbb3}.s3-explanation{display:grid;grid-template-columns:1fr 1.5fr;gap:35px;align-items:center;padding:26px 4px 18px}.s3-explanation h3{font:500 24px/1.35 'Manrope',sans-serif;letter-spacing:-.6px;margin:0}.s3-explanation .s3-eyebrow{font-size:11px}.s3-phase-description{font-size:16px;line-height:1.7;color:#aec4d1;margin:0}.s3-science{border-top:1px solid #2d404d;padding:16px 4px 22px;margin-top:8px;color:#9bb3c1}.s3-science summary{font-size:13px;cursor:pointer;padding:7px 0}.s3-science p{font-size:14px;line-height:1.8;max-width:1050px}.s3-load{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:40px;text-align:center;background:#10232dea;z-index:8;color:#b7d6dd;font-size:16px}.s3-load button{padding:10px;border:1px solid #41666b;border-radius:6px}.s3-viewport.s3-expanded{position:fixed;z-index:50;inset:12px;height:auto;border:1px solid #506b77;border-radius:14px}.s3-canvas:focus-visible{outline-offset:-4px}.s3-workbench button:focus-visible,.s3-phases button:focus-visible{outline:2px solid #a8f5d9;outline-offset:-3px}@media(min-width:1500px){.s3-viewport{height:720px}.s3-inspector{max-height:720px}.s3-workbench{grid-template-columns:1fr 345px}}@media(max-width:1050px){.s3-workbench{grid-template-columns:minmax(0,1fr) 285px}.s3-inspector{padding:23px 19px}.s3-scene-caption{display:none}.s3-viewport{height:600px}.s3-inspector{max-height:600px}.s3-bottom{left:15px;right:15px;gap:8px;flex-wrap:wrap}.s3-orbit-tools button{width:33px}.s3-toggles button{padding:8px 9px}.s3-phases button{padding:13px 10px}.s3-explanation{gap:20px}}@media(max-width:780px){.s3-workbench{grid-template-columns:1fr}.s3-viewport{height:580px}.s3-inspector{border-left:0;border-top:1px solid #30414c;max-height:none;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.s3-inspector-heading{grid-column:1/-1;margin-bottom:15px}.s3-piece{grid-row:2/5}.s3-inspector-actions{border:0;margin:0;padding:0 0 15px}.s3-context{grid-column:1/-1;margin:10px 0 0}.s3-context p{margin-bottom:0}.s3-phases{gap:6px}.s3-phases button{padding:12px 9px}.s3-phases button span{font-size:13px}.s3-speed{font-size:0}.s3-transport{gap:16px}.s3-explanation{display:block}.s3-phase-description{margin-top:12px}.s3-heading h2{font-size:32px}}@media(max-width:520px){.s3-heading{display:block;margin-bottom:20px}.s3-heading h2{font-size:31px}.s3-heading h2 span{display:block}.s3-heading p:last-child{font-size:14px}.s3-heading .s3-badge{display:inline-block;margin-top:12px;padding:5px 10px;font-size:11px}.s3-viewport{height:510px}.s3-top{left:12px;right:12px;top:12px;gap:7px}.s3-viewchips{padding:3px}.s3-viewchips button{font-size:12px;padding:6px 8px}.s3-expand{font-size:24px;min-width:36px}.s3-bottom{bottom:57px;left:12px;right:12px;flex-wrap:wrap}.s3-toggles{gap:5px}.s3-toggles button{font-size:12px;padding:7px}.s3-orbit-tools button{width:30px;font-size:22px;height:35px}.s3-hint{font-size:11px;bottom:14px;line-height:1.6;left:22px;right:22px}.s3-labels button{font-size:11px;padding:4px 8px}.s3-inspector{display:block;padding:22px}.s3-piece h3{font-size:26px}.s3-inspector-actions{padding-bottom:19px}.s3-inspector-actions button{font-size:14px}.s3-component-label{font-size:13px}.s3-context{margin-top:20px}.s3-context p{font-size:14px}.s3-transport{padding:16px 12px;gap:10px;flex-wrap:wrap}.s3-play{min-width:124px;font-size:14px;padding:9px 12px}.s3-speed select{font-size:14px}.s3-time{order:4;flex-basis:100%;padding-top:4px}.s3-restart{margin-left:auto}.s3-phases{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.s3-phases button{padding:11px 12px}.s3-phases button span{font-size:14px}.s3-explanation{padding:23px 3px 15px}.s3-explanation h3{font-size:23px}.s3-phase-description{font-size:15px}.s3-science summary{font-size:13px;line-height:1.6}}
/* Independent readable theme: does not rely on a host page or downloaded fonts. */
#synapse-app{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#e8f1f4;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;isolation:isolate}#synapse-app h2,#synapse-app h3{color:#e8f1f4;font-family:var(--font)}#synapse-app button,#synapse-app select,#synapse-app input{font-family:var(--font)}.s3-heading{margin:0 0 22px}.s3-heading h2{font-size:clamp(28px,2.7vw,40px);font-weight:550;letter-spacing:-1.3px}.s3-heading .s3-eyebrow{font-size:11px;color:#859fae}.s3-heading p:last-child{margin-top:8px;font-size:14px}.s3-phases{margin:0 0 15px;gap:9px}.s3-phases button{padding:11px 14px;display:flex;align-items:center;gap:10px;background:#101e29;border-color:#2e4250;border-radius:7px}.s3-phases button b{margin:0;color:#7794a5;font-size:12px}.s3-phases button span{font-size:14px}.s3-phases button.active{border-color:#558e7e;background:#24483f}.s3-workbench{grid-template-columns:minmax(0,1fr) 325px;border-radius:13px 13px 0 0;border-color:#334b59}.s3-viewport{height:clamp(470px,61vh,640px);background:radial-gradient(ellipse at 42% 43%,#253f50,#122736 50%,#0a1723 88%)}.s3-inspector{max-height:640px;border-color:#334b59;padding:24px}.s3-inspector-heading{margin-bottom:25px}.s3-piece h3{font-size:27px;font-weight:550;letter-spacing:-.7px}.s3-piece p:last-child{font-size:16px;line-height:1.72;color:#c5d7df}.s3-context p{font-size:14px;color:#a8bfcc;line-height:1.7}.s3-context span{font-size:12px}.s3-piece .s3-eyebrow{font-size:12px}.s3-inspector-heading .s3-eyebrow{font-size:12px}.s3-top{top:17px;left:18px;right:18px}.s3-bottom{bottom:49px;left:18px;right:18px}.s3-labels button{transform:translate(-50%,0);font-family:var(--font);font-size:12px;padding:5px 10px;box-shadow:0 3px 12px #0006;background:#112937f2;border-color:#6c8994}.s3-labels button:after{content:'';position:absolute;left:50%;top:-15px;height:14px;width:1px;background:#a0bfc380}.s3-labels button.active{background:#294b40;border-color:#9ce6ca;color:#e2f9ef}.s3-scene-caption{display:none}.s3-hint{color:#9eb6c4;font-size:12px;bottom:16px}.s3-toggles button{font-size:13px}.s3-viewchips button{font-size:13px}.s3-transport{gap:12px;padding:15px 18px;border-color:#334b59;margin-top:0;border-radius:0 0 12px 12px;background:#122531}.s3-prev,.s3-next{font-size:23px;color:#c3d8df;width:33px;flex-shrink:0;border:1px solid #3a5562;border-radius:6px;height:39px}.s3-play{min-width:133px;font-size:14px;font-weight:600}.s3-loop-label{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:12px;color:#b1c8d4;padding:0 5px}.s3-loop-label input{accent-color:#8ee5cb;width:15px;height:15px}.s3-speed{gap:7px;font-size:12px}.s3-time{margin-left:5px}.s3-time input{height:7px}.s3-explanation{padding:24px 4px 20px;gap:28px}.s3-explanation h3{font-size:23px;font-weight:500}.s3-science{margin-top:0}.s3-inspector-actions button{font-size:13px}.s3-workbench:has(.s3-expanded) .s3-inspector{position:fixed;z-index:55;right:34px;top:93px;width:290px;max-height:70vh;border:1px solid #4c6874;border-radius:10px;background:#112432ed}.s3-viewport.s3-expanded .s3-top{right:335px}.s3-viewport.s3-expanded{height:auto}.s3-restart{font-size:23px;padding:4px 6px}@media(max-width:1150px){.s3-workbench{grid-template-columns:minmax(0,1fr) 290px}.s3-inspector{padding:21px}.s3-transport{flex-wrap:wrap}.s3-time{flex:1;min-width:170px}.s3-loop-label{font-size:12px}.s3-speed{font-size:0}.s3-phases{gap:6px}.s3-phases button{padding:10px;gap:8px}.s3-phases button span{font-size:13px}}@media(max-width:780px){.s3-workbench{grid-template-columns:1fr}.s3-viewport{height:520px}.s3-inspector{max-height:none}.s3-inspector-heading{margin-bottom:14px}.s3-phases{grid-template-columns:repeat(3,1fr)}.s3-phases button span{font-size:14px}.s3-workbench:has(.s3-expanded) .s3-inspector{display:none}.s3-viewport.s3-expanded .s3-top{right:18px}.s3-heading{gap:15px}.s3-heading h2{font-size:30px}}@media(max-width:520px){.s3-heading{margin-bottom:16px}.s3-heading h2{font-size:29px}.s3-heading h2 span{display:inline}.s3-heading .s3-badge{display:none}.s3-phases{gap:7px}.s3-phases button{padding:10px 9px;gap:7px}.s3-phases button b{font-size:11px}.s3-phases button span{font-size:13px}.s3-viewport{height:475px}.s3-top{top:12px;left:12px;right:12px}.s3-viewchips button{padding:6px 7px;font-size:12px}.s3-bottom{left:12px;right:12px;bottom:54px;gap:7px}.s3-toggles button{font-size:12px;padding:7px}.s3-labels button{font-size:11px;padding:4px 7px}.s3-hint{font-size:11px;line-height:1.5}.s3-inspector{display:block;padding:22px}.s3-piece h3{font-size:27px}.s3-inspector-actions button{font-size:14px}.s3-loop-label{order:5}.s3-speed{margin-left:auto}.s3-restart{order:6;margin-left:auto}.s3-time{flex:1 0 100%;margin:4px 0 0;order:4;min-width:0}.s3-transport{padding:13px 12px;gap:8px}.s3-play{min-width:128px}.s3-prev,.s3-next{width:29px}.s3-explanation{display:block;padding:22px 3px}.s3-phase-description{margin-top:12px}.s3-context p{font-size:14px}.s3-explanation h3{font-size:23px}.s3-transport .s3-time input{height:8px}}
/* Molecular laboratory — layered plum, bronze and cool light. */
#synapse-app [hidden]{display:none!important}.s3-heading h2 span{color:#d1b8e0}.s3-scale{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 14px}.s3-scale>span{font-size:10px;letter-spacing:1.6px;color:#92a4b5}.s3-scale>div{display:flex;gap:5px;padding:4px;border:1px solid #384151;background:#141b28;border-radius:9px}.s3-scale button{font-size:12px;padding:9px 13px;color:#bcc4d6;border-radius:5px}.s3-scale button[aria-pressed=true]{background:#45334e;color:#f2dff9}.s3-phases{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.s3-phases button{display:block;padding:9px 11px;background:#121a26;border-color:#2e3747}.s3-phases button b{font-size:10px;margin-bottom:4px;color:#9096a9}.s3-phases button span{font-size:12px}.s3-phases button.active{background:#392e42;border-color:#b18aac;color:#f3dff5}.s3-phases button.active b{color:#cbb3dc}.s3-workbench{background:#161c29;border-color:#3b3b4c;grid-template-columns:minmax(0,1fr) 320px}.s3-viewport{height:clamp(570px,65vh,720px);background:radial-gradient(ellipse at 48% 48%,#282131 0%,#10111e 55%,#080c16 92%)}.s3-inspector{max-height:720px;background:linear-gradient(150deg,#1a2130,#121a27);border-color:#373b4c}.s3-piece .s3-eyebrow{color:#c1a7d5}.s3-piece h3{font-size:26px}.s3-context a{font-size:13px;color:#dfc09e}.s3-piece p:last-child{font-size:15px;line-height:1.7}.s3-inspector-heading{margin-bottom:20px}.s3-labels button{background:#171c2de8;border-color:#7a708f;box-shadow:0 3px 12px #0008}.s3-labels button.active{background:#3c3048;border-color:#dfbce5}.s3-top .s3-viewchips{background:#151b28d9}.s3-viewchips button[aria-pressed=true]{background:#393148;color:#efd7f3}.s3-toggles button[aria-pressed=true]{background:#3a3046;border-color:#94779e;color:#e8d5ed}.s3-transport{background:#161e2b;border-color:#3b3b4c}.s3-play{background:#d1b5dc;border-color:#d1b5dc;color:#2d1d38}.s3-play:hover{background:#e2c8ec;color:#2d1d38}.s3-time input,.s3-loop-label input{accent-color:#d6b6df}.s3-time output{color:#dac2e7}.s3-molecular-caption{position:absolute;bottom:106px;left:20px;right:20px;text-align:center;font-size:12px;line-height:1.7;color:#d4cede;background:#111722cc;padding:9px;border-radius:7px;pointer-events:none}.s3-voltage{position:absolute;top:82px;left:20px;width:180px;background:#101724dc;border:1px solid #584c48;padding:12px;border-radius:9px;pointer-events:none}.s3-voltage span{font-size:8px;letter-spacing:1px;color:#e6c29e}.s3-voltage svg{width:100%;margin-top:8px}.s3-voltage small{font-size:9px;color:#b6b3bd}.s3-expanded .s3-molecular-caption{right:340px}.s3-explanation .s3-eyebrow{color:#b4a6c5}
@media(max-width:1050px){.s3-scale{align-items:flex-start;flex-direction:column;gap:9px}.s3-workbench{grid-template-columns:minmax(0,1fr) 285px}.s3-phases button{padding:9px 7px}.s3-inspector{padding:20px}.s3-piece h3{font-size:24px}}
@media(max-width:780px){.s3-workbench{grid-template-columns:1fr}.s3-inspector{max-height:none}.s3-phases{grid-template-columns:repeat(3,1fr)}.s3-phases button{display:flex;align-items:center;gap:9px;padding:10px}.s3-phases button b{margin:0}.s3-scale>div{width:100%;flex-wrap:wrap}.s3-scale button{flex:1 1 40%;padding:9px}.s3-viewport{height:560px}.s3-expanded .s3-molecular-caption{right:20px}}
@media(max-width:520px){.s3-viewport{height:510px}.s3-heading h2{font-size:29px}.s3-heading h2 span{display:block}.s3-phases button span{font-size:12px}.s3-scale>span{display:none}.s3-inspector{padding:22px}.s3-voltage{width:128px;top:68px;left:12px;padding:8px}.s3-voltage span{font-size:7px}.s3-voltage small{font-size:8px}}
/* Keep the working surface and playback controls in the first desktop view. */
.s3-heading{margin-bottom:14px}.s3-heading h2{font-size:32px}.s3-heading .s3-eyebrow{font-size:12px;letter-spacing:1.3px}.s3-heading p:last-child{font-size:14px;margin-top:6px}.s3-phases button{display:flex;align-items:center;gap:7px;padding:10px 8px}.s3-phases button b{font-size:12px;margin:0}.s3-phases button span{font-size:14px}.s3-scale>span{font-size:12px;letter-spacing:1px}.s3-scale button{font-size:14px;padding:7px 10px}.s3-viewport{height:clamp(470px,57vh,650px)}.s3-inspector{max-height:clamp(470px,57vh,650px)}.s3-piece p:last-child{font-size:16px}.s3-inspector-actions button,.s3-viewchips button,.s3-toggles button{font-size:14px}.s3-voltage span{font-size:10px}.s3-voltage small{font-size:11px}.s3-labels button{font-size:12px}
@media(max-width:1150px){.s3-phases button{display:block}.s3-phases button b{display:block;margin-bottom:3px}.s3-scale{gap:6px}.s3-scale>span{display:none}}
@media(max-width:780px){.s3-phases button{display:flex}.s3-phases button b{margin:0}.s3-inspector{max-height:none}.s3-viewport{height:530px}.s3-scale button{font-size:14px}.s3-heading h2{font-size:30px}}
@media(max-width:520px){.s3-viewport{height:510px}.s3-phases button span{font-size:14px}.s3-phases button{padding:9px 6px;gap:5px}.s3-voltage{width:143px}.s3-voltage span{font-size:9px}.s3-voltage small{font-size:10px}.s3-heading h2{font-size:29px}.s3-heading .s3-eyebrow{font-size:12px;letter-spacing:.6px}}

@media(max-width:520px){.s3-heading>.s3-badge,.s3-heading .s3-eyebrow{display:none}.s3-phases{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:5px}.s3-phases button{flex:0 0 118px;scroll-snap-align:start;padding:11px 9px}.s3-heading h2 span{display:inline}.s3-heading h2{font-size:27px}.s3-heading p:last-child{line-height:1.5}.s3-scale{margin-bottom:12px}.s3-viewport{height:490px}}
/* Continuous context: synapse, complete cells, surrounding network. */
.s3-distancebar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 2px 13px;color:#a9bccd}.s3-distancebar>div{display:flex;gap:6px;align-items:center}.s3-distancebar button{font-size:14px;padding:7px 11px;border-radius:7px;border:1px solid #344453;color:#becbd9;background:#131d2a}.s3-distancebar button[aria-pressed=true]{background:#233e4b;border-color:#65abc0;color:#c4edf5}.s3-distancebar>div>span{color:#7d93a6}.s3-zoom-tip{font-size:12px;color:#95b3c4}.s3-network-labels{position:absolute;inset:0;pointer-events:none}.s3-network-labels button{position:absolute;transform:translate(-50%,0);pointer-events:auto;padding:7px 10px;border:1px solid #7899af;background:#102232e8;backdrop-filter:blur(8px);border-radius:7px;color:#d3eef3;font:12px var(--font);white-space:nowrap;box-shadow:0 5px 20px #0005}.s3-network-labels button[data-neuron=origin]{border-color:#d59b83;color:#ffcfb4}.s3-network-labels button[data-neuron=synapse]{border-color:#dabd86;color:#ffde9f;background:#302b24eb}.s3-network-labels button:before{content:'';position:absolute;top:-23px;height:22px;left:50%;width:1px;background:#a2b6c580}.s3-world-note{position:absolute;bottom:104px;left:18px;right:18px;color:#9ebcd1;text-align:center;font-size:12px;pointer-events:none}.s3-workbench:has(.s3-world-note:not([hidden])) .s3-viewport{background:radial-gradient(ellipse at 44% 43%,#16344a 0,#101c2c 45%,#070d19 90%)}
@media(max-width:900px){.s3-distancebar{flex-wrap:wrap;gap:5px}.s3-zoom-tip{padding-left:10px}.s3-distancebar button{padding:8px 9px}}@media(max-width:520px){.s3-distancebar>div{width:100%;justify-content:space-between;gap:3px}.s3-distancebar button{font-size:13px;padding:8px 6px}.s3-zoom-tip{font-size:12px;padding-top:4px}.s3-world-note{font-size:12px;bottom:112px}.s3-network-labels button{font-size:11px;padding:6px 7px}}