.ji-shell{--ji-navy:#040043;--ji-blue:#1737ef;--ji-pearl:#c1bfe3;--ji-ivory:#f8f7f2;--ji-ink:#17163d;--ji-muted:#626079;position:relative;margin-top:3.5rem;padding:1.25rem;border:1px solid #d8d5e5;border-radius:1.5rem;background:#fff;box-shadow:0 2.5rem 6rem rgba(4,0,67,.09)}.ji-inputs{display:flex;align-items:center;gap:.7rem;min-height:3.5rem;padding:.65rem .85rem;border-radius:.9rem;background:#f1f0f7}.ji-detail-label,.ji-handoff-label,.ji-inputs-label,.ji-report span{color:#5f5b83;font:600 .64rem/1.4 DM Mono,monospace;letter-spacing:.08em;text-transform:uppercase}.ji-channel-list{display:flex;flex-wrap:wrap;gap:.45rem}.ji-channel-list span{padding:.45rem .65rem;border:1px solid #d6d3e2;border-radius:999px;background:white;color:#3c3958;font-size:.69rem}.ji-input-arrow{margin-left:auto;color:var(--ji-blue);font-size:1.1rem}.ji-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:1.5rem;gap:1.5rem;padding:2.2rem 0 14rem}.ji-stage-wrap{position:relative;min-width:0}.ji-stage{position:relative;z-index:2;display:flex;flex-direction:column;width:100%;min-height:18rem;padding:1.15rem;border:1px solid #d9d6e4;border-radius:1rem;background:#fff;color:var(--ji-ink);text-align:left;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.ji-stage:hover{transform:translateY(-3px);border-color:#aaa6ca}.ji-stage:active{transform:scale(.985)}.ji-stage.is-active{border-color:var(--ji-blue);background:#f4f6ff;box-shadow:0 1.1rem 2.5rem rgba(23,55,239,.12)}.ji-stage-top{display:flex;align-items:center;justify-content:space-between}.ji-icon{display:grid;place-items:center;width:2.55rem;height:2.55rem;border-radius:.75rem;background:var(--ji-navy);color:white}.ji-icon svg,.ji-report-icon svg{width:1.3rem;height:1.3rem}.ji-number{color:#6b6782;font:600 .66rem DM Mono,monospace}.ji-stage>strong{margin-top:1.35rem;color:var(--ji-navy);font-size:1.05rem;letter-spacing:-.025em}.ji-body{margin-top:.75rem;color:var(--ji-muted);font-size:.76rem;line-height:1.65}.ji-output{margin-top:auto;padding-top:1.1rem;border-top:1px solid #e4e2eb;color:var(--ji-blue);font:600 .63rem/1.45 DM Mono,monospace}.ji-connector{position:absolute;z-index:1;top:8.75rem;left:calc(100% - .1rem);width:1.75rem;height:1px;background:var(--ji-pearl)}.ji-connector:after{content:"";position:absolute;top:-3px;right:0;width:6px;height:6px;border-top:1px solid var(--ji-pearl);border-right:1px solid var(--ji-pearl);transform:rotate(45deg)}.ji-connector i{position:absolute;top:-2px;left:0;width:5px;height:5px;border-radius:50%;background:var(--ji-blue)}.ji-handoff{position:absolute;z-index:3;top:calc(100% + 2.6rem);left:50%;width:min(18rem,150%);padding:1rem;border:1px solid #aaa6cb;border-radius:.9rem;background:var(--ji-navy);color:white;transform:translateX(-50%)}.ji-handoff-line{position:absolute;bottom:100%;left:50%;width:1px;height:2.65rem;background:#8d88b7}.ji-handoff-line:before{content:"";position:absolute;top:-.2rem;left:-.2rem;width:.4rem;height:.4rem;border-radius:50%;background:var(--ji-pearl)}.ji-handoff-label{color:var(--ji-pearl)}.ji-handoff strong{display:block;margin-top:.45rem;font-size:.82rem}.ji-handoff p{margin:.4rem 0 0;color:#c3c0da;font-size:.7rem;line-height:1.55}.ji-return{display:block;margin-top:.65rem;color:#a9a5ca;font:500 .57rem DM Mono,monospace}.ji-detail{display:grid;grid-template-columns:10rem 1fr auto;grid-gap:1.4rem;gap:1.4rem;align-items:center;padding:1.2rem 1.35rem;border:1px solid #d8d5e5;border-radius:1rem;background:var(--ji-ivory)}.ji-detail strong{color:var(--ji-navy);font-size:.9rem}.ji-detail p{margin:.35rem 0 0;color:var(--ji-muted);font-size:.76rem;line-height:1.55}.ji-detail-hint{color:#6b6782;font-size:.66rem;white-space:nowrap}.ji-report{display:grid;grid-template-columns:auto 1fr;grid-gap:1rem;gap:1rem;align-items:center;margin-top:.8rem;padding:1.2rem 1.35rem;border-radius:1rem;background:linear-gradient(135deg,var(--ji-navy),#0d075b);color:white}.ji-report-icon{display:grid;place-items:center;width:3rem;height:3rem;border:1px solid #7772ad;border-radius:.85rem}.ji-report span,.ji-report-icon{color:var(--ji-pearl)}.ji-report strong{display:block;margin-top:.35rem;font-size:.88rem}.ji-report p{margin:.35rem 0 0;color:#c1bed8;font-size:.7rem;line-height:1.55}.ji-stage:focus-visible{outline:3px solid var(--ji-blue);outline-offset:4px}@media (max-width:900px){.ji-map{grid-template-columns:1fr;gap:1rem;padding:2rem 0}.ji-stage-wrap{padding-left:2rem}.ji-stage{min-height:0;padding:1rem}.ji-stage>strong{margin-top:.85rem}.ji-output{margin-top:1rem}.ji-connector{top:calc(100% - .1rem);left:.75rem;width:1px;height:1.2rem}.ji-connector:after{top:auto;right:-3px;bottom:0;transform:rotate(135deg)}.ji-connector i{top:0;left:-2px}.ji-stage-wrap:before{content:"";position:absolute;top:0;bottom:-1rem;left:.75rem;width:1px;background:#d0cde0}.ji-stage-wrap:last-child:before{bottom:50%}.ji-handoff{position:relative;top:auto;left:auto;width:100%;margin-top:.8rem;transform:none}.ji-handoff-line{display:none}.ji-detail{grid-template-columns:1fr;gap:.65rem}.ji-detail-hint{white-space:normal}}@media (max-width:600px){.ji-shell{margin-top:2.5rem;padding:.8rem;border-radius:1.1rem}.ji-inputs{align-items:flex-start;flex-direction:column}.ji-input-arrow{display:none}.ji-channel-list{gap:.35rem}.ji-channel-list span{font-size:.62rem}.ji-map{padding-top:1.35rem}.ji-stage-wrap{padding-left:1.6rem}.ji-connector,.ji-stage-wrap:before{left:.55rem}.ji-report{align-items:start}}@media (prefers-reduced-motion:reduce){.ji-stage{transition:none}}@media (prefers-contrast:more){.ji-detail,.ji-stage{border-color:var(--ji-navy)}.ji-stage.is-active{outline:3px solid var(--ji-blue)}}