.action-intro{color:#b5cbd9;margin-bottom:0;font-size:16px;line-height:1.5}.intro h1{font-size:clamp(46px,7vw,88px);line-height:1}.settings{margin-top:10px}#renderer-status{margin-left:auto;color:#a5bdcc;font-size:12px}.reactor{position:relative;isolation:isolate;padding:28px;border:1px solid #64ecff8c;border-radius:12px;background:radial-gradient(ellipse at top right,#1d475b77,transparent 70%),#101b2b}.reactor-top{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11px;letter-spacing:1px;color:#b8d6e9}.reactor-top output{font-size:24px;font-weight:900;color:var(--cyan);font-variant-numeric:tabular-nums}.reactor h2{font-family:BrightDisplay,'Arial Black',sans-serif;font-size:clamp(34px,4.5vw,58px);font-weight:400;margin:10px 0}.reactor>p{font-size:14px;line-height:1.5;color:#b5cbd9}.reactor-controls{display:flex;gap:10px;margin-top:20px}#hold-launch{flex:1;min-height:64px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y;letter-spacing:.5px;font-size:16px}button:disabled{cursor:wait;opacity:.65}.hold-help{font-size:12px!important;margin:10px 0 0}.relay-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.relay{isolation:isolate;border:1px solid #ff55c869;border-radius:9px;padding:18px;background:#201429;display:flex;flex-direction:column;gap:10px}.relay:nth-child(2){border-color:#d4ff6470;background:#1c251b}.relay:nth-child(3){border-color:#55eeff70;background:#12252c}.relay>span{font-size:10px;letter-spacing:1px;color:#bed0dc}.relay strong{font-size:20px;line-height:1.2;color:#ff9fdd}.relay:nth-child(2) strong{color:var(--lime)}.relay:nth-child(3) strong{color:var(--cyan)}.relay small{font-size:12px;line-height:1.3;color:#bed0dc}.flow-caption{font-size:10px;letter-spacing:.6px;color:#9cbcca;line-height:1.6;margin:12px 0 24px}.helper-disclosure{border-top:1px solid #56748455}.helper-disclosure>summary{padding:18px 0;min-height:52px;font-weight:700;font-size:14px;cursor:pointer}.helper-disclosure>summary span{font-weight:400;color:#9bbccd;font-size:12px;margin-left:14px}.helper-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:24px}.helper-card{isolation:isolate;min-width:0;border:1px solid #5bacc866;border-radius:10px;padding:22px;background:#0f1b2a}.helper-card h2{font-size:25px}.helper-card p,.helper-card label{font-size:14px;line-height:1.5;color:#b5cbd9}.helper-card .eyebrow{font-size:10px;color:var(--cyan)}.helper-card input[type=range]{width:100%;min-height:52px;margin:10px 0;touch-action:pan-y}.helper-card #swipe-help,.helper-card #drag-help{font-size:12px;margin-bottom:0}.drag-control{touch-action:pan-y;display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:70px;padding:18px 12px;border:1px dashed #55eeff;background:#12303c;cursor:ew-resize;user-select:none;-webkit-user-select:none}.drag-control span{font-size:12px;font-weight:700}.drag-control output{font-size:22px;font-weight:900;color:var(--cyan)}.drag-control:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.code-disclosure pre{margin-bottom:20px}
@media(min-width:900px){.intro h1 br{display:none}.intro h1 em{margin-left:.12em}.reactor{padding-right:40%;min-height:280px}.reactor-controls{position:absolute;right:28px;top:100px;width:34%;flex-wrap:wrap}.reactor-controls button{width:100%}.reactor-controls #cancel-action{background:transparent;min-height:44px;padding:8px}.hold-help{max-width:450px}}
@media(max-width:700px){.intro{padding-top:18px}.intro h1{font-size:clamp(42px,11vw,64px)}.action-intro{font-size:14px}.reactor{padding:18px}.reactor h2{font-size:36px}.reactor-controls{gap:8px;margin-top:16px}#hold-launch{font-size:12px;min-height:58px;padding:12px 8px}#cancel-action{padding:10px;font-size:12px}.reactor>p{font-size:13px}.relay-strip{gap:8px}.relay{padding:12px 9px;gap:8px}.relay>span{font-size:8px;letter-spacing:0}.relay strong{font-size:clamp(10px,3vw,14px)}.relay small{font-size:10px}.helper-grid{grid-template-columns:1fr}.helper-card{padding:18px}.helper-disclosure>summary span{display:block;margin:6px 0 0;font-size:12px}#renderer-status{font-size:10px}.flow-caption{font-size:9px;letter-spacing:0}}