.vg{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:16px;background:var(--paper);color:var(--ink);font-family:var(--font-body);font-size:11px;line-height:1.35;box-shadow:inset 0 0 0 1px var(--line),0 18px 40px -24px var(--shadow-ink);transition:transform .6s var(--ease-out)}.vg-bar{display:flex;align-items:center;gap:5px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--paper-2)}.vg-bar>i{width:7px;height:7px;border-radius:50%;background:var(--mist);opacity:.45}.vg-web{display:flex;flex-direction:column}.vg-web .url{margin-inline-start:8px;flex:1;background:var(--paper);border-radius:6px;padding:3px 8px;font:10px/1.3 var(--font-mono);color:var(--mist)}.vg-web .page{flex:1;position:relative;padding:10px 12px 46px;display:flex;flex-direction:column;gap:10px}.vg-web .mnav{display:flex;align-items:center;gap:6px}.vg-web .mnav b{width:14px;height:14px;border-radius:4px;background:var(--lapis);margin-inline-end:auto}.vg-web .mnav span{width:18px;height:4px;border-radius:2px;background:var(--mist);opacity:.35}.vg-web .mhero{flex:1;display:grid;grid-template-columns:1.25fr 1fr;gap:12px;align-items:center}.vg-web .hl{display:grid;gap:5px}.vg-web .hl i{display:block;height:10px;border-radius:3px;background:var(--ink);transform-origin:left;animation:vg-line 7s var(--ease-out) infinite}.vg-web .hl i+i{animation-delay:.12s}.vg-web .hl em{display:block;height:5px;border-radius:2px;background:var(--mist);opacity:.4;margin-top:2px}.vg-web .w-92{width:92%}.vg-web .w-88{width:88%}.vg-web .w-70{width:70%}.vg-web .w-64{width:64%}.vg-web .img{aspect-ratio:1;border-radius:9px;background:radial-gradient(circle at 70% 30%,var(--peach) 0 18%,transparent 19%),linear-gradient(150deg,var(--clay),var(--blush) 50%,var(--dune));animation:vg-img 7s var(--ease-out) infinite}.vg-web .cta{position:absolute;inset-inline-start:12px;bottom:12px;background:var(--lapis);color:var(--on-lapis);font-weight:600;font-size:10.5px;padding:6px 11px;border-radius:999px;animation:vg-cta 7s var(--ease-out) infinite}.vg-web .pointer{position:absolute;inset-inline-start:62px;bottom:10px;width:15px;height:15px;color:var(--ink);animation:vg-pointer 7s var(--ease-out) infinite}.vg-web .toast{position:absolute;inset-inline-end:10px;top:40px;display:flex;align-items:center;gap:6px;background:var(--ink);color:var(--paper);padding:7px 10px;border-radius:9px;font-weight:600;box-shadow:0 8px 20px -8px var(--shadow-ink);animation:vg-toast 7s var(--ease-out) infinite}.vg-web .toast i{width:14px;height:14px;border-radius:50%;background:var(--ok);color:var(--white);display:grid;place-items:center}.vg-web .toast small{display:block;font-weight:400;opacity:.7;font-size:9.5px}@keyframes vg-line{0%{transform:scaleX(0)}14%,92%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes vg-img{0%,8%{opacity:0;transform:scale(.9)}24%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes vg-cta{0%,18%{opacity:0;transform:translateY(6px)}28%,57%{opacity:1;transform:none}61%{transform:scale(.9)}65%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes vg-pointer{0%,30%{opacity:0;transform:translate(150px,-110px)}36%{opacity:1}55%{transform:none}60%{transform:scale(.8)}64%,88%{opacity:1;transform:none}95%,to{opacity:0;transform:none}}@keyframes vg-toast{0%,62%{opacity:0;transform:translateY(-8px)}68%,92%{opacity:1;transform:none}to{opacity:0}}.vg-app{display:grid;grid-template-columns:24% minmax(0,1fr)}.vg-app .side{background:var(--ink);padding:10px 8px;display:flex;flex-direction:column;gap:7px}.vg-app .side b{width:16px;height:16px;border-radius:5px;background:var(--lapis);margin-bottom:6px}.vg-app .side i{height:6px;border-radius:3px;background:var(--paper);opacity:.22}.vg-app .side i.is-on{background:var(--lapis);opacity:1}.vg-app .main{padding:10px;display:flex;flex-direction:column;gap:8px;min-width:0}.vg-app .ttl{display:flex;justify-content:space-between;align-items:center;font-weight:600;font-size:11.5px}.vg-app .ttl span{font:10px var(--font-mono);color:var(--mist);font-weight:400}.vg-app .kpis{display:grid;grid-template-columns:1fr 1fr;gap:6px}.vg-app .kpi{border-radius:8px;box-shadow:inset 0 0 0 1px var(--line);padding:6px 8px;display:grid;gap:1px}.vg-app .kpi small{font-size:9.5px;color:var(--mist)}.vg-app .kpi b{font-size:14px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.vg-app .kpi em{font-style:normal;font-size:9.5px;color:var(--ok);font-weight:600}.vg-app .chart{height:38px;width:100%;display:block;overflow:visible}.vg-app .chart .line{fill:none;stroke:var(--lapis-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;animation:vg-draw 6s var(--ease-out) infinite}.vg-app .chart .area{fill:var(--lapis);opacity:.14;animation:vg-area 6s var(--ease-out) infinite}.vg-app .chart circle{fill:var(--dune);animation:vg-fade 6s var(--ease-out) infinite}.vg-app .rows{display:grid;gap:5px}.vg-app .row{display:flex;align-items:center;gap:6px;animation:vg-row 6s var(--ease-out) infinite}.vg-app .row:nth-child(2){animation-delay:.12s}.vg-app .row:nth-child(3){animation-delay:.24s}.vg-app .row>i{width:13px;height:13px;border-radius:3px;flex:none}.vg-app .row>i.swatch-blush{background:var(--blush)}.vg-app .row>i.swatch-soft{background:var(--lapis-soft)}.vg-app .row>i.swatch-dune{background:var(--dune)}.vg-app .row>b{font:500 9.5px var(--font-mono);color:var(--ink-2)}.vg-app .row>span{flex:1;height:5px;border-radius:3px;background:var(--mist);opacity:.3}.vg-app .pill{position:relative;width:46px;height:15px;flex:none}.vg-app .pill em{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;border-radius:999px;font-style:normal;font-size:9px;font-weight:600}.vg-app .done{background:color-mix(in srgb,var(--ok) 16%,transparent);color:var(--ok)}.vg-app .pending{background:color-mix(in srgb,var(--dune) 20%,transparent);color:var(--dune)}.vg-app .flip .done{animation:vg-flip-in 6s steps(1) infinite}.vg-app .flip .pending{animation:vg-flip-out 6s steps(1) infinite}@keyframes vg-draw{0%{stroke-dashoffset:260}40%,92%{stroke-dashoffset:0}to{stroke-dashoffset:0;opacity:0}}@keyframes vg-fade{0%,30%{opacity:0}45%,92%{opacity:1}to{opacity:0}}@keyframes vg-area{0%,30%{opacity:0}45%,92%{opacity:.14}to{opacity:0}}@keyframes vg-row{0%,12%{opacity:0;transform:translateY(5px)}28%,92%{opacity:1;transform:none}to{opacity:0}}@keyframes vg-flip-in{0%{opacity:0}62%{opacity:1}}@keyframes vg-flip-out{0%{opacity:1}62%{opacity:0}}.vg-ai{display:flex;flex-direction:column}.vg-ai .head{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--paper-2);font-weight:600}.vg-ai .head small{font-weight:400;color:var(--mist);font-size:10px}.vg-ai .live{width:6px;height:6px;border-radius:50%;background:var(--ok);margin-inline-start:auto;box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 20%,transparent)}.vg-ai .spark{width:14px;height:14px;flex:none;display:block}.vg-ai .thread{flex:1;min-height:0;padding:10px;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;overflow:hidden;transition:opacity .3s}.vg-ai .thread.is-clearing{opacity:0}.vg-ai .msg{max-width:88%;padding:6px 9px;border-radius:11px;animation:fade-up .35s var(--ease-out) both}.vg-ai .msg.from-user{align-self:flex-end;background:var(--ink);color:var(--paper);border-end-end-radius:3px}.vg-ai .msg.from-agent{align-self:flex-start;background:var(--paper-2);border-end-start-radius:3px;display:flex;gap:6px;align-items:flex-start}.vg-ai .msg.from-agent .spark{margin-top:1px}.vg-ai .msg.is-thinking{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--lapis-ink) 50%,transparent)}.vg-ai .msg.is-thinking .txt{background:linear-gradient(90deg,var(--mist) 20%,var(--lapis-ink) 50%,var(--mist) 80%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 1.1s linear infinite}.vg-ai .body{display:grid;gap:3px;min-width:0}.vg-ai .ran{font:500 9.5px/1.2 var(--font-mono);color:var(--mist)}.vg-ai .steps{display:grid;gap:3px}.vg-ai .step{display:flex;align-items:center;gap:5px;font:10px/1.3 var(--font-mono);color:var(--ink-2);animation:fade-up .3s var(--ease-out) both}.vg-ai .step i{width:9px;height:9px;border-radius:50%;flex:none;border:1.5px solid var(--lapis-ink);border-right-color:transparent;animation:spin .7s linear infinite}.vg-ai .step.is-done i{border:0;background:var(--ok);animation:none}.vg-ai .act{align-self:flex-start;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;padding:4px 9px 4px 6px;border-radius:999px;background:color-mix(in srgb,var(--ok) 15%,transparent);color:var(--ok);animation:fade-up .35s var(--ease-out) both}.vg-ai .act svg{width:11px;height:11px}.vg-ai .ask{margin:0 8px 8px;display:flex;align-items:center;gap:1px;padding:5px 5px 5px 10px;border-radius:10px;box-shadow:inset 0 0 0 1px var(--line);min-height:30px;white-space:nowrap;overflow:hidden}.vg-ai .ask .placeholder{color:var(--mist)}.vg-ai .caret{width:1px;height:12px;background:var(--lapis-ink);animation:caret 1s steps(1) infinite;flex:none}.vg-ai .send{margin-inline-start:auto;width:20px;height:20px;border-radius:6px;background:var(--lapis);color:var(--on-lapis);display:grid;place-items:center;flex:none}.vg-ai .send svg{width:11px;height:11px}