.jn{border:var(--rule);background:var(--white);max-width:820px;box-shadow:8px 8px 0 var(--ink);margin:0 auto}.jn-head{border-bottom:var(--rule);background:var(--accent);justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.jn-h2{font:800 15px/1.3 var(--sans);color:var(--ink);letter-spacing:.01em;margin:0}.jn-status{font:700 9.5px var(--mono);letter-spacing:.14em;color:#0f1826bf;flex:none}.jn-stage{background:repeating-linear-gradient(0deg,#0000 0 27px,#0f182609 27px 28px);gap:22px;padding:clamp(16px,4vw,30px);display:grid;overflow:hidden}.js .jn-stage{gap:0}.js .jn-scene{opacity:0;pointer-events:none;grid-area:1/1;transition:opacity .32s,transform .45s cubic-bezier(.22,.8,.25,1);transform:translateY(22px)}.js .jn[data-beat="1"] .jn-s1,.js .jn[data-beat="2"] .jn-s2,.js .jn[data-beat="3"] .jn-s3,.js .jn[data-beat="4"] .jn-s4,.js .jn[data-beat="5"] .jn-s5,.js .jn[data-beat="6"] .jn-s6,.js .jn[data-beat="7"] .jn-s7{opacity:1;pointer-events:auto;transform:none}.js .jn[data-beat="2"] .jn-s1,.js .jn[data-beat="3"] .jn-s1,.js .jn[data-beat="3"] .jn-s2,.js .jn[data-beat="4"] .jn-s1,.js .jn[data-beat="4"] .jn-s2,.js .jn[data-beat="4"] .jn-s3,.js .jn[data-beat="5"] .jn-s1,.js .jn[data-beat="5"] .jn-s2,.js .jn[data-beat="5"] .jn-s3,.js .jn[data-beat="5"] .jn-s4,.js .jn[data-beat="6"] .jn-s1,.js .jn[data-beat="6"] .jn-s2,.js .jn[data-beat="6"] .jn-s3,.js .jn[data-beat="6"] .jn-s4,.js .jn[data-beat="6"] .jn-s5,.js .jn[data-beat="7"] .jn-s1,.js .jn[data-beat="7"] .jn-s2,.js .jn[data-beat="7"] .jn-s3,.js .jn[data-beat="7"] .jn-s4,.js .jn[data-beat="7"] .jn-s5,.js .jn[data-beat="7"] .jn-s6{transform:translateY(-18px)}.jn-scene{align-self:center;width:100%;min-width:0;max-width:520px;margin:0 auto}.jn-card,.jn-bd{min-width:0}.jn-card{background:var(--white);border:var(--rule)}.jn-s1 .jn-card{transform:rotate(-.6deg);box-shadow:6px 6px #0f1826e6}.jn-s2 .jn-card{transform:rotate(.6deg);box-shadow:6px 6px #123c73e6}.jn-s3 .jn-card{transform:rotate(-.5deg);box-shadow:6px 6px #94261cd9}.jn-s4 .jn-card{transform:rotate(.5deg);box-shadow:6px 6px #123c73e6}.jn-s5 .jn-card{transform:rotate(.5deg);box-shadow:6px 6px #94261cd9}.jn-s6 .jn-card{transform:rotate(-.6deg);box-shadow:6px 6px #7a4e06d9}.jn-s7 .jn-card{transform:rotate(.6deg);box-shadow:6px 6px #0e6435e6}.jn-ch{font:700 9.5px var(--mono);letter-spacing:.12em;color:#0f1826bf;border-bottom:var(--rule);background:var(--paper);padding:8px 14px}.jn-bd{padding:16px 18px 18px}.jn-cap{text-align:center;margin-top:16px}.jn-stamp{font:700 9.5px var(--mono);letter-spacing:.14em;color:var(--red);margin:0 0 6px;display:inline-block}.jn-t{font:800 19px/1.25 var(--sans);color:var(--ink);letter-spacing:-.01em;margin:0}.jn-field{border:var(--rule);font:400 13px var(--mono);color:var(--ink);background:var(--white);margin-bottom:10px;padding:9px 12px}.jn-field small{font:700 8.5px var(--mono);letter-spacing:.16em;color:var(--ink-60);margin-bottom:3px;display:block}.jn-type{white-space:nowrap;vertical-align:bottom;max-width:100%;display:inline-block;overflow:hidden}.jn-caret{background:var(--ink);vertical-align:text-bottom;width:7px;height:14px;animation:1s step-end infinite blink;display:inline-block}.jn-btn{background:var(--accent);border:var(--rule);box-shadow:var(--shadow);font:800 13.5px var(--sans);color:var(--ink);margin-top:4px;padding:10px 18px;display:inline-block}.jn-sending{font:600 11px var(--mono);letter-spacing:.08em;color:var(--green);margin-top:12px}.js .jn[data-beat="1"] .jn-w1{animation:1.1s steps(24,end) .5s both jnType}.js .jn[data-beat="1"] .jn-w2{animation:.9s steps(24,end) 1.7s both jnType}.js .jn[data-beat="1"] .jn-btn{animation:.3s 2.7s both jnPress}.js .jn[data-beat="1"] .jn-sending{animation:.4s 2.95s both jnUp}.jn-row{font:500 13px/1.45 var(--sans);color:var(--ink);border-bottom:2px dashed #0f182626;align-items:baseline;gap:9px;padding:7px 0;display:flex}.jn-row:last-of-type{border-bottom:0}.jn-row b{font:700 9.5px var(--mono);letter-spacing:.1em;color:var(--blue);flex:none}.js .jn[data-beat="2"] .jn-r1{animation:.5s .35s both jnUp}.js .jn[data-beat="2"] .jn-r2{animation:.5s .6s both jnUp}.js .jn[data-beat="2"] .jn-r3{animation:.5s .85s both jnUp}.jn-badge{font:800 10px var(--sans);letter-spacing:.1em;background:var(--blue);color:var(--paper);border:var(--rule);margin-top:12px;padding:5px 11px;display:inline-block;transform:rotate(-1.5deg)}.js .jn[data-beat="2"] .jn-badge{animation:.5s 1.3s both jnPopR}.jn-term{font:400 13.5px/1.7 var(--mono);color:var(--ink);padding:4px 0 10px}.jn-term i{color:#0f182673;font-style:normal}.js .jn[data-beat="3"] .jn-w3{animation:1s steps(24,end) .45s both jnType}.jn-sentline{font:600 11.5px var(--mono);letter-spacing:.06em;color:var(--green);align-items:center;gap:8px;display:flex}.jn-sentline i{border:2px solid var(--green);width:16px;height:16px;font:800 10px/1 var(--sans);flex:none;place-items:center;font-style:normal;display:grid}.js .jn[data-beat="3"] .jn-sentline{animation:.4s 1.7s both jnUp}.jn-m{border-bottom:2px dashed #0f182626;padding:9px 0}.jn-m:last-of-type{border-bottom:0}.jn-mline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.jn-sw{flex:none;display:grid}.jn-sw>span{font:700 9px var(--mono);letter-spacing:.08em;grid-area:1/1;place-self:center start;padding:3px 7px}.jn-wait{color:var(--ink-65);opacity:0;background:#f1f1ed;border:2px dashed #0f182666}.jn-vd{color:var(--paper)}.js .jn[data-beat="4"] .jn-m1 .jn-wait{animation:1.5s .3s both jnWaitOut}.js .jn[data-beat="4"] .jn-m1 .jn-vd{animation:.45s 1.6s both jnPop}.js .jn[data-beat="4"] .jn-m2 .jn-wait{animation:1.5s .9s both jnWaitOut}.js .jn[data-beat="4"] .jn-m2 .jn-vd{animation:.45s 2.2s both jnPop}.jn-mt{font:600 13.5px var(--sans);color:var(--ink)}.jn-why{font:500 11.5px/1.5 var(--sans);color:var(--ink-60);margin-top:4px}.jn-tick{font:600 12px var(--mono);color:var(--ink-78);align-items:center;gap:8px;padding:3px 0;display:flex}.jn-tick i{font-style:normal;font:800 10px/1 var(--sans);border:2px solid var(--green);width:15px;height:15px;color:var(--green);flex:none;place-items:center;display:grid}.jn-tick.jn-warn i{border-color:var(--amber);color:var(--amber)}.jn-think{font:600 10.5px var(--mono);letter-spacing:.1em;color:var(--ink-60);align-items:center;gap:8px;padding:2px 0 12px;display:flex}.jn-dot{background:#2e9e5b;border-radius:50%;flex:none;width:8px;height:8px;animation:1.5s infinite jnPulse}.jn-ell{animation:1s step-end infinite blink}.js .jn[data-beat="5"] .jn-w5{animation:1.2s steps(28,end) .45s both jnType}.js .jn[data-beat="5"] .jn-think{animation:.4s 1.9s both jnUp}.jn-ans{border:var(--rule);background:var(--white);margin:2px 8px 4px;padding:12px 14px;transform:rotate(-.7deg);box-shadow:4px 4px #0f1826e6}.jn-ans b,.jn-doc b{font:700 9.5px var(--mono);letter-spacing:.14em;color:var(--red);margin-bottom:8px;display:block}.js .jn[data-beat="5"] .jn-ans{animation:.5s 3s both jnPop}.js .jn[data-beat="5"] .jn-q1{animation:.35s 3.5s both jnUp}.js .jn[data-beat="5"] .jn-q2{animation:.35s 3.8s both jnUp}.js .jn[data-beat="5"] .jn-q3{animation:.35s 4.1s both jnUp}.jn-hi{outline:3px solid var(--accent);outline-offset:3px;border-bottom:0;padding:6px 8px}.js .jn[data-beat="6"] .jn-hi{animation:1s .3s both jnFlash}.jn-doc{border:var(--rule);background:var(--white);margin:14px 8px 4px;padding:12px 14px;transform:rotate(.8deg);box-shadow:4px 4px #0f1826e6}.js .jn[data-beat="6"] .jn-doc{animation:.5s .9s both jnPop}.js .jn[data-beat="6"] .jn-k1{animation:.35s 1.5s both jnUp}.js .jn[data-beat="6"] .jn-k2{animation:.35s 1.8s both jnUp}.js .jn[data-beat="6"] .jn-k3{animation:.35s 2.1s both jnUp}.jn-bd-win{text-align:center;padding:26px 18px 30px}.jn-mt-win{font-size:14.5px}.jn-award{margin-top:14px;display:inline-block;position:relative}.jn-award>span{font:800 12px var(--sans);letter-spacing:.14em;background:var(--green);color:var(--paper);border:var(--rule);box-shadow:var(--shadow);padding:9px 18px;display:inline-block;transform:rotate(-2deg)}.js .jn[data-beat="7"] .jn-award>span{animation:.55s .6s both jnSlam}.jn-note{font:500 13.5px/1.55 var(--sans);color:var(--ink-78);margin:16px 0 0}.jn-cf{opacity:0;pointer-events:none;width:7px;height:11px;position:absolute;top:50%;left:50%}.js .jn[data-beat="7"] .jn-cf{animation:1.1s .75s both jnCf}.jn-cf1{background:var(--accent-solid);--tx:-74px;--ty:-58px;--rz:220deg}.jn-cf2{background:var(--blue);--tx:58px;--ty:-66px;--rz:-260deg;animation-delay:.8s!important}.jn-cf3{background:var(--red);--tx:-96px;--ty:-6px;--rz:300deg;animation-delay:.78s!important}.jn-cf4{background:var(--green);--tx:88px;--ty:-14px;--rz:-200deg;animation-delay:.82s!important}.jn-cf5{background:var(--ink);--tx:-40px;--ty:-84px;--rz:260deg;animation-delay:.85s!important}.jn-cf6{background:var(--accent-solid);--tx:34px;--ty:-92px;--rz:-320deg;animation-delay:.88s!important}.jn-agent{border-top:var(--rule);background:var(--ink);color:var(--paper);font:600 10.5px/1.5 var(--mono);letter-spacing:.07em;align-items:center;gap:12px;padding:10px 16px;display:flex}.jn-agent .jn-dot{animation-duration:1.8s}.jn-alab{font:700 9.5px var(--mono);letter-spacing:.18em;color:var(--accent-solid);flex:none}.jn-alines{min-width:0;display:grid}.js .jn-alines span{opacity:0;grid-area:1/1;transition:opacity .3s,transform .35s;transform:translateY(8px)}.js .jn[data-beat="1"] .jn-al1,.js .jn[data-beat="2"] .jn-al2,.js .jn[data-beat="3"] .jn-al3,.js .jn[data-beat="4"] .jn-al4,.js .jn[data-beat="5"] .jn-al5,.js .jn[data-beat="6"] .jn-al6,.js .jn[data-beat="7"] .jn-al7{opacity:1;transform:none}.jn-a247{font:800 9.5px var(--mono);letter-spacing:.16em;color:var(--ink);background:var(--accent);border:1px solid var(--paper);flex:none;margin-left:auto;padding:3px 7px}.jn-chips{border-bottom:var(--rule);background:var(--paper);flex-wrap:wrap;justify-content:center;gap:10px;padding:18px 16px;display:none}.js .jn-chips{display:flex}.jn-chip{background:var(--white);border:var(--rule);min-width:44px;min-height:44px;font-family:var(--sans);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:1px;padding:7px 12px 9px;transition:transform .15s,box-shadow .15s,background .2s;display:flex;position:relative}.jn-chip:hover{box-shadow:var(--shadow-sm);transform:translate(-1px,-1px)}.jn-chip b{font:700 9px var(--mono);letter-spacing:.16em;color:var(--ink-60)}.jn-chip span{font:800 11.5px var(--sans);letter-spacing:.02em;color:var(--ink)}.jn-chip[aria-current=step]{background:var(--accent);box-shadow:var(--shadow-sm);transform:rotate(-1deg)}.jn-fill{background:var(--ink);pointer-events:none;width:0;height:4px;position:absolute;bottom:0;left:0}.jn-chip[aria-current=step] .jn-fill{animation:jnFill var(--d,4.6s) linear both}.jn.jn-manual .jn-fill,.jn.jn-halted .jn-fill{animation:none}@keyframes jnType{0%{width:0}to{width:var(--tw,24ch)}}@keyframes jnUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes jnPop{0%{opacity:0;transform:scale(.55)}60%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:none}}@keyframes jnPopR{0%{opacity:0;transform:scale(.55)rotate(-1.5deg)}60%{opacity:1;transform:scale(1.12)rotate(-1.5deg)}to{opacity:1;transform:scale(1)rotate(-1.5deg)}}@keyframes jnPress{0%{box-shadow:var(--shadow);transform:none}50%{box-shadow:1px 1px 0 var(--ink);transform:translate(3px,3px)}to{box-shadow:var(--shadow);transform:none}}@keyframes jnWaitOut{0%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:scale(.9)}}@keyframes jnFlash{0%,to{outline-color:#0000}25%,60%{outline-color:var(--accent)}}@keyframes jnSlam{0%{opacity:0;transform:scale(1.7)rotate(-6deg)}70%{opacity:1;transform:scale(.96)rotate(-2deg)}to{opacity:1;transform:scale(1)rotate(-2deg)}}@keyframes jnCf{0%{opacity:0;transform:translate(0)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(var(--tx), var(--ty)) rotate(var(--rz))}}@keyframes jnFill{0%{width:0}to{width:100%}}@keyframes jnPulse{0%,to{box-shadow:0 0 #2e9e5b8c}55%{box-shadow:0 0 0 6px #2e9e5b00}}@media (width<=600px){.jn-chips{gap:7px;padding:14px 44px}.jn-chip{flex-direction:row;justify-content:center;align-items:center;padding:0}.jn-chip span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.jn-chip b{color:var(--ink);font-size:11px}.jn-a247{display:none}.jn-agent{gap:9px;padding:9px 10px}}