.gg code{font-family:var(--font-geist-mono), monospace;word-break:break-word;background:#f3f5f1;border-radius:6px;padding:.1rem .4rem;font-size:.85em}.gg-demo{background:#f4f7f3}.gg-demo .mg-demo-bar{background:#fff;border-bottom-color:#e2e7e4}.gg-demo .mg-demo-bar span{color:#3b4a43;background:#f1f4f2}.gg-demo-view{box-sizing:border-box;align-items:center;gap:1.2rem;min-height:300px;padding:1.3rem 1.4rem;display:flex}.gg-chat{flex-direction:column;flex:1;gap:.6rem;min-width:0;display:flex}.gg-chat p{border-radius:16px;margin:0;padding:.7rem .9rem;font-size:.9rem;line-height:1.4}.gg-me{background:var(--g);color:#fff;border-bottom-right-radius:4px;align-self:flex-end;animation:8s ease-out infinite both gg-in}.gg-ai{color:#2b3a33;background:#fff;border:1px solid #e2e7e4;border-bottom-left-radius:4px;align-items:center;gap:.5rem;animation:8s ease-out infinite both gg-in2;display:flex}.gg-ai span{color:#d97757;font-weight:900}.gg-ai.is-late{animation-name:gg-in3}@keyframes gg-in{0%,4%{opacity:0;transform:translateY(10px)}10%,to{opacity:1;transform:none}}@keyframes gg-in2{0%,16%{opacity:0;transform:translateY(10px)}22%,to{opacity:1;transform:none}}@keyframes gg-in3{0%,72%{opacity:0;transform:translateY(10px)}78%,to{opacity:1;transform:none}}.gg-dphone{box-sizing:border-box;background:#111418;border-radius:24px;flex:none;width:128px;height:250px;padding:6px;box-shadow:0 16px 34px #1e3a2f38}.gg-dphone>div{background:#fff;border-radius:18px;width:100%;height:100%;position:relative;overflow:hidden}.gg-d-grid{grid-template-columns:repeat(3,1fr);gap:9px;animation:8s step-end infinite gg-grid;display:grid;position:absolute;top:26px;left:12px;right:12px}.gg-d-grid i{aspect-ratio:1;border-radius:8px}@keyframes gg-grid{0%,42%{opacity:1}43%,to{opacity:0}}.gg-d-bat{flex-direction:column;gap:6px;padding:30px 12px 0;animation:8s step-end infinite gg-bat;display:flex;position:absolute;inset:0}.gg-d-bat b{color:var(--g);font-size:.8rem}.gg-d-bat em{color:var(--g);font-size:1.6rem;font-style:normal;font-weight:900}.gg-d-bat i{background:linear-gradient(90deg,#5fa46a 82%,#e2e7e4 82%);border-radius:5px;height:10px}@keyframes gg-bat{0%,42%{opacity:0}43%,to{opacity:1}}.gg-d-tap{opacity:0;border:4px solid #5fa46a;border-radius:50%;width:46px;height:46px;margin:-23px;animation:8s ease-out infinite gg-tap;position:absolute;top:40%;left:50%}@keyframes gg-tap{0%,36%{opacity:0;transform:scale(.3)}38%{opacity:1}44%,to{opacity:0;transform:scale(1.6)}}.gg-vis-flash{align-items:center;gap:.5rem;padding:1.2rem;display:flex;position:relative}.gg-vis-flash span{background:#dfe6e0;border-radius:12px;flex:1;height:54px;animation:2s step-end infinite gg-flash}.gg-vis-flash span:nth-child(2){animation-delay:.5s}.gg-vis-flash span:nth-child(3){animation-delay:1s}.gg-vis-flash span:nth-child(4){animation-delay:1.5s}@keyframes gg-flash{0%,24%{background:#5fa46a}25%,to{background:#dfe6e0}}.gg-vis-flash b{color:var(--g);font-size:.82rem;font-family:var(--font-geist-mono), monospace;position:absolute;bottom:.9rem;left:1.2rem}.gg-vis-pro{font-family:var(--font-geist-mono), monospace;flex-direction:column;gap:.45rem;padding:1.1rem 1.2rem;display:flex}.gg-vis-pro span{color:#9fb3a6;background:#1b2620;border-radius:9px;padding:.35rem .6rem;font-size:.8rem;font-weight:700;animation:4.5s step-end infinite gg-pro}.gg-vis-pro span:nth-child(2){animation-delay:1.5s}.gg-vis-pro span:nth-child(3){animation-delay:3s}@keyframes gg-pro{0%,32%{color:#fff;background:#5fa46a}33%,to{color:#9fb3a6;background:#1b2620}}.gg-vis-pro em{color:#cfeac9;margin-top:auto;font-size:.8rem;font-style:normal}.gg-loop{box-sizing:border-box;background:#f1f4ef;border-radius:28px;flex-wrap:wrap;justify-content:center;align-items:center;gap:1.6rem;width:min(100%,720px);margin:1.6rem auto 1.8rem;padding:1.6rem;display:flex}.gg-l-phone{box-sizing:border-box;background:#111418;border-radius:30px;flex:none;width:170px;height:340px;padding:8px;box-shadow:0 20px 40px #1e3a2f38}.gg-l-screen{background:#fff;border-radius:23px;width:100%;height:100%;position:relative;overflow:hidden}.gg-l-grid{grid-template-columns:repeat(3,1fr);gap:12px;animation:6s step-end infinite gg-l-a;display:grid;position:absolute;top:34px;left:16px;right:16px}.gg-l-grid span{aspect-ratio:1;border-radius:11px}@keyframes gg-l-a{0%,39%{opacity:1}40%,to{opacity:0}}.gg-l-app{flex-direction:column;gap:6px;padding:34px 14px 0;animation:6s step-end infinite gg-l-b;display:flex;position:absolute;inset:0}.gg-l-app b{color:var(--g);margin-bottom:4px;font-size:.95rem}.gg-l-app span{color:var(--g);background:#f1f4f2;border-radius:10px;padding:9px 10px;font-size:.78rem;font-weight:700}.gg-l-app .is-pick{animation:6s step-end infinite gg-l-pick}@keyframes gg-l-b{0%,39%{opacity:0}40%,to{opacity:1}}@keyframes gg-l-pick{0%,69%{color:var(--g);background:#f1f4f2}70%,to{background:var(--g);color:#fff}}.gg-l-box{border:3px solid #5fa46a;border-radius:12px;animation:6s ease-in-out infinite gg-l-box;position:absolute;box-shadow:0 0 0 4px #5fa46a33}@keyframes gg-l-box{0%,8%{opacity:0;width:36px;height:36px;top:32px;left:14px}14%,34%{opacity:1;width:36px;height:36px;top:79px;left:61px}39%{opacity:0}46%{opacity:0;width:130px;height:34px;top:96px;left:12px}52%,72%{opacity:1;width:130px;height:34px;top:96px;left:12px}78%,to{opacity:0;width:130px;height:34px;top:96px;left:12px}}.gg-l-tap{opacity:0;border:4px solid #5fa46a;border-radius:50%;width:40px;height:40px;animation:6s ease-out infinite gg-l-tap;position:absolute}@keyframes gg-l-tap{0%,32%{opacity:0;top:78px;left:60px;transform:scale(.4)}34%{opacity:1}40%{opacity:0;transform:scale(1.5)}41%,66%{opacity:0;top:93px;left:56px;transform:scale(.4)}68%{opacity:1}74%,to{opacity:0;transform:scale(1.5)}}.gg-l-steps{flex-direction:column;flex:260px;gap:.7rem;max-width:360px;margin:0;padding:0;list-style:none;display:flex}.gg-l-steps li{background:#fff;border:2px solid #e2e7e4;border-radius:18px;align-items:center;gap:.8rem;padding:.85rem 1rem;animation:3s step-end infinite gg-l-step;display:flex}.gg-l-steps li:nth-child(2){animation-delay:1s}.gg-l-steps li:nth-child(3){animation-delay:2s}@keyframes gg-l-step{0%,32%{border-color:#5fa46a;box-shadow:0 10px 22px #1e3a2f1a}33%,to{box-shadow:none;border-color:#e2e7e4}}.gg-l-steps b{background:var(--g);width:36px;height:36px;color:var(--gl);border-radius:12px;flex:none;place-items:center;display:grid}.gg-l-steps span{color:#4b524b;font-size:.9rem;line-height:1.35}.gg-l-steps strong{color:var(--ink);font-size:1rem;display:block}.gg-route{box-sizing:border-box;background:#f1f4ef;border-radius:28px;justify-content:center;align-items:center;width:min(100%,760px);margin:1.6rem auto 1.8rem;padding:1.8rem 1.4rem;display:flex}.gg-r-node{text-align:center;background:#fff;border:2px solid #e2e7e4;border-radius:20px;flex-direction:column;flex:0 180px;align-items:center;gap:.35rem;min-width:0;padding:1rem .8rem;display:flex;box-shadow:0 12px 26px #1e3a2f14}.gg-r-node b{color:var(--g);font-size:.95rem}.gg-r-node small{color:var(--copy);font-size:.75rem}.gg-r-cc>span{color:#fff;background:#d97757;border-radius:13px;place-items:center;width:44px;height:44px;font-size:1.4rem;font-weight:900;display:grid}.gg-r-mcp{background:var(--g);border-color:var(--g)}.gg-r-mcp b{color:#fff}.gg-r-mcp small{color:var(--gl)}.gg-r-mini{box-sizing:border-box;background:#111418;border-radius:8px;grid-template-columns:repeat(2,1fr);align-content:start;gap:3px;width:34px;height:56px;padding:4px;display:grid}.gg-r-mini i{aspect-ratio:1;border-radius:3px}.gg-r-wire{border-top:3px dashed #9fcb9f;flex:60px;min-width:28px;height:0;margin:0 .3rem;position:relative}.gg-r-wire.is-usb{border-top-style:solid;border-top-color:#3b4a43}.gg-r-wire i,.gg-r-wire em{border-radius:50%;width:11px;height:11px;position:absolute;top:-7px}.gg-r-wire i{background:#5fa46a;animation:2.4s linear infinite gg-go}.gg-r-wire em{background:#f2b530;animation:2.4s linear 1.2s infinite gg-back}@keyframes gg-go{0%{left:0}to{left:calc(100% - 11px)}}@keyframes gg-back{0%{left:calc(100% - 11px)}to{left:0}}@media (max-width:620px){.gg-demo-view,.gg-route{flex-direction:column}.gg-r-node{flex-basis:auto;width:100%}.gg-r-wire{border-top:0;border-left:3px dashed #9fcb9f;flex:none;width:0;height:36px;margin:.3rem 0}.gg-r-wire.is-usb{border-left:3px solid #3b4a43}.gg-r-wire i,.gg-r-wire em{animation-name:gg-go-v;top:0;left:-7px}.gg-r-wire em{animation-name:gg-back-v}}@keyframes gg-go-v{0%{top:0}to{top:calc(100% - 11px)}}@keyframes gg-back-v{0%{top:calc(100% - 11px)}to{top:0}}@media (prefers-reduced-motion:reduce){.gg *{animation:none!important}}