.cli-rec{--mono:Menlo,"SFMono-Regular",ui-monospace,Consolas,"DejaVu Sans Mono",monospace;--sans:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--t-bg:var(--lightningcss-light,#fbfaf6)var(--lightningcss-dark,#141012);--t-fg:var(--lightningcss-light,#2a2124)var(--lightningcss-dark,#ebe4d8);--t-dim:var(--lightningcss-light,#8a7f78)var(--lightningcss-dark,#8d837b);--t-brass:var(--lightningcss-light,#8a7a1f)var(--lightningcss-dark,#cfbf57);--t-ps:var(--lightningcss-light,#8e2f45)var(--lightningcss-dark,#d98b66);--t-bar:var(--lightningcss-light,#ebe6da)var(--lightningcss-dark,#231c1f);--t-title:var(--lightningcss-light,#6b5f59)var(--lightningcss-dark,#9d928a);--t-ring:var(--lightningcss-light,#2b0a1229)var(--lightningcss-dark,#0000008c);--p-bg:var(--lightningcss-light,#f6f2e6)var(--lightningcss-dark,#1b1316);--p-ink:var(--lightningcss-light,#221b1e)var(--lightningcss-dark,#efe7da);--p-muted:var(--lightningcss-light,#6b5f59)var(--lightningcss-dark,#a3968d);--p-line:var(--lightningcss-light,#d4caba)var(--lightningcss-dark,#4a3439);--p-card:var(--lightningcss-light,#fbf8ef)var(--lightningcss-dark,#241a1e);--p-bar:var(--lightningcss-light,#e6e1d4)var(--lightningcss-dark,#120d0f);margin:26px 0 6px;position:relative}.cli-rec .rec-frame{aspect-ratio:16/10;isolation:isolate;background:radial-gradient(90% 70% at 12% 8%,#c0664a 0,#0000 60%),radial-gradient(80% 70% at 92% 96%,#cfbf57 0,#0000 55%),radial-gradient(70% 60% at 70% 20%,#8e2f45 0,#0000 70%),#3a0d18;border-radius:14px;width:100%;height:auto;margin:0;position:relative;overflow:hidden;box-shadow:0 34px 70px -40px #2b0a128c,0 0 0 1px #2b0a1214}.cli-rec .rec-camera{transform-origin:0 0;transform:translate(var(--tx,0px),var(--ty,0px)) scale(var(--z,1));transition:transform 1.1s cubic-bezier(.6,0,.2,1);position:absolute;inset:0}.cli-rec .rec-lights{gap:7px;display:flex}.cli-rec .rec-lights i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.cli-rec .rec-lights i+i{background:#febc2e}.cli-rec .rec-lights i+i+i{background:#28c840}.cli-rec .term{background:var(--t-bg);color:var(--t-fg);box-shadow:0 30px 56px -24px #0a0204b3,0 0 0 1px var(--t-ring);border-radius:11px;flex-direction:column;display:flex;position:absolute;inset:5% 5.5%;overflow:hidden;container-type:inline-size}.cli-rec .term-bar{background:var(--t-bar);flex:none;align-items:center;height:30px;padding:0 12px;display:flex;position:relative}.cli-rec .term-title{font:500 12px/1 var(--sans);color:var(--t-title);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0}.cli-rec .term-screen{min-height:0;font:400 calc((100cqw - 28px) / 53.2)/1.42 var(--mono);font-variant-ligatures:none;-webkit-font-smoothing:antialiased;flex:1;padding:10px 14px 12px;overflow:hidden}.cli-rec .blk{width:fit-content;max-width:100%}.cli-rec .ln{white-space:pre-wrap;word-break:break-all;min-height:1.42em}.cli-rec .b{font-weight:700}.cli-rec .d{color:var(--t-dim)}.cli-rec .k{color:var(--t-brass)}.cli-rec .ps{color:var(--t-ps)}.cli-rec .fill{display:inline-block}.cli-rec .typed[data-caret]:after{content:"";vertical-align:-.25em;opacity:.7;background:currentColor;width:.6em;height:1.2em;margin-left:1px;animation:1.05s step-end infinite cli-caret;display:inline-block}.cli-rec [data-at]:not([data-on]){display:none}.cli-rec [data-stream] .ln{animation:1ms linear both cli-print;animation-delay:calc(var(--l,0)*26ms)}.cli-rec [data-stream] .fill{animation:.9s cubic-bezier(.3,.7,.2,1) both cli-grow;animation-delay:calc(var(--l,0)*26ms + .14s)}.cli-rec [data-stream] .cell{animation:.3s ease-out both cli-cell;animation-delay:calc(var(--c,0)*80ms + .26s)}.cli-rec .pair-win{z-index:2;background:var(--p-bg);width:56%;height:82%;color:var(--p-ink);font-family:var(--sans);opacity:0;visibility:hidden;border-radius:10px;flex-direction:column;transition:opacity .35s,transform .5s cubic-bezier(.2,.7,.2,1),visibility .5s;display:flex;position:absolute;top:8%;right:6.5%;overflow:hidden;transform:translateY(22px)scale(.97);box-shadow:0 30px 60px -20px #0a0204bf,0 0 0 1px #0000002e;container-type:inline-size}.cli-rec:is([data-pair=open],[data-pair=busy],[data-pair=done]) .pair-win{opacity:1;visibility:visible;transform:none}.cli-rec .pw-chrome{background:var(--p-bar);flex:none;align-items:center;gap:12px;height:30px;padding:0 10px;display:flex}.cli-rec .pw-url{height:19px;font:500 10.5px/19px var(--sans);color:var(--p-muted);text-align:center;white-space:nowrap;text-overflow:ellipsis;background:var(--lightningcss-light,#0000000f)var(--lightningcss-dark,#ffffff12);border-radius:6px;flex:1;padding:0 8px;overflow:hidden}.cli-rec .pw-page{flex:1;min-height:0;padding:5.5cqw 7cqw;font-size:2.4cqw;line-height:1.5;position:relative}.cli-rec .pw-eyebrow{font:400 1.95cqw/1.4 var(--mono);letter-spacing:.11em;color:var(--p-muted)}.cli-rec .pw-h1{letter-spacing:-.04em;margin-top:.55em;font-size:5.6cqw;font-weight:500;line-height:1.14}.cli-rec .pw-lede{color:var(--p-muted);margin-top:.45em}.cli-rec .pw-account{border:1px solid var(--p-line);background:var(--p-card);border-radius:6px;justify-content:space-between;align-items:center;gap:1em;margin-top:1.1em;padding:.85em 1.1em;display:flex}.cli-rec .pw-account span{color:var(--p-muted);font-size:.82em;display:block}.cli-rec .pw-account strong{font-weight:550}.cli-rec .pw-account .pw-switch{color:inherit;text-underline-offset:2px;font-size:.85em;text-decoration:underline}.cli-rec .pw-h2{margin-top:1.05em;font-weight:600}.cli-rec .pw-list{margin-top:.35em;font-size:.95em;line-height:1.5}.cli-rec .pw-li{padding-left:1.1em;position:relative}.cli-rec .pw-li:before{content:"•";position:absolute;left:.15em}.cli-rec .pw-li+.pw-li{margin-top:.25em}.cli-rec .pw-actions{grid-template-columns:minmax(0,1fr) auto;gap:.6em;margin-top:1.15em;display:grid}.cli-rec .pw-go,.cli-rec .pw-cancel{border-radius:6px;place-items:center;min-height:2.9em;padding:0 1.3em;font-weight:600;transition:transform .12s;display:grid}.cli-rec .pw-go{color:var(--lightningcss-light,#f6f2e6)var(--lightningcss-dark,#2b0a12);background:var(--lightningcss-light,#2b0a12)var(--lightningcss-dark,#cfbf57)}.cli-rec .pw-go>span{grid-area:1/1}.cli-rec .pw-busy,.cli-rec[data-pair=busy] .pw-idle{visibility:hidden}.cli-rec[data-pair=busy] .pw-busy{visibility:visible}.cli-rec[data-pair=busy] .pw-go{transform:scale(.98)}.cli-rec .pw-cancel{border:1px solid var(--p-line);background:var(--p-card)}.cli-rec .pw-note{color:var(--p-muted);margin-top:.8em;font-size:.8em}.cli-rec .pw-done{background:var(--p-bg);opacity:0;visibility:hidden;place-items:center;padding:8cqw;transition:opacity .3s,visibility .3s;display:grid;position:absolute;inset:0}.cli-rec[data-pair=done] .pw-done{opacity:1;visibility:visible}.cli-rec .pw-done-text{letter-spacing:-.03em;text-align:center;font-size:4.8cqw;line-height:1.25}.cli-rec .rec-cursor{z-index:3;opacity:0;width:22px;height:22px;transform:translate(calc(var(--cx,0px) - 5px),calc(var(--cy,0px) - 3px));filter:drop-shadow(0 2px 3px #0006);pointer-events:none;transition:transform .8s cubic-bezier(.45,0,.2,1),opacity .3s;position:absolute;top:0;left:0}.cli-rec .rec-cursor svg{transform-origin:5px 3px;width:100%;height:100%;transition:transform .12s;display:block}.cli-rec .rec-cursor[data-press] svg{transform:scale(.8)}.cli-rec .rec-cursor:after{content:"";opacity:0;background:#d9775766;border-radius:50%;width:28px;height:28px;position:absolute;top:-10px;left:-9px;scale:.4}.cli-rec .rec-cursor[data-press]:after{animation:.5s ease-out both cli-ripple}.cli-rec:is([data-run=playing],[data-run=paused]) .rec-cursor{opacity:1}.cli-rec .rec-story{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cli-rec .rec-toggle{z-index:4;color:#fff;min-height:36px;font:600 12.5px/1 var(--sans);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#18070c9e;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:7px;margin:0;padding:0 14px 0 11px;transition:background .15s;display:none;position:absolute;top:12px;right:12px}.cli-rec .rec-toggle:after{content:"";position:absolute;inset:-4px}.cli-rec[data-ready] .rec-toggle{display:inline-flex}.cli-rec .rec-toggle:hover{background:#18070cd1}.cli-rec .rec-toggle:focus-visible{outline-offset:3px;outline:2px solid #cfbf57}.cli-rec .rec-toggle svg{width:14px;height:14px;display:none}.cli-rec[data-run=playing] .rec-icon-pause,.cli-rec:is([data-run=paused],[data-run=ready]) .rec-icon-play,.cli-rec[data-run=done] .rec-icon-replay{display:block}.cli-rec[data-instant],.cli-rec[data-instant] *{transition:none}@keyframes cli-print{0%{visibility:hidden}}@keyframes cli-grow{0%{clip-path:inset(0 100% 0 0)}}@keyframes cli-cell{0%{opacity:0}}@keyframes cli-caret{50%{opacity:0}}@keyframes cli-ripple{0%{opacity:1;scale:.4}to{opacity:0;scale:1.4}}@media (max-width:620px){.cli-rec{margin-inline:-12px}.cli-rec .rec-frame{aspect-ratio:3/4;border-radius:12px}.cli-rec .term{border-radius:9px;inset:2.5% 3%}.cli-rec .term-bar{height:26px;padding:0 10px}.cli-rec .rec-lights{gap:5px}.cli-rec .rec-lights i{width:9px;height:9px}.cli-rec .term-title{font-size:10.5px}.cli-rec .term-screen{padding:7px 8px 9px;font-size:calc(2.77008cqw - .443213px)}.cli-rec .pair-win{width:auto;height:70%;top:14%;left:5%;right:5%}.cli-rec .pw-page{padding:6cqw 6.5cqw;font-size:3.3cqw}.cli-rec .pw-eyebrow{font-size:2.7cqw}.cli-rec .pw-h1{font-size:7.2cqw}.cli-rec .pw-done-text{font-size:6.4cqw}.cli-rec .rec-toggle{justify-content:center;width:32px;min-height:32px;padding:0;top:8px;right:8px}.cli-rec .rec-toggle-text{display:none}}@media (prefers-reduced-motion:reduce){.cli-rec,.cli-rec *{transition:none;animation:none}}