.home .xd{grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.home .xd-bar{border-bottom:2.5px solid var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;display:flex}.home .xd-where{font:600 13.5px var(--mono);align-items:center;gap:9px;display:inline-flex}.home .xd-where i{border:1.5px solid var(--ink);background:var(--green);border-radius:50%;width:10px;height:10px}.home .xd-right{align-items:center;gap:10px;display:inline-flex}.home .xd-secs{font:600 11.5px var(--mono);background:var(--white);border:1.5px solid var(--ink);border-radius:99px;padding:1px 8px}.home .xd-pause{font:600 12.5px var(--mono);border:1.5px solid var(--ink);background:var(--white);cursor:pointer;border-radius:8px;min-height:30px;padding:3px 9px}.home .xd-pause:hover{background:var(--wash)}.home .xd-stage{aspect-ratio:16/7.5;background-color:var(--paper);background-image:radial-gradient(var(--dot) 1.3px, transparent 1.5px);background-size:20px 20px;max-width:100%;font-size:14px;position:relative;overflow:hidden}.home .xd-foot{border-top:2.5px solid var(--ink);justify-content:space-between;align-items:center;gap:14px;padding:14px 18px;display:flex}.home .xd-caption{font:800 19px/1.25 var(--display);letter-spacing:-.02em;text-wrap:balance}.home .xd-dots{flex:none;gap:6px;display:flex}.home .xd-dots i{border:1.5px solid var(--ink);background:var(--white);border-radius:50%;width:9px;height:9px;transition:background .3s}.home .xd-dots i.on{background:var(--yellow)}.home .xd .hide{pointer-events:none;opacity:0!important}.home .xd .fade{transition:opacity .4s,transform .4s}.home .xd .pop{animation:.45s cubic-bezier(.34,1.56,.64,1) both xd-pop}.home .xd .hop{animation:.42s cubic-bezier(.3,0,.5,1) xd-hop}.home .xd .bob{animation:2.8s ease-in-out infinite xd-bob}.home .xd .wait .ag,.home .xd .ag.wait{animation:1.1s ease-in-out infinite alternate xd-fidget}@keyframes xd-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes xd-hop{0%,to{translate:0}40%{translate:0 -12%}70%{translate:0 2%}}@keyframes xd-bob{0%,to{translate:0}50%{translate:0 -4%}}@keyframes xd-fidget{0%{rotate:-3deg}to{rotate:3deg}}.home .xd .ag{aspect-ratio:1;z-index:2;width:clamp(60px,11%,120px);transition:left .6s,top .6s,opacity .4s;position:absolute;transform:translate(-50%,-50%)}.home .xd .ag svg{width:100%;height:100%;display:block;overflow:visible}.home .xd .ag.flow{width:auto;height:100%;position:static;transform:none}.home .xd .ag.sm{width:clamp(44px,7%,72px)}.home .xd .nm{text-align:center;white-space:nowrap;z-index:2;font-size:14px;font-weight:700;line-height:1.15;position:absolute;transform:translate(-50%)}.home .xd .nm small{font:500 12px var(--mono);color:var(--dim);display:block}.home .xd .status{font:500 12px var(--mono);border:1.5px solid var(--ink);background:var(--paper);white-space:nowrap;border-radius:99px;align-items:center;gap:5px;padding:1px 8px 1px 7px;transition:background .3s;display:inline-flex}.home .xd .status:before{content:"";background:var(--idle);border:1px solid var(--ink);border-radius:50%;width:7px;height:7px}.home .xd .status.working:before{background:var(--green)}.home .xd .status.waiting{background:#fbe3d9}.home .xd .status.waiting:before{background:var(--orange)}.home .xd .status.done{background:#e6efdf}.home .xd .status.done:before{background:var(--green)}.home .xd .status.offline{color:var(--dim);border-style:dashed}.home .xd .status.you{background:var(--wash)}.home .xd .status.you:before{background:var(--yellow)}.home .xd .win{background:var(--white);border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:14px;transition:opacity .5s,transform .5s,left .6s,top .6s,width .6s;position:absolute;overflow:hidden}.home .xd .win .wb{border-bottom:2px solid var(--ink);justify-content:space-between;align-items:center;gap:8px;padding:7px 11px;font-size:14px;font-weight:700;display:flex}.home .xd .win .wbody{align-content:start;gap:8px;padding:10px 12px;font-size:13.5px;display:grid}.home .xd .sheet{background:var(--white);border:2.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:14px;align-content:start;gap:8px;padding:12px 14px;font-size:13.5px;transition:opacity .4s,transform .4s;display:grid}.home .xd .sheet .sh{font:500 11.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}.home .xd .term{background:var(--ink);color:var(--paper);font:500 13px/1.6 var(--mono);box-shadow:4px 4px 0 var(--yellow);border-radius:12px;align-content:start;min-width:0;padding:10px 14px;display:grid}.home .xd .term .tt{letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-bottom:4px;font-size:11px}.home .xd .term .tl{opacity:0;white-space:pre-wrap;overflow-wrap:anywhere;transition:opacity .25s,transform .25s;transform:translateY(4px)}.home .xd .term .tl.on{opacity:1;transform:none}.home .xd .term .p{color:var(--yellow);margin-right:8px}.home .xd .term .o{color:#fffceeb8}.home .xd .term .tl.on.cur:after{content:"▌";margin-left:2px;animation:1s steps(2,end) infinite xd-blink}@keyframes xd-blink{to{opacity:0}}.home .xd .bub{background:var(--white);border:2.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);opacity:0;z-index:3;border-radius:12px;max-width:36%;padding:6px 11px 7px;transition:opacity .35s,transform .35s;position:absolute;transform:translate(-50%,8px)}.home .xd .bub small{font:500 11px var(--mono);color:var(--dim);display:block}.home .xd .bub span{font-size:15px;font-weight:700;line-height:1.25;display:block}.home .xd .bub.on{opacity:1;transform:translate(-50%)}.home .xd .bub:after{content:"";background:var(--white);border-right:2.5px solid var(--ink);border-bottom:2.5px solid var(--ink);width:12px;height:12px;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)rotate(45deg)}.home .xd .bub.tail-l{transform:translateY(8px)}.home .xd .bub.tail-l.on{transform:none}.home .xd .bub.tail-l:after{top:50%;bottom:auto;left:-8px;transform:translateY(-50%)rotate(135deg)}.home .xd .bub.tail-r{transform:translateY(8px)}.home .xd .bub.tail-r.on{transform:none}.home .xd .bub.tail-r:after{inset:50% -8px auto auto;transform:translateY(-50%)rotate(-45deg)}.home .xd .bub.tail-t:after{top:-8px;bottom:auto;transform:translate(-50%)rotate(-135deg)}.home .xd .bub.ok,.home .xd .bub.ok:after{background:#e6efdf}.home .xd .bub.no,.home .xd .bub.no:after{background:#f7d3cf}.home .xd .env{z-index:4;opacity:0;width:30px;height:21px;transition:left 1s cubic-bezier(.5,0,.3,1),top 1s cubic-bezier(.4,-.6,.5,1),opacity .25s;position:absolute;transform:translate(-50%,-50%)}.home .xd .env.on{opacity:1}.home .xd .cursor{z-index:6;width:24px;height:30px;transition:left .9s cubic-bezier(.5,0,.3,1),top .9s cubic-bezier(.5,0,.3,1),transform .12s;position:absolute}.home .xd .cursor.press{transform:scale(.85)}.home .xd .pill{font:600 12.5px var(--mono);background:var(--white);border:2px solid var(--ink);white-space:nowrap;border-radius:99px;padding:3px 11px;transition:background .3s,opacity .3s;display:inline-block}.home .xd .pill.ok{background:#e6efdf}.home .xd .pill.no{background:#f7d3cf}.home .xd .pill.wait{background:#fbe3d9}.home .xd .pill.yellow{background:var(--yellow)}.home .xd .pill.dash{color:var(--dim);border-style:dashed}.home .xd .tool{font:600 12.5px var(--mono);background:var(--yellow);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:5px 10px;display:inline-flex}.home .xd .tool b{font-weight:700}.home .xd .tool span{opacity:.8;font-weight:500}.home .xd .roster{gap:6px;display:grid}.home .xd .row{background:var(--white);border:2px solid var(--ink);border-radius:10px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;padding:5px 9px;font-size:13.5px;transition:background .3s;display:grid}.home .xd .row svg{width:26px;height:26px;display:block;overflow:visible}.home .xd .row .rn{min-width:0;line-height:1.2}.home .xd .row b{text-overflow:ellipsis;white-space:nowrap;font-weight:700;display:block;overflow:hidden}.home .xd .row small{font:500 11.5px var(--mono);color:var(--dim);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.home .xd .row.off{opacity:.55}.home .xd .machine{position:absolute;transform:translate(-50%,-50%)}.home .xd .machine svg{width:100%;height:auto;display:block;overflow:visible}.home .xd .machine .joined{transition:opacity .4s}.home .xd .machine.joined .joined{opacity:1!important}.home .xd .space{border:2.5px solid var(--ink);background:var(--white);box-shadow:4px 4px 0 var(--ink);border-radius:18px;transition:opacity .6s,transform .6s;position:absolute}.home .xd .space>.pill{position:absolute;top:-15px;left:50%;transform:translate(-50%)}@media (max-width:720px){.home .xd-secs,.home .xd .sheet .sh,.home .xd .bub small,.home .xd .row small,.home .xd .nm small,.home .xd .term .tt{font-size:12px}.home .xd-stage{aspect-ratio:4/5}.home .xd-bar{padding:9px 12px}.home .xd-foot{flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px}.home .xd-caption{font-size:17px}.home .xd-pause{min-width:56px;min-height:40px}.home .xd .ag{width:clamp(56px,18%,84px)}.home .xd .bub{max-width:60%}.home .xd .bub span{font-size:14px}.home .xd .term{padding:8px 10px;font-size:12px}}@media (prefers-reduced-motion:reduce){.home .xd .term .tl{opacity:1;transform:none}}@media (max-width:720px){.home .xd-bar{flex-wrap:nowrap;align-items:center}.home .xd-where{align-items:flex-start;min-width:0;font-size:12.5px;line-height:1.35}.home .xd-where i{flex:none;margin-top:3px}.home .xd-right{flex:none}}