.jr{background:radial-gradient(50% 70% at 0% 0%,color-mix(in srgb,var(--s1) 12%,transparent),transparent 60%),radial-gradient(50% 70% at 100% 100%,color-mix(in srgb,var(--s4) 10%,transparent),transparent 60%),linear-gradient(180deg,#121621,#0b0e16);border:1px solid #262c3b;border-radius:20px;margin-top:clamp(36px,5vw,56px);position:relative;overflow:hidden;box-shadow:0 40px 100px #00000080}.jr:before{content:"";pointer-events:none;background-image:radial-gradient(#96aadc17 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0}.jr-top{font:500 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#8f97aa;border-bottom:1px solid #222838;align-items:center;gap:14px;padding:16px 24px;display:flex;position:relative}.jr-live{color:var(--lime);align-items:center;gap:7px;display:flex}.jr-live:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;animation:1.4s infinite jrp;box-shadow:0 0 10px}@keyframes jrp{50%{opacity:.35}}.jr-rel{color:#e6eaf2;letter-spacing:.1em;border:1px solid #2c3346;border-radius:999px;padding:4px 9px;transition:all .4s}.jr-rel.new{border-color:var(--s3);color:#0b0e16;background:var(--s3);box-shadow:0 0 18px color-mix(in srgb,var(--s3) 50%,transparent)}.jr-top>span{white-space:nowrap}.jr-top>span:nth-child(2){text-overflow:ellipsis;min-width:0;overflow:hidden}.jr-ill{color:#7c8498;letter-spacing:.2em;margin-left:auto;font-size:9.5px}.jr-phases{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:18px 24px 0;list-style:none;display:grid;position:relative}.jr-phases li{color:#8f97aa;border:1px solid #2a3144;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;transition:all .4s;display:flex;position:relative;overflow:hidden}.jr-phases i{width:24px;height:24px;font-style:normal;font:600 11px var(--mono);border:1px solid #323a50;border-radius:7px;place-items:center;transition:all .4s;display:grid}.jr-phases li.done{color:#c9cfdb}.jr-phases li.done i{background:color-mix(in srgb,var(--lime) 18%,transparent);border-color:color-mix(in srgb,var(--lime) 40%,transparent);color:var(--lime)}.jr-phases li.on{color:#fff;border-color:var(--s1);background:color-mix(in srgb,var(--s1) 10%,#10141e)}.jr-phases li.on i{background:var(--s1);border-color:var(--s1);color:#0b0e16;box-shadow:0 0 16px color-mix(in srgb,var(--s1) 60%,transparent)}.jr-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(16px,2.5vw,30px);padding:18px 24px;display:grid;position:relative}.jr-browser{background:#0d1018;border:1px solid #2c3346;border-radius:14px;flex-direction:column;min-height:430px;transition:border-color .4s,box-shadow .4s;display:flex;overflow:hidden}.jr-browser.replay{border-color:var(--s3);box-shadow:0 0 0 4px color-mix(in srgb,var(--s3) 12%,transparent)}.jr-bar{background:#121722;border-bottom:1px solid #232a3b;align-items:center;gap:6px;padding:10px 12px;display:flex}.jr-bar>span{background:#2f3648;border-radius:50%;width:9px;height:9px}.jr-bar code{min-width:0;font:500 11.5px var(--mono);color:#9aa2b3;white-space:nowrap;text-overflow:ellipsis;background:#0b0e16;border-radius:6px;flex:1;margin-left:8px;padding:5px 9px;overflow:hidden}.jr-mode{font-style:normal;font:600 9.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--s1);background:color-mix(in srgb,var(--s1) 15%,transparent);white-space:nowrap;border-radius:5px;padding:4px 7px}.jr-mode.rp{color:#0b0e16;background:var(--s3)}.jr-view{color:#141824;background:linear-gradient(#f4f6fb,#e9edf5);flex:1;padding:24px 26px;position:relative}.jr-page .jr-h4{font:700 19px var(--display);letter-spacing:-.01em;color:#141824;margin:0 0 16px}.jr-page label{color:#525b70;margin-bottom:12px;font-size:12px;font-weight:600;display:block}.jr-in{height:34px;font:500 13.5px var(--body);color:#141824;background:#fff;border:1px solid #cdd3df;border-radius:7px;margin-top:6px;padding:7px 10px;transition:border-color .3s,box-shadow .3s;display:block}.jr-in.f{border-color:#3d7bff;box-shadow:0 0 0 3px #3d7bff2e}.jr-btn{color:#fff;background:#1f5bff;border-radius:7px;margin-top:6px;padding:10px 18px;font-size:13.5px;font-weight:600;transition:transform .15s,box-shadow .3s;display:inline-block}.jr-btn.press{transform:scale(.95);box-shadow:0 0 0 5px #1f5bff40}.jr-toast{opacity:0;border-radius:8px;margin-top:16px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .35s;transform:translateY(6px)}.jr-toast.ok{opacity:1;color:#13703a;background:#e3f8e8;border:1px solid #9fdcb1;transform:none}.jr-toast.bad{opacity:1;color:#a3172d;background:#fde7ea;border:1px solid #f3a6b2;transform:none}.jr-cursor{fill:#141824;stroke:#fff;stroke-width:1.2px;filter:drop-shadow(0 2px 4px #00000059);z-index:2;pointer-events:none;width:22px;height:22px;transition:left .55s cubic-bezier(.4,.1,.2,1),top .55s cubic-bezier(.4,.1,.2,1);position:absolute;top:30px;left:30px}.jr-browser.replay .jr-cursor{transition-duration:.2s}.jr-panel{background:linear-gradient(#151a26,#10141e);border:1px solid #2a3144;border-radius:14px;flex-direction:column;min-height:430px;display:flex;overflow:hidden}.jr-ph-top{border-bottom:1px dashed #2a3144;align-items:center;gap:10px;padding:14px 18px;display:flex}.jr-ph-top b{font-size:15px}.jr-ph-top span{font:500 11px var(--mono);color:#7c8498;margin-left:auto}.jr-steps{flex-direction:column;flex:1;gap:5px;padding:12px 16px;display:flex;overflow:hidden}.jr-st{font:500 12.5px var(--mono);color:#c9cfdb;background:#0f131d;border:1px solid #232a3b;border-radius:8px;align-items:center;gap:10px;padding:6px 10px;animation:.35s both jrIn;display:flex}@keyframes jrIn{0%{opacity:0;transform:translateY(6px)}}.jr-st .n{color:#7c8498;flex:none;width:20px}.jr-st .k{font:600 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--s1);background:color-mix(in srgb,var(--s1) 14%,transparent);border-radius:4px;flex:none;padding:2px 6px}.jr-st.assert .k{color:var(--s2);background:color-mix(in srgb,var(--s2) 14%,transparent)}.jr-st .tx{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.jr-st .r{border-radius:50%;flex:none;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:grid}.jr-st.pass .r{background:color-mix(in srgb,var(--lime) 20%,transparent);color:var(--lime)}.jr-st.pass .r:after{content:"✓"}.jr-st.fail{background:#ff7a9c14;border-color:#ff7a9c}.jr-st.fail .r{color:#ff7a9c;background:#ff7a9c33}.jr-st.fail .r:after{content:"✕"}.jr-st.run .r{border:2px solid color-mix(in srgb,var(--s3) 70%,transparent);border-top-color:#0000;animation:.7s linear infinite jrSpin}@keyframes jrSpin{to{transform:rotate(360deg)}}.jr-st .why{color:#ff9db4;white-space:normal;flex-basis:100%;margin:4px 0 0 30px;font-size:11.5px;display:block}.jr-st.fail{flex-wrap:wrap}.jr-mem{flex:1;padding:6px 16px 14px}.jr-mem-h,.jr-row{grid-template-columns:minmax(0,1.5fr) 70px 140px;align-items:center;gap:10px;display:grid}.jr-mem-h{font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#6f778a;padding:8px 10px}.jr-row{border-top:1px solid #222838;padding:10px;font-size:13.5px;animation:.4s both jrIn}.jr-row b{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-weight:600;overflow:hidden}.jr-row code{font:500 11.5px var(--mono);color:#9aa2b3}.jr-row.hl{background:color-mix(in srgb,var(--s1) 9%,transparent);border-radius:8px}.tag{font:600 9.5px var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;border-radius:5px;align-items:center;gap:6px;padding:3px 7px;display:inline-flex}.tag.pass{color:var(--lime);background:color-mix(in srgb,var(--lime) 14%,transparent)}.tag.fail{color:#ff7a9c;background:#ff7a9c24}.tag.run{color:var(--s3);background:color-mix(in srgb,var(--s3) 14%,transparent)}.tag.run:before{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:8px;height:8px;animation:.7s linear infinite jrSpin}.tag.need{color:#9aa2b3;background:#1c2232}.jr-foot{font:500 12px var(--mono);color:#c3cad8;background:#0a0d14;border:1px solid #222838;border-radius:10px;align-items:center;gap:12px;margin:0 24px 22px;padding:12px 14px;display:flex;position:relative}.jr-foot code{font:inherit;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.jr-foot .dot{background:var(--lime);width:7px;height:7px;box-shadow:0 0 8px var(--lime);border-radius:50%;flex:none}.jr-tok{color:var(--s3);flex:none}@media (width<=920px){.jr-body{grid-template-columns:1fr}.jr-phases{grid-template-columns:1fr 1fr}}@media (width<=520px){.jr-ill,.jr-tok{display:none}.jr-top{letter-spacing:.08em;gap:10px;font-size:10px}.jr-phases li{min-height:58px;line-height:1.25}.jr-ph-top{flex-wrap:wrap;row-gap:2px}.jr-ph-top b,.jr-ph-top span{white-space:nowrap;text-overflow:ellipsis;flex-basis:100%;min-width:0;margin-left:0;overflow:hidden}.jr-mem-h,.jr-row{grid-template-columns:minmax(0,1fr) 54px 110px}.jr-view{padding:18px}}