.CodeSwitchDemo-module__zNmvQG__root{--dur:9s;--play:paused;--ink:#1f1e1d;--muted:#73726c;--rule:#e4e2da;--orange:#d97757;--mint:#40ffa7;--navy:#001f3f}.CodeSwitchDemo-module__zNmvQG__running{--play:running}.CodeSwitchDemo-module__zNmvQG__root *{animation-duration:var(--dur);animation-iteration-count:infinite;animation-fill-mode:both;animation-play-state:var(--play)}.CodeSwitchDemo-module__zNmvQG__stage{max-width:min(1000px,100%,160svh - 14.4rem);margin-inline:auto;container-type:inline-size}.CodeSwitchDemo-module__zNmvQG__window{aspect-ratio:16/10;color:var(--ink);background:#faf9f5;border:1px solid #001f3f1f;border-radius:1.6cqw;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif;font-size:1.25cqw;line-height:1.3;position:relative;overflow:hidden;box-shadow:0 2.5cqw 6cqw -2cqw #001f3f59,0 .4cqw 1.2cqw #001f3f14}.CodeSwitchDemo-module__zNmvQG__sidebar{border-right:1px solid var(--rule);background:#f3f2ec;width:26%;position:absolute;inset:0 auto 0 0}.CodeSwitchDemo-module__zNmvQG__lights{gap:.7cqw;display:flex;position:absolute;top:3.2%;left:7%}.CodeSwitchDemo-module__zNmvQG__lights i{border-radius:50%;width:1.05cqw;height:1.05cqw;display:block}.CodeSwitchDemo-module__zNmvQG__toggle{background:#e8e6df;border-radius:.9cqw;width:88.5%;height:6.5%;display:flex;position:absolute;top:8.5%;left:5.77%}.CodeSwitchDemo-module__zNmvQG__pill{background:#fff;border-radius:.7cqw;width:48%;animation-name:CodeSwitchDemo-module__zNmvQG__pill;position:absolute;top:8%;bottom:8%;left:2%;transform:translate(100%);box-shadow:0 .15cqw .5cqw #0000001f}.CodeSwitchDemo-module__zNmvQG__seg{z-index:1;border-radius:.7cqw;flex:1;justify-content:center;align-items:center;gap:.45cqw;font-weight:500;display:flex;position:relative}.CodeSwitchDemo-module__zNmvQG__segIcon{width:1.3cqw;height:1.3cqw}.CodeSwitchDemo-module__zNmvQG__segHome{color:var(--muted);animation-name:CodeSwitchDemo-module__zNmvQG__segHome}.CodeSwitchDemo-module__zNmvQG__segCode{color:var(--ink);animation-name:CodeSwitchDemo-module__zNmvQG__segCode}.CodeSwitchDemo-module__zNmvQG__ring{z-index:2;border:.28cqw solid var(--mint);pointer-events:none;border-radius:1.1cqw;animation-name:CodeSwitchDemo-module__zNmvQG__ring;position:absolute;inset:-12% -2% -12% 49%;box-shadow:0 0 1.4cqw #40ffa7b3}.CodeSwitchDemo-module__zNmvQG__ripple{z-index:2;opacity:0;background:#001f3f47;border-radius:50%;width:3cqw;height:3cqw;margin:-1.5cqw 0 0 -1.5cqw;animation-name:CodeSwitchDemo-module__zNmvQG__ripple;position:absolute;top:50%;left:75%}.CodeSwitchDemo-module__zNmvQG__sideViews{position:absolute;inset:18% 0 10%}.CodeSwitchDemo-module__zNmvQG__sideList{position:absolute;inset:0 6%}.CodeSwitchDemo-module__zNmvQG__item{margin:0;padding:.55cqw .6cqw;font-size:1.2cqw}.CodeSwitchDemo-module__zNmvQG__item b{width:1.4cqw;color:var(--muted);font-weight:500;display:inline-block}.CodeSwitchDemo-module__zNmvQG__group{color:var(--muted);margin:1.4cqw 0 .4cqw;padding:0 .6cqw;font-size:1cqw}.CodeSwitchDemo-module__zNmvQG__recent{text-align:left;white-space:nowrap;text-overflow:ellipsis;border-radius:.6cqw;margin:0;padding:.5cqw .6cqw;font-size:1.12cqw;overflow:hidden}.CodeSwitchDemo-module__zNmvQG__recentOn{background:#e6e4dc}.CodeSwitchDemo-module__zNmvQG__user{align-items:center;gap:.7cqw;font-size:1.15cqw;display:flex;position:absolute;bottom:3%;left:7%}.CodeSwitchDemo-module__zNmvQG__avatar{background:var(--navy);color:#fff;border-radius:50%;place-items:center;width:2cqw;height:2cqw;font-size:.8cqw;font-weight:700;display:grid}.CodeSwitchDemo-module__zNmvQG__main{position:absolute;inset:0 0 0 26%}.CodeSwitchDemo-module__zNmvQG__homeOnly{opacity:0;animation-name:CodeSwitchDemo-module__zNmvQG__homeView}.CodeSwitchDemo-module__zNmvQG__codeOnly{opacity:1;animation-name:CodeSwitchDemo-module__zNmvQG__codeView}.CodeSwitchDemo-module__zNmvQG__greet{justify-content:center;align-items:center;gap:1cqw;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:2.9cqw;display:flex;position:absolute;top:29%;left:0;right:0}.CodeSwitchDemo-module__zNmvQG__greetSpark{width:3cqw;height:3cqw;color:var(--orange)}.CodeSwitchDemo-module__zNmvQG__input{border:1px solid var(--rule);background:#fff;border-radius:1.4cqw;position:absolute;box-shadow:0 .4cqw 1.6cqw #0000000f}.CodeSwitchDemo-module__zNmvQG__inputHome{height:18%;top:45%;left:12%;right:12%}.CodeSwitchDemo-module__zNmvQG__inputCode{height:16%;bottom:5%;left:5%;right:5%}.CodeSwitchDemo-module__zNmvQG__placeholder{color:var(--muted);position:absolute;top:1.3cqw;left:1.5cqw}.CodeSwitchDemo-module__zNmvQG__codePlaceholder{opacity:0;animation-name:CodeSwitchDemo-module__zNmvQG__placeholder}.CodeSwitchDemo-module__zNmvQG__typed{color:var(--ink);clip-path:inset(0);font-size:1.35cqw;animation-name:CodeSwitchDemo-module__zNmvQG__typing;position:absolute;top:1.2cqw;right:1.5cqw}.CodeSwitchDemo-module__zNmvQG__inputRow{color:var(--muted);align-items:center;gap:1cqw;display:flex;position:absolute;bottom:1cqw;left:1.2cqw;right:1.2cqw}.CodeSwitchDemo-module__zNmvQG__plus{font-size:1.6cqw;line-height:1}.CodeSwitchDemo-module__zNmvQG__mode{font-size:1.1cqw}.CodeSwitchDemo-module__zNmvQG__model{margin-left:auto;font-size:1.1cqw}.CodeSwitchDemo-module__zNmvQG__send{color:#fff;background:#e9b9a6;border-radius:.6cqw;place-items:center;width:2.3cqw;height:2.3cqw;font-weight:700;display:grid}.CodeSwitchDemo-module__zNmvQG__sendCode{background:var(--orange);animation-name:CodeSwitchDemo-module__zNmvQG__sendPulse}.CodeSwitchDemo-module__zNmvQG__codeBar{border-bottom:1px solid var(--rule);align-items:center;gap:.8cqw;height:9%;padding:0 2.2cqw;font-size:1.2cqw;display:flex;position:absolute;top:0;left:0;right:0}.CodeSwitchDemo-module__zNmvQG__folder{color:var(--muted)}.CodeSwitchDemo-module__zNmvQG__branch{color:var(--muted);background:#ecebe5;border-radius:.5cqw;padding:.25cqw .7cqw;font-size:1cqw}.CodeSwitchDemo-module__zNmvQG__codeEmpty{flex-direction:column;align-items:center;gap:1cqw;font-family:ui-serif,Georgia,Times New Roman,serif;font-size:2.3cqw;animation-name:CodeSwitchDemo-module__zNmvQG__codeEmpty;display:flex;position:absolute;top:33%;left:0;right:0}.CodeSwitchDemo-module__zNmvQG__codeSpark{width:4.2cqw;height:4.2cqw;color:var(--orange)}.CodeSwitchDemo-module__zNmvQG__bubble{opacity:0;background:#efede6;border-radius:1.2cqw;padding:1cqw 1.5cqw;font-size:1.35cqw;animation-name:CodeSwitchDemo-module__zNmvQG__bubble;position:absolute;top:15%;right:5%}.CodeSwitchDemo-module__zNmvQG__working{color:var(--orange);opacity:0;align-items:center;gap:.7cqw;font-size:1.25cqw;animation-name:CodeSwitchDemo-module__zNmvQG__working;display:flex;position:absolute;top:28%;left:5%}.CodeSwitchDemo-module__zNmvQG__log{color:var(--muted);opacity:0;align-items:center;gap:.7cqw;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.1cqw;display:flex;position:absolute;left:7.5%}.CodeSwitchDemo-module__zNmvQG__log b{color:#1a9a5b;font-weight:700}.CodeSwitchDemo-module__zNmvQG__log1{animation-name:CodeSwitchDemo-module__zNmvQG__log1;top:34.5%}.CodeSwitchDemo-module__zNmvQG__log2{animation-name:CodeSwitchDemo-module__zNmvQG__log2;top:39.5%}.CodeSwitchDemo-module__zNmvQG__log3{animation-name:CodeSwitchDemo-module__zNmvQG__log3;top:44.5%}.CodeSwitchDemo-module__zNmvQG__workingSpark{width:1.8cqw;height:1.8cqw;animation:1.6s linear infinite CodeSwitchDemo-module__zNmvQG__spin;animation-play-state:var(--play)}.CodeSwitchDemo-module__zNmvQG__callout{z-index:5;background:var(--mint);color:var(--navy);font-family:var(--font-body), system-ui, sans-serif;white-space:nowrap;border-radius:999px;align-items:center;padding:max(.8cqw,4px) max(1.5cqw,10px);font-size:max(1.75cqw,11px);font-weight:700;animation-name:CodeSwitchDemo-module__zNmvQG__callout;display:flex;position:absolute;top:8.4%;left:27.5%;box-shadow:0 .6cqw 1.6cqw #001f3f40}.CodeSwitchDemo-module__zNmvQG__calloutArrow{border-style:solid;border-width:.9cqw 1cqw .9cqw 0;border-color:transparent var(--mint) transparent transparent;margin-top:-.9cqw;position:absolute;top:50%;left:-.9cqw}.CodeSwitchDemo-module__zNmvQG__cursor{z-index:6;transform-origin:23% 12%;filter:drop-shadow(0 .25cqw .5cqw #0006);width:2.8cqw;height:2.8cqw;margin:-.33cqw 0 0 -.64cqw;animation-name:CodeSwitchDemo-module__zNmvQG__cursor;position:absolute;top:11.75%;left:18.75%}.CodeSwitchDemo-module__zNmvQG__cursor svg{width:100%;height:100%}.CodeSwitchDemo-module__zNmvQG__steps{flex-wrap:wrap;justify-content:center;gap:.6rem;margin:1.75rem 0 0;padding:0;list-style:none;display:flex}.CodeSwitchDemo-module__zNmvQG__step{border:1px solid var(--navy);background:var(--navy);color:#fff;border-radius:999px;align-items:center;gap:.6rem;padding:.55rem 1.1rem .55rem .7rem;font-size:.98rem;display:flex}.CodeSwitchDemo-module__zNmvQG__stepN{background:var(--mint);width:1.6rem;height:1.6rem;color:var(--navy);border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid}.CodeSwitchDemo-module__zNmvQG__step1{animation-name:CodeSwitchDemo-module__zNmvQG__step1}.CodeSwitchDemo-module__zNmvQG__step2{animation-name:CodeSwitchDemo-module__zNmvQG__step2}.CodeSwitchDemo-module__zNmvQG__step3{animation-name:CodeSwitchDemo-module__zNmvQG__step3}.CodeSwitchDemo-module__zNmvQG__step1 .CodeSwitchDemo-module__zNmvQG__stepN{animation-name:CodeSwitchDemo-module__zNmvQG__stepN1}.CodeSwitchDemo-module__zNmvQG__step2 .CodeSwitchDemo-module__zNmvQG__stepN{animation-name:CodeSwitchDemo-module__zNmvQG__stepN2}.CodeSwitchDemo-module__zNmvQG__step3 .CodeSwitchDemo-module__zNmvQG__stepN{animation-name:CodeSwitchDemo-module__zNmvQG__stepN3}@media (max-width:640px){.CodeSwitchDemo-module__zNmvQG__steps{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.CodeSwitchDemo-module__zNmvQG__root *{animation:none!important}}@keyframes CodeSwitchDemo-module__zNmvQG__cursor{0%{opacity:0;top:82%;left:64%;transform:scale(1)}4%{opacity:1;top:82%;left:64%}8%{animation-timing-function:cubic-bezier(.65,0,.35,1);top:82%;left:64%}24%{top:11.75%;left:18.75%}30%{transform:scale(1)}31.5%{transform:scale(.8)}33%{transform:scale(1)}40%{opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1);top:11.75%;left:18.75%}48%{opacity:1;top:86%;left:60%}52%{opacity:0;top:87%;left:61%}to{opacity:0;top:82%;left:64%;transform:scale(1)}}@keyframes CodeSwitchDemo-module__zNmvQG__pill{0%,33%{animation-timing-function:cubic-bezier(.3,0,.2,1);transform:translate(0)}38%,96%{animation-timing-function:cubic-bezier(.3,0,.2,1);transform:translate(100%)}99%,to{transform:translate(0)}}@keyframes CodeSwitchDemo-module__zNmvQG__segHome{0%,33%{color:var(--ink)}37%,96%{color:var(--muted)}99%,to{color:var(--ink)}}@keyframes CodeSwitchDemo-module__zNmvQG__segCode{0%,22%{color:var(--muted);background-color:#0000}25%,32%{color:var(--ink);background-color:#0000000f}37%,96%{color:var(--ink);background-color:#0000}99%,to{color:var(--muted);background-color:#0000}}@keyframes CodeSwitchDemo-module__zNmvQG__ring{0%,15%{opacity:0;transform:scale(1)}16%{opacity:1;transform:scale(1)}23%{opacity:0;transform:scale(1.3)}23.1%{opacity:1;transform:scale(1)}30%{opacity:0;transform:scale(1.3)}to{opacity:0;transform:scale(1.3)}}@keyframes CodeSwitchDemo-module__zNmvQG__ripple{0%,30%{opacity:0;transform:scale(.3)}30.5%{opacity:.55;transform:scale(.3)}40%{opacity:0;transform:scale(3.2)}to{opacity:0;transform:scale(3.2)}}@keyframes CodeSwitchDemo-module__zNmvQG__callout{0%,12%{opacity:0;transform:translate(2cqw)}16%{opacity:1;transform:translate(0)}19%{transform:translate(.8cqw)}22%{transform:translate(0)}25%{transform:translate(.8cqw)}28%{transform:translate(0)}36%{opacity:1;transform:translate(0)}40%,to{opacity:0;transform:translate(0)}}@keyframes CodeSwitchDemo-module__zNmvQG__homeView{0%,34%{opacity:1}40%,96%{opacity:0}99.5%,to{opacity:1}}@keyframes CodeSwitchDemo-module__zNmvQG__codeView{0%,34%{opacity:0;transform:translateY(1.2cqw)}41%,96%{opacity:1;transform:translateY(0)}99.5%,to{opacity:0;transform:translateY(0)}}@keyframes CodeSwitchDemo-module__zNmvQG__codeEmpty{0%,80%{opacity:1}83%,99.5%{opacity:0}to{opacity:1}}@keyframes CodeSwitchDemo-module__zNmvQG__placeholder{0%,48%{opacity:1}48.5%,81%{opacity:0}82%,to{opacity:1}}@keyframes CodeSwitchDemo-module__zNmvQG__typing{0%,48%{clip-path:inset(0 0 0 100%);opacity:1;animation-timing-function:steps(24,end)}72%,80%{clip-path:inset(0);opacity:1}80.5%,to{clip-path:inset(0);opacity:0}}@keyframes CodeSwitchDemo-module__zNmvQG__sendPulse{0%,75%{transform:scale(1)}77.5%{transform:scale(.8)}80%,to{transform:scale(1)}}@keyframes CodeSwitchDemo-module__zNmvQG__bubble{0%,80%{opacity:0;transform:translateY(1cqw)}84%,96%{opacity:1;transform:translateY(0)}99%,to{opacity:0;transform:translateY(0)}}@keyframes CodeSwitchDemo-module__zNmvQG__working{0%,84%{opacity:0}86%,96%{opacity:1}99%,to{opacity:0}}@keyframes CodeSwitchDemo-module__zNmvQG__log1{0%,87%{opacity:0;transform:translateY(.6cqw)}88.5%,96%{opacity:1;transform:translateY(0)}99%,to{opacity:0;transform:translateY(0)}}@keyframes CodeSwitchDemo-module__zNmvQG__log2{0%,89.5%{opacity:0;transform:translateY(.6cqw)}91%,96%{opacity:1;transform:translateY(0)}99%,to{opacity:0;transform:translateY(0)}}@keyframes CodeSwitchDemo-module__zNmvQG__log3{0%,92%{opacity:0;transform:translateY(.6cqw)}93.5%,96%{opacity:1;transform:translateY(0)}99%,to{opacity:0;transform:translateY(0)}}@keyframes CodeSwitchDemo-module__zNmvQG__spin{to{transform:rotate(360deg)}}@keyframes CodeSwitchDemo-module__zNmvQG__step1{0%,23%{background:var(--navy);color:#fff}25%,96%{color:var(--navy);background:0 0}98%,to{background:var(--navy);color:#fff}}@keyframes CodeSwitchDemo-module__zNmvQG__step2{0%,23%{color:var(--navy);background:0 0}25%,44%{background:var(--navy);color:#fff}46%,to{color:var(--navy);background:0 0}}@keyframes CodeSwitchDemo-module__zNmvQG__step3{0%,44%{color:var(--navy);background:0 0}46%,96%{background:var(--navy);color:#fff}98%,to{color:var(--navy);background:0 0}}@keyframes CodeSwitchDemo-module__zNmvQG__stepN1{0%,23%{background:var(--mint)}25%,96%{background:#001f3f14}98%,to{background:var(--mint)}}@keyframes CodeSwitchDemo-module__zNmvQG__stepN2{0%,23%{background:#001f3f14}25%,44%{background:var(--mint)}46%,to{background:#001f3f14}}@keyframes CodeSwitchDemo-module__zNmvQG__stepN3{0%,44%{background:#001f3f14}46%,96%{background:var(--mint)}98%,to{background:#001f3f14}}