.home .xd.xd-connect .tw{background:var(--ink);width:76%;height:62%;color:var(--paper);box-shadow:5px 5px 0 var(--yellow);border-radius:14px;grid-template-rows:auto 1fr;transition:top .6s,height .6s;display:grid;position:absolute;top:6%;left:12%;overflow:hidden}.home .xd.xd-connect .tb{border-bottom:1.5px solid #fffcee29;align-items:center;gap:14px;padding:10px 16px 0;display:flex;position:relative}.home .xd.xd-connect .dots{gap:7px;padding-bottom:10px;display:inline-flex}.home .xd.xd-connect .dots i{background:#fffcee47;border-radius:50%;width:11px;height:11px}.home .xd.xd-connect .dots i:last-child{background:var(--yellow)}.home .xd.xd-connect .tab{font:600 13px var(--mono);color:#fffcee80;white-space:nowrap;border-bottom:2.5px solid #0000;padding:0 2px 9px;transition:color .3s,border-color .3s}.home .xd.xd-connect .tab.act{color:var(--paper)}.home .xd.xd-connect .ul{background:var(--yellow);width:0;height:2.5px;transition:left .5s cubic-bezier(.4,0,.2,1),width .5s cubic-bezier(.4,0,.2,1);position:absolute;bottom:-1.5px;left:0}.home .xd.xd-connect .cch{flex:none;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.home .xd.xd-connect .cch b{color:var(--orange);font-weight:700}.home .xd.xd-connect .cch span{color:#fffcee8c}.home .xd.xd-connect .body{font:500 14px/1.55 var(--mono);opacity:0;flex-direction:column;grid-area:2/1;justify-content:flex-end;gap:2px;padding:12px 18px 14px;transition:opacity .5s,transform .5s;display:flex;overflow:hidden;transform:translate(10px)}.home .xd.xd-connect .body.on{opacity:1;transform:none}.home .xd.xd-connect .ln{flex:none;display:none}.home .xd.xd-connect .ln.on{animation:.3s ease-out both connect-in;display:block}@keyframes connect-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.home .xd.xd-connect .ps{color:var(--yellow);margin-right:10px}.home .xd.xd-connect .mk{margin-right:9px}.home .xd.xd-connect .ck .mk{color:var(--green)}.home .xd.xd-connect .head{margin-top:6px;font-weight:700}.home .xd.xd-connect .dim{color:#fffcee9e}.home .xd.xd-connect .ar{padding-left:18px}.home .xd.xd-connect .ar b{min-width:9ch;color:var(--green);margin-right:8px;font-weight:600;display:inline-block}.home .xd.xd-connect .q .mk{color:var(--green)}.home .xd.xd-connect .q .qq{color:#fffceeb8;margin-right:10px}.home .xd.xd-connect .q b{color:var(--yellow);font-weight:600}.home .xd.xd-connect .run .mk{color:var(--green)}.home .xd.xd-connect .run .w{white-space:nowrap}.home .xd.xd-connect .rep{margin-top:6px}.home .xd.xd-connect .pq{color:var(--paper);border:1.5px solid #fffcee73;border-radius:9px;margin-bottom:10px;padding:7px 12px 8px;font-weight:600}.home .xd.xd-connect .pq .ps{color:var(--blue);filter:brightness(1.6)}.home .xd.xd-connect .ty{vertical-align:bottom;white-space:nowrap;width:0;display:inline-block;overflow:hidden}.home .xd.xd-connect .cmd.on .ty{animation:connect-type 1.7s steps(var(--n), end) .15s forwards}.home .xd.xd-connect .cmd.typed .ty{width:auto;animation:none}@keyframes connect-type{to{width:calc(var(--n) * 1ch)}}.home .xd.xd-connect .cco{border:1.5px solid #fffcee73;border-radius:9px;margin-top:10px;padding:6px 12px 7px}.home .xd.xd-connect .cco.on{align-items:center;gap:14px;display:flex}.home .xd.xd-connect .cco .cl{color:var(--orange);font-weight:700}.home .xd.xd-connect .cco .inp{align-items:center;display:inline-flex}.home .xd.xd-connect .blk{background:var(--paper);width:.6em;height:1.1em;animation:1s steps(2,end) infinite xd-blink;display:inline-block}@media (max-width:720px){.home .xd.xd-connect .xd-stage{aspect-ratio:3/4.6}.home .xd.xd-connect .tw{width:92%;height:52%;box-shadow:4px 4px 0 var(--yellow);border-radius:12px;top:2.5%;left:4%}.home .xd.xd-connect .tb{gap:10px;padding:8px 10px 0}.home .xd.xd-connect .dots{display:none}.home .xd.xd-connect .tab{padding-bottom:7px;font-size:12px}.home .xd.xd-connect .body{padding:8px 10px 10px;font-size:12px;line-height:1.5}.home .xd.xd-connect .q.on{grid-template-columns:18px minmax(0,1fr);display:grid}.home .xd.xd-connect .q .mk,.home .xd.xd-connect .q .qq{margin-right:0}.home .xd.xd-connect .q b{grid-column:2}.home .xd.xd-connect .ar b{min-width:9ch}}@media (prefers-reduced-motion:reduce){.home .xd.xd-connect .ln.on{animation:none}.home .xd.xd-connect .cmd .ty{width:auto;animation:none}.home .xd.xd-connect .blk{animation:none}}.home .xd.xd-connect .body{-webkit-mask-image:linear-gradient(#0000 2px,#000 14px);mask-image:linear-gradient(#0000 2px,#000 14px)}@media (max-width:720px){.home .xd.xd-connect .body{padding-top:12px}}@media (min-width:1001px) and (max-width:1180px){.home .xd.xd-connect .xd-stage{aspect-ratio:16/9}}@media (min-width:721px) and (max-width:1000px){.home .xd.xd-connect .xd-stage{aspect-ratio:4/3}.home .xd.xd-connect .tw{height:56%}}.home .xd.xd-connect .sr{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.home .xd.xd-connect .tl-tabs{gap:14px;min-width:0;display:flex}.home .xd.xd-connect button.tab{cursor:pointer;background:0 0;border:0;border-bottom:2.5px solid #0000;border-radius:4px 4px 0 0;margin:0}.home .xd.xd-connect button.tab:hover{color:var(--paper)}.home .xd.xd-connect button.tab:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}.home .xd.xd-connect .pq.on,.home .xd.xd-connect .cmd.on{align-items:center;gap:10px;display:flex}.home .xd.xd-connect .pq>span:nth-child(2){flex:1;min-width:0}.home .xd.xd-connect .pq .ps,.home .xd.xd-connect .cmd .ps{margin-right:0}.home .xd.xd-connect .ln .copy{flex:none;min-height:28px;margin-left:auto;padding:3px 9px;font-size:12px}.home .xd.xd-connect .ln .copy:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}@media (max-width:720px){.home .xd.xd-connect .tl-tabs{gap:10px}.home .xd.xd-connect .ln .copy{min-width:52px;min-height:36px}.home .xd.xd-connect .cmd.on,.home .xd.xd-connect .pq.on{flex-wrap:wrap;row-gap:6px}.home .xd.xd-connect .pq>span:nth-child(2){overflow-wrap:anywhere;flex:200px}}.home .xd.xd-connect .body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-content:stretch;display:grid;-webkit-mask-image:none;mask-image:none}.home .xd.xd-connect .pin{gap:2px;display:grid}.home .xd.xd-connect .pin .pq{margin-bottom:6px}.home .xd.xd-connect .scroll{flex-direction:column;justify-content:flex-end;gap:2px;min-height:0;padding-top:8px;display:flex;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 8px);mask-image:linear-gradient(#0000 0,#000 8px)}.home .xd.xd-connect .scroll>.on:not(:has(~.on)){margin-bottom:auto}.home .xd.xd-connect .tw{height:84%;top:7%}@media (max-width:720px){.home .xd.xd-connect .xd-stage{aspect-ratio:3/4.2}.home .xd.xd-connect .tw{height:93%;top:3%}}@media (min-width:721px) and (max-width:1000px){.home .xd.xd-connect .tw{height:84%}}