.atom-module__kN6NRq__atom{--ink:#20334b;--muted:#65768d;--line:#e1e8f0;--panel:#fff;border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;color:var(--ink);font-family:var(--font-dm-sans),sans-serif;border-radius:18px;overflow:hidden;box-shadow:0 14px 45px #183b6210;container-type:inline-size}.atom-module__kN6NRq__atom button{font:inherit;cursor:pointer;min-height:44px}.atom-module__kN6NRq__atom button:focus-visible,.atom-module__kN6NRq__scene:focus-visible{outline-offset:-3px;outline:3px solid #7aacff}.atom-module__kN6NRq__atom button:disabled{opacity:.5;cursor:default}.atom-module__kN6NRq__header{align-items:center;gap:14px;padding:20px 24px;display:flex}.atom-module__kN6NRq__element{color:#426fa6;border:1px solid #baceeb;border-radius:9px;grid-template-columns:12px 30px;align-items:center;padding:8px 10px;display:grid}.atom-module__kN6NRq__element strong{grid-area:1/2/3;font-size:29px;line-height:1.2}.atom-module__kN6NRq__element span{font-size:9px}.atom-module__kN6NRq__header h3{letter-spacing:-.6px;margin:0;font-size:21px;font-weight:600}.atom-module__kN6NRq__header p{color:var(--muted);margin:4px 0 0;font-size:12px}.atom-module__kN6NRq__configuration{letter-spacing:.04em;color:var(--muted);margin-left:auto;font-size:13px}.atom-module__kN6NRq__tabs{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f6f9fd;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 8px;display:grid}.atom-module__kN6NRq__tabs button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:13px 5px 10px;font-size:12px;font-weight:500}.atom-module__kN6NRq__tabs button[aria-pressed=true]{color:#2458ac;background:#eaf2ff;border-bottom-color:#4a80dc}.atom-module__kN6NRq__stage{isolation:isolate;background:radial-gradient(at 50% 44%,#213d5a 0%,#12283f 45%,#091727 100%);height:450px;position:relative;overflow:hidden}.atom-module__kN6NRq__scene{touch-action:pan-y;position:absolute;inset:0}.atom-module__kN6NRq__scene canvas{display:block;position:absolute;inset:0}.atom-module__kN6NRq__stageHeading{z-index:1;pointer-events:none;letter-spacing:.15em;color:#9bb3cf;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:20px;left:22px;right:22px}.atom-module__kN6NRq__shellKey{color:#c9d9ed;pointer-events:none;gap:18px;font-size:10px;display:flex;position:absolute;top:48px;left:22px}.atom-module__kN6NRq__shellKey span{align-items:center;gap:6px;display:flex}.atom-module__kN6NRq__shellKey i{background:#72adff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 10px #72adff80}.atom-module__kN6NRq__shellKey span+span i{background:#67ead0;box-shadow:0 0 10px #67ead080}.atom-module__kN6NRq__stageControls{pointer-events:none;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:20px;right:20px}.atom-module__kN6NRq__stageControls>span{color:#a3b8d0;font-size:10px}.atom-module__kN6NRq__stageControls>div{gap:6px;display:flex}.atom-module__kN6NRq__stageControls button{pointer-events:auto;color:#d8e7fa;background:#11253ce6;border:1px solid #53708d80;border-radius:8px;min-width:70px;padding:8px 10px;font-size:11px}.atom-module__kN6NRq__explanation{min-height:100px;padding:20px 24px 17px}.atom-module__kN6NRq__explanation strong{font-size:15px;font-weight:600}.atom-module__kN6NRq__explanation p{color:var(--muted);margin:7px 0 0;font-size:13px;line-height:1.65}.atom-module__kN6NRq__particles{border-top:1px solid var(--line);background:#f9fbfe;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:18px 24px;display:grid}.atom-module__kN6NRq__particles>div{align-items:center;gap:9px;display:flex}.atom-module__kN6NRq__particles i{border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:inset -2px -3px 5px #0003,inset 2px 2px 3px #fff5}.atom-module__kN6NRq__proton{background:#f38b78}.atom-module__kN6NRq__neutron{background:#a7b8d0}.atom-module__kN6NRq__particles strong{font-size:12px;font-weight:600;display:block}.atom-module__kN6NRq__particles small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.atom-module__kN6NRq__modelNote{color:var(--muted);border-top:1px solid var(--line);margin:0;padding:12px 24px;font-size:10px;line-height:1.6}.atom-module__kN6NRq__caption{text-align:center;color:var(--ink);margin:0;padding:0 18px 16px;font-size:12px}.atom-module__kN6NRq__loading{text-align:center;color:#c6d9ee;background:#13283e;place-content:center;padding:24px;font-size:13px;display:grid;position:absolute;inset:0}.atom-module__kN6NRq__fallback{color:#c6d9ee;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;font-size:11px;display:flex;position:absolute;inset:0}.atom-module__kN6NRq__fallback svg{width:100%;max-width:300px;height:auto;max-height:270px}.atom-module__kN6NRq__fallback p{text-align:center;margin:6px 0}@container (max-width:480px){.atom-module__kN6NRq__header{gap:10px;padding:16px}.atom-module__kN6NRq__header h3{font-size:19px}.atom-module__kN6NRq__configuration{display:none}.atom-module__kN6NRq__stage{height:360px}.atom-module__kN6NRq__tabs{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.atom-module__kN6NRq__tabs button{font-size:12px}.atom-module__kN6NRq__stageHeading{font-size:8px;left:16px;right:16px}.atom-module__kN6NRq__shellKey{gap:12px;left:16px}.atom-module__kN6NRq__stageControls{flex-wrap:wrap;left:12px;right:12px}.atom-module__kN6NRq__stageControls>span{max-width:60px;font-size:9px}.atom-module__kN6NRq__stageControls button{min-width:60px;padding:8px}.atom-module__kN6NRq__explanation{min-height:115px;padding:18px 16px}.atom-module__kN6NRq__particles{grid-template-columns:1fr;gap:14px;padding:15px 16px}.atom-module__kN6NRq__particles>div{gap:10px}.atom-module__kN6NRq__particles span{align-items:center;gap:12px;display:flex}.atom-module__kN6NRq__particles small{margin:0;font-size:12px}.atom-module__kN6NRq__particles strong{min-width:80px;font-size:13px}.atom-module__kN6NRq__modelNote{padding:12px 16px}.atom-module__kN6NRq__element{padding:6px 8px}}.dark .atom-module__kN6NRq__atom{--ink:#dce8f6;--muted:#a2b6d0;--line:#31435d;--panel:#172639}:is(.dark .atom-module__kN6NRq__tabs,.dark .atom-module__kN6NRq__particles){background:#122237}.dark .atom-module__kN6NRq__tabs button[aria-pressed=true]{color:#b7d0fa;background:#243d5c}.atom-module__kN6NRq__colourNote{color:var(--muted);text-align:center;background:#f9fbfe;margin:0;padding:0 16px 14px;font-size:11px;line-height:1.6}.dark .atom-module__kN6NRq__colourNote{background:#122237}
.binding-module__x_mGNG__comparison{color:#20374b;width:100%;min-width:0;font-family:var(--font-dm-sans),sans-serif;background:#fff;border:1px solid #dce6ed;border-radius:18px;overflow:hidden;box-shadow:0 16px 50px #1535500b;container-type:inline-size}.binding-module__x_mGNG__comparison button{font:inherit;cursor:pointer;min-height:44px}.binding-module__x_mGNG__comparison button:focus-visible,.binding-module__x_mGNG__scene:focus-visible,.binding-module__x_mGNG__timeline input:focus-visible{outline-offset:-3px;outline:3px solid #5baccc}.binding-module__x_mGNG__comparison button:disabled{opacity:.4;cursor:default}.binding-module__x_mGNG__header{justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;display:flex}.binding-module__x_mGNG__header h3{letter-spacing:-.4px;margin:0;font-size:18px;font-weight:600}.binding-module__x_mGNG__legend{color:#586f7e;gap:13px;font-size:10px;display:flex}.binding-module__x_mGNG__legend span{white-space:nowrap;align-items:center;gap:5px;display:flex}.binding-module__x_mGNG__legend i{background:radial-gradient(circle at 30% 25%,#b5dad7,#84b8bb 50%,#416c75);border-radius:50%;width:10px;height:10px}.binding-module__x_mGNG__legend span+span i{background:#edb65f}.binding-module__x_mGNG__stage{isolation:isolate;background:radial-gradient(at 24% 47%,#254951 0%,#0000 47%),radial-gradient(at 78% 47%,#254951 0%,#0000 47%),#0c202c;height:420px;position:relative}.binding-module__x_mGNG__scene{touch-action:pan-y;position:absolute;inset:0}.binding-module__x_mGNG__scene canvas{display:block;position:absolute;inset:0}.binding-module__x_mGNG__panels{pointer-events:none;grid-template-columns:1fr 1fr;display:grid;position:absolute;inset:0}.binding-module__x_mGNG__panel{flex-direction:column;justify-content:space-between;padding:22px 24px;display:flex}.binding-module__x_mGNG__panel+.binding-module__x_mGNG__panel{border-left:1px solid #9bbfc21c}.binding-module__x_mGNG__number{float:right;letter-spacing:.12em;color:#779da5;font-size:10px}.binding-module__x_mGNG__panel h4{letter-spacing:-.2px;color:#d9f0ee;margin:0;font-size:17px;font-weight:500}.binding-module__x_mGNG__panel p{color:#97b8bf;margin:5px 0 0;font-size:11px}.binding-module__x_mGNG__status{color:#b9d9dc;text-align:center;background:#132f3ac7;border:1px solid #769fa52d;border-radius:20px;align-self:center;padding:7px 12px;font-size:10px;line-height:1.5}.binding-module__x_mGNG__controls{padding:18px 22px 12px}.binding-module__x_mGNG__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.binding-module__x_mGNG__steps button{color:#69808f;background:#f5f8fa;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:7px 3px;font-size:11px;display:flex}.binding-module__x_mGNG__steps button[aria-pressed=true]{color:#176967;background:#eaf5f4;border-color:#b5dad6}.binding-module__x_mGNG__steps button span{border:1px solid #93b4b84d;border-radius:50%;place-content:center;width:18px;height:18px;font-size:9px;display:grid}.binding-module__x_mGNG__timeline{align-items:center;height:44px;display:flex}.binding-module__x_mGNG__timeline input{accent-color:#268d8b;cursor:ew-resize;width:100%;height:44px}.binding-module__x_mGNG__actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.binding-module__x_mGNG__actions>span{color:#7b8f9d;font-size:10px}.binding-module__x_mGNG__actions>div{gap:6px;display:flex}.binding-module__x_mGNG__actions button{color:#426571;background:#fff;border:1px solid #dce6ed;border-radius:8px;min-width:74px;padding:8px 12px;font-size:11px}.binding-module__x_mGNG__note{color:#82929e;border-top:1px solid #e8eef2;margin:0;padding:12px 22px;font-size:10px;line-height:1.6}.binding-module__x_mGNG__loading{text-align:center;color:#c3dfdf;background:#132e38;place-content:center;padding:20px;font-size:12px;display:grid;position:absolute;inset:0}.binding-module__x_mGNG__fallback{color:#c3dfdf;text-align:center;background:#132e38;justify-content:center;align-items:center;padding:30px;font-size:12px;display:flex;position:absolute;inset:0}.binding-module__x_mGNG__fallback svg{width:100%;height:auto}.binding-module__x_mGNG__fallback p{max-width:230px;margin:10px auto}.binding-module__x_mGNG__srOnly{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@container (max-width:520px){.binding-module__x_mGNG__header{flex-wrap:wrap;padding:16px}.binding-module__x_mGNG__header h3{font-size:16px}.binding-module__x_mGNG__stage{background:radial-gradient(at 50% 25%,#254951,#0000 40%),radial-gradient(at 50% 75%,#254951,#0000 40%),#0c202c;height:690px}.binding-module__x_mGNG__panels{grid-template-rows:1fr 1fr;grid-template-columns:1fr}.binding-module__x_mGNG__panel{padding:18px 20px}.binding-module__x_mGNG__panel+.binding-module__x_mGNG__panel{border-top:1px solid #9bbfc22a;border-left:0}.binding-module__x_mGNG__panel h4{font-size:16px}.binding-module__x_mGNG__panel p{font-size:10px}.binding-module__x_mGNG__status{padding:6px 12px;font-size:10px}.binding-module__x_mGNG__controls{padding:14px 12px 12px}.binding-module__x_mGNG__steps{gap:4px}.binding-module__x_mGNG__steps button{gap:4px;font-size:10px}.binding-module__x_mGNG__steps button span{display:none}.binding-module__x_mGNG__actions{flex-wrap:wrap;gap:6px}.binding-module__x_mGNG__actions>span{font-size:9px}.binding-module__x_mGNG__actions button{min-width:60px;padding:8px;font-size:10px}.binding-module__x_mGNG__note{padding:12px 16px}}.dark .binding-module__x_mGNG__comparison{color:#d9e9ef;background:#172b38;border-color:#304752}.dark .binding-module__x_mGNG__legend{color:#a1b8c2}.dark .binding-module__x_mGNG__actions>span{color:#a1b8c2}.dark .binding-module__x_mGNG__note{color:#a1b8c2}:is(.dark .binding-module__x_mGNG__steps button,.dark .binding-module__x_mGNG__actions button){color:#c4dce4;background:#1d3643;border-color:#35525d}.dark .binding-module__x_mGNG__steps button[aria-pressed=true]{color:#c3ece7;background:#244a51;border-color:#549790}.dark .binding-module__x_mGNG__note{border-color:#304752}