.jl{height:100%;box-sizing:border-box;border-radius:16px;background:var(--surface);color:var(--ink);padding:32px;display:flex;flex-direction:column;gap:32px}.jl .hd{display:flex;justify-content:space-between;gap:16px;color:var(--ink-2)}.jl .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.jl .st{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:12px;padding:0 0 4px;border-radius:0}.jl .st .bar{height:2px;background:color-mix(in srgb,var(--ink) 16%,transparent);position:relative;overflow:hidden}.jl .st .bar i{position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-settle)}.jl .st.done .bar i,.jl .st.on .bar i{transform:scaleX(1)}.jl .st span{color:var(--ink-2);transition:color .3s var(--ease-settle)}.jl .st.on span{color:var(--ink)}.jl .st:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.jl .body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;align-items:stretch}.jl .code{grid-column:1 / span 7;border-radius:12px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 12%,transparent);padding:24px;font:400 13px/22px var(--font-mono);overflow:hidden}.jl .code .row{display:block;white-space:pre;min-height:22px}.jl .code .cm{color:var(--ink-2)}.jl .code .ln{transition:background-color .4s var(--ease-settle),color .4s var(--ease-settle)}.jl .code .ln.hot{background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--ink)}.jl .code .ln.cut{background:color-mix(in srgb,#E03C31 26%,transparent);color:var(--ink);text-decoration:line-through}.jl .verdict{grid-column:8 / span 5;border-radius:12px;background:color-mix(in srgb,var(--ink) 6%,transparent);padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:0}.jl .vt{display:inline-flex;align-items:center;gap:10px}.jl .vt i{width:10px;height:10px;border-radius:999px;background:var(--ink-2);transition:background-color .3s var(--ease-settle)}.jl .vt.ok i{background:#1fa67a}.jl .vt.ko i{background:#e03c31}.jl .vt.mz i{background:var(--accent)}.jl .fig{font:500 112px/.85 var(--font-display);letter-spacing:-.045em;font-variant-numeric:tabular-nums}.s2 .fg2{font-size:112px}.jl .swap{display:grid}.jl .swap>*{grid-area:1/1}.jl .sw{opacity:0;transform:translateY(10px);filter:blur(6px);transition:opacity .26s var(--ease-settle),transform .26s var(--ease-settle),filter .26s var(--ease-settle)}.jl .sw.on{opacity:1;transform:none;filter:none;transition-duration:.64s;transition-delay:.12s}.jl .note{color:var(--ink-2)}.mono{font:400 12px/16px var(--font-text)}.pend{color:var(--ink-2);font-family:var(--font-mono);font-size:13px;letter-spacing:.02em}.d1{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--ink)}.d1 .bd{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:20px 0;border-bottom:1px solid var(--line);align-items:center}.d1 .bd .k{grid-column:1 / span 2;display:flex;flex-direction:column;gap:4px}.d1 .bd .track{grid-column:3 / span 6;position:relative;height:48px}.d1 .bd .fill{position:absolute;left:0;top:0;bottom:0;border-radius:8px;transform-origin:left;animation:grow 1.1s var(--ease-move) both}.d1 .bd .val{position:absolute;top:50%;transform:translateY(-50%);font:500 14px/20px var(--font-text);white-space:nowrap}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.d1 .bd.fw .fill{width:100%;background:var(--inverse)}.d1 .bd.fw .val{left:16px;color:var(--on-inverse)}.d1 .bd.ch .fill{width:9.93%;background:var(--accent);animation-delay:.3s}.d1 .bd.ch .val{left:calc(9.93% + 12px)}.d1 .bd.pl .fill{width:100%;background:transparent;box-shadow:inset 0 0 0 1px var(--line);border:1px dashed var(--ink-2);box-sizing:border-box;animation:none}.d1 .bd.pl .val{left:16px;color:var(--ink-2)}.d1 .bd .d{grid-column:3 / span 6;color:var(--ink-2);margin-top:-4px}html:not(.fx-js) .d1 .fill{animation:none}.pr{border-top:1px solid var(--ink)}.pr .r{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:20px 0;border-bottom:1px solid var(--line);align-items:baseline}.pr .r .n{grid-column:1}.pr .r .p{grid-column:2 / span 3;font:500 20px/1.2 var(--font-text);letter-spacing:-.01em}.pr .r .m{grid-column:5 / span 4;color:var(--ink-2)}.d2{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;position:relative}.d2 .stn{display:flex;flex-direction:column;gap:12px}.d2 .stop{min-height:88px;box-sizing:border-box;color:var(--ink-2);font:400 13px/18px var(--font-text);padding-bottom:12px;border-bottom:1px dashed var(--line)}.d2 .stop b{display:block;font:400 11px/16px var(--font-text);color:var(--ink-2);margin-bottom:4px}.d2 .nd{position:relative;border-radius:12px;background:var(--surface);padding:16px;height:120px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:16px}.d2 .nd .t{font:500 18px/1.2 var(--font-text);letter-spacing:-.01em}.d2 .stn:last-child .nd{background:var(--inverse);color:var(--on-inverse)}.d2 .nd:after{content:"";position:absolute;right:-8px;top:50%;width:8px;height:1px;background:var(--ink)}.d2 .stn:last-child .nd:after{display:none}.d2 .pulse{position:absolute;left:0;top:160px;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--accent);animation:travel 4.2s var(--ease-move) infinite;pointer-events:none}@keyframes travel{0%{left:0;opacity:0}6%{opacity:1}88%{left:100%;opacity:1}to{left:100%;opacity:0}}.mx{border-top:1px solid var(--ink)}.mx .r{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;padding:24px 0;border-bottom:1px solid var(--line);align-items:baseline}.mx .r .k{grid-column:1 / span 3}.mx .r .bf{grid-column:4 / span 2;color:var(--ink-2);text-decoration:line-through;text-decoration-thickness:1px;font-variant-numeric:tabular-nums}.mx .r .af{grid-column:6 / span 3;font:500 32px/1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.shot{border-radius:16px;border:1px dashed var(--ink-2);display:flex;flex-direction:column;justify-content:space-between;padding:16px;background:var(--surface);min-height:0}.shot .pend{display:flex;gap:8px}.lh{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;border-top:1px solid var(--ink)}.lh span{padding:14px 0;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.lh .h{grid-column:span 4}.lh .s{grid-column:span 1;font:500 20px/20px var(--font-text)}.tbd{border-radius:16px;border:1px dashed var(--ink-2);padding:24px;display:flex;flex-direction:column;gap:16px}.tbd ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;list-style:none;margin:0;padding:0}.tbd li{border-top:1px solid var(--line);padding-top:10px}@media(prefers-reduced-motion:reduce){.jl *,.d1 .fill,.d2 .pulse{transition:none!important;animation:none!important}.d2 .pulse{display:none}}@media(max-width:767px){.jl .hd{flex-direction:column;gap:4px}.jl .body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.jl .code,.jl .verdict{grid-column:1 / -1}.jl .code{font-size:11px;line-height:18px;padding:16px;overflow-x:auto}.jl .code .row{min-height:18px}.jl .fig{font-size:44px}.s2 .fg2{font-size:64px}.d1 .bd{grid-template-columns:1fr}.d1 .bd .k,.d1 .bd .track,.d1 .bd .d{grid-column:1}.pr .r{grid-template-columns:28px 1fr;row-gap:6px}.pr .r .p,.pr .r .m{grid-column:2}.d2{grid-template-columns:1fr;gap:16px;padding-left:20px;border-left:1px solid var(--ink)}.d2 .nd:after,.d2 .pulse{display:none}.d2 .stop{min-height:0}.d2 .nd{height:auto;min-height:96px}.tri3{grid-template-columns:1fr!important}.mx .r{grid-template-columns:1fr 1fr;row-gap:8px}.mx .r .k{grid-column:1 / -1}.mx .r .bf{grid-column:1}.mx .r .af{grid-column:2;font-size:24px}.pairs{grid-template-columns:1fr 1fr!important}.lh{grid-template-columns:repeat(4,minmax(0,1fr))}.lh .h{grid-column:1 / -1}.tbd ul{grid-template-columns:1fr 1fr}.big91{grid-template-columns:1fr!important;padding-top:32px!important}.big91>*{grid-column:1!important}}