.gp-example{font-size:clamp(10px,1.1vw,14px);color:#f1f5f9;font-family:Inter Variable,Inter,Segoe UI,system-ui,sans-serif;line-height:1.45}.gp-example .gp-stage{position:relative;perspective:1600px;margin:0 auto;width:100%}.gp-example .gp-stage:before{content:"";position:absolute;inset:6% 4% -4%;z-index:0;filter:blur(2.8em);background:radial-gradient(40% 60% at 30% 50%,rgba(59,130,246,.42),transparent),radial-gradient(40% 60% at 72% 55%,rgba(234,88,12,.3),transparent)}.gp-example .gp-pause{display:block;margin:.9em auto 0;background:none;border:1px solid rgba(255,255,255,.14);border-radius:.45em;padding:.25em .9em;font:inherit;font-size:.85em;color:#ffffff80;cursor:pointer}.gp-example .gp-pause:hover{color:#f1f5f9}.gp-example .gp-pause:focus-visible{outline:2px solid #f97316;outline-offset:3px}.gp-example.gp-paused [class*=gk]{animation-play-state:paused!important}@property --gp-p{syntax:"<integer>";inherits:false;initial-value:0}.gp-example .gp-win{position:relative;z-index:1;border-radius:.9em;overflow:hidden;background:#0f172a;border:1px solid rgba(148,163,184,.22);box-shadow:0 2.4em 5em #020617bf;transform:rotateX(6deg);transform-origin:50% 0;transition:transform .7s ease}.gp-example .gp-titlebar{display:flex;align-items:center;gap:.45em;padding:.5em .8em;background:#0b1120;border-bottom:1px solid #1e293b;font-size:.78em;color:#94a3b8}.gp-example .gp-titlebar i{width:.7em;height:.7em;border-radius:50%;background:#ff5f57}.gp-example .gp-titlebar i:nth-child(2){background:#febc2e}.gp-example .gp-titlebar i:nth-child(3){background:#28c840}.gp-example .gp-titlebar span{flex:1;text-align:center;font-weight:600;margin-right:3em}.gp-example .gp-titlebar em{font-style:normal;font-size:.68em;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#c4b5fd;border:1px solid rgba(196,181,253,.35);border-radius:.35em;padding:0 .45em}.gp-example .gp-appbar{display:flex;justify-content:space-between;align-items:center;gap:.6em;padding:.55em .9em .3em;font-size:.85em;flex-wrap:wrap}.gp-example .gp-crumb{color:#94a3b8;display:flex;align-items:center;gap:.45em}.gp-example .gp-crumb s{text-decoration:none;color:#64748b}.gp-example .gp-crumb strong{color:#f1f5f9}.gp-example .gp-dot{width:.55em;height:.55em;border-radius:50%;background:#6366f1;box-shadow:0 0 .6em #6366f1}.gp-example .gp-chips{display:flex;gap:.5em;flex-wrap:wrap}.gp-example .gp-chip{font-size:.72em;font-weight:600;padding:.15em .6em;border-radius:999px;background:#94a3b81f;color:#cbd5e1;border:1px solid rgba(148,163,184,.2)}.gp-example .gp-chip.gp-ok{background:#10b98124;color:#6ee7b7;border-color:#10b98159}.gp-example .gp-meter{display:flex;align-items:center;gap:.6em;padding:0 .9em .55em}.gp-example .gp-meter-track{flex:1;height:.25em;border-radius:.25em;background:#1e293b;overflow:hidden}.gp-example .gp-meter-fill{height:100%;border-radius:.25em;background:linear-gradient(90deg,#10b981,#34d399)}.gp-example .gp-pct{font-size:.78em;font-weight:700;color:#6ee7b7;min-width:2.2em;text-align:right;counter-reset:gp var(--gp-p)}.gp-example .gp-pct:after{content:counter(gp) "%"}.gp-example .gp-chartwrap{position:relative;border-top:1px solid #1e293b}.gp-example .gp-chart{display:block;width:100%;height:auto;font-family:Inter Variable,Inter,Segoe UI,-apple-system,system-ui,sans-serif}.gp-example .gp-chart .gp-head{font-size:8.5px;font-weight:700;letter-spacing:.07em;fill:#64748b}.gp-example .gp-chart .gp-month{font-size:10px;font-weight:700;fill:#e2e8f0}.gp-example .gp-chart .gp-week{font-size:9px;fill:#94a3b8}.gp-example .gp-chart .gp-today{font-size:8.5px;font-weight:700;fill:#fff}.gp-example .gp-chart .gp-num{font-size:9.5px;fill:#64748b}.gp-example .gp-chart .gp-ph{font-size:11px;font-weight:700;fill:#e2e8f0;text-decoration:underline}.gp-example .gp-chart .gp-name{font-size:11px;fill:#e2e8f0}.gp-example .gp-chart .gp-lbl{font-size:11px;font-weight:700;fill:#e2e8f0}.gp-example .gp-chart .gp-ms{font-size:11px;font-weight:700;fill:#a78bfa;text-decoration:underline}.gp-example .gp-chart .gp-date{font-size:9.5px;fill:#64748b}.gp-example .gp-grow{transform-box:fill-box;transform-origin:0 50%}.gp-example .gp-pop{transform-box:fill-box;transform-origin:50% 50%}.gp-example .gp-toasts{position:absolute;left:34.5%;bottom:.6em;width:38%;height:2.8em}.gp-example .gp-toast{position:absolute;inset:auto 0 0;display:flex;align-items:center;gap:.55em;padding:.5em .75em;border-radius:.65em;font-size:.78em;color:#cbd5e1;background:#0f172af0;border:1px solid rgba(148,163,184,.25);box-shadow:0 .9em 2.1em #02061799;opacity:0;white-space:nowrap;overflow:hidden}.gp-example .gp-toast b{color:#fff}.gp-example .gp-av{flex:none;display:grid;place-items:center;width:1.35em;height:1.35em;border-radius:50%;color:#fff;font-size:.62em;font-weight:800;border:1.5px solid #fff}@media(max-width:640px){.gp-example .gp-toasts{display:none}.gp-example .gp-win{transform:none}}@media(prefers-reduced-motion:reduce){.gp-example [class*=gk]{transform:none!important;animation-duration:12s!important;animation-iteration-count:infinite!important}.gp-example .gp-win,.gp-example .gp-stage:hover .gp-win{transform:none;transition:none}}@keyframes gk0{0.00%{opacity:0}22.67%{opacity:0}25.17%{opacity:1}100.00%{opacity:1}}.gk0{animation:gk0 12s linear infinite both}@keyframes gk1{0.00%{opacity:0}24.67%{opacity:0}27.17%{opacity:1}100.00%{opacity:1}}.gk1{animation:gk1 12s linear infinite both}@keyframes gk2{0.00%{opacity:0}26.67%{opacity:0}29.17%{opacity:1}100.00%{opacity:1}}.gk2{animation:gk2 12s linear infinite both}@keyframes gk3{0.00%{opacity:0}28.67%{opacity:0}31.17%{opacity:1}100.00%{opacity:1}}.gk3{animation:gk3 12s linear infinite both}@keyframes gk4{0.00%{opacity:0}30.67%{opacity:0}33.17%{opacity:1}100.00%{opacity:1}}.gk4{animation:gk4 12s linear infinite both}@keyframes gk5{0.00%{opacity:0}32.67%{opacity:0}35.17%{opacity:1}100.00%{opacity:1}}.gk5{animation:gk5 12s linear infinite both}@keyframes gk6{0.00%{opacity:0}34.67%{opacity:0}37.17%{opacity:1}100.00%{opacity:1}}.gk6{animation:gk6 12s linear infinite both}@keyframes gk7{0.00%{opacity:0}36.67%{opacity:0}39.17%{opacity:1}100.00%{opacity:1}}.gk7{animation:gk7 12s linear infinite both}@keyframes gk8{0.00%{opacity:0}38.67%{opacity:0}41.17%{opacity:1}100.00%{opacity:1}}.gk8{animation:gk8 12s linear infinite both}@keyframes gk9{0.00%{opacity:0}40.67%{opacity:0}43.17%{opacity:1}100.00%{opacity:1}}.gk9{animation:gk9 12s linear infinite both}@keyframes gk10{0.00%{width:0px}21.67%{width:0px}41.67%{width:152px}100.00%{width:152px}}.gk10{animation:gk10 12s linear infinite both}@keyframes gk11{0.00%{opacity:0;transform:translate(-10px)}5.00%{opacity:0;transform:translate(-10px)}7.92%{opacity:1;transform:none}100.00%{opacity:1;transform:none}}.gk11{animation:gk11 12s linear infinite both}@keyframes gk12{0.00%{opacity:0}30.83%{opacity:0}33.33%{opacity:.09}100.00%{opacity:.09}}.gk12{animation:gk12 12s linear infinite both}@keyframes gk13{0.00%{width:0px}21.67%{width:0px}30.83%{width:76px}100.00%{width:76px}}.gk13{animation:gk13 12s linear infinite both}@keyframes gk14{0.00%{transform:scaleX(0)}7.25%{transform:scaleX(0)}11.83%{transform:scaleX(1)}100.00%{transform:scaleX(1)}}.gk14{animation:gk14 12s linear infinite both}@keyframes gk15{0.00%{opacity:0;transform:translate(-10px)}6.42%{opacity:0;transform:translate(-10px)}9.33%{opacity:1;transform:none}100.00%{opacity:1;transform:none}}.gk15{animation:gk15 12s linear infinite both}@keyframes gk16{0.00%{fill:#e2e8f0}30.83%{fill:#e2e8f0}33.33%{fill:#64748b}100.00%{fill:#64748b}}.gk16{animation:gk16 12s linear infinite both}@keyframes gk17{0.00%{opacity:0}30.83%{opacity:0}33.33%{opacity:1}100.00%{opacity:1}}.gk17{animation:gk17 12s linear infinite both}@keyframes gk18{0.00%{opacity:0}40.00%{opacity:0}42.50%{opacity:.09}100.00%{opacity:.09}}.gk18{animation:gk18 12s linear infinite both}@keyframes gk19{0.00%{width:0px}25.83%{width:0px}40.00%{width:104.5px}100.00%{width:104.5px}}.gk19{animation:gk19 12s linear infinite both}@keyframes gk20{0.00%{transform:scaleX(0)}8.67%{transform:scaleX(0)}13.25%{transform:scaleX(1)}100.00%{transform:scaleX(1)}}.gk20{animation:gk20 12s linear infinite both}@keyframes gk21{0.00%{opacity:0;transform:translate(-10px)}7.83%{opacity:0;transform:translate(-10px)}10.75%{opacity:1;transform:none}100.00%{opacity:1;transform:none}}.gk21{animation:gk21 12s linear infinite both}@keyframes gk22{0.00%{fill:#e2e8f0}40.00%{fill:#e2e8f0}42.50%{fill:#64748b}100.00%{fill:#64748b}}.gk22{animation:gk22 12s linear infinite both}@keyframes gk23{0.00%{opacity:0}40.00%{opacity:0}42.50%{opacity:1}100.00%{opacity:1}}.gk23{animation:gk23 12s linear infinite both}@keyframes gk24{0.00%{opacity:0}41.67%{opacity:0}44.17%{opacity:.09}100.00%{opacity:.09}}.gk24{animation:gk24 12s linear infinite both}@keyframes gk25{0.00%{transform:scale(1)}41.67%{transform:scale(1)}43.75%{transform:scale(1.45)}46.67%{transform:scale(1)}100.00%{transform:scale(1)}}.gk25{animation:gk25 12s linear infinite both}@keyframes gk26{0.00%{opacity:0;transform:scale(.6)}41.67%{opacity:.9;transform:scale(.6)}49.17%{opacity:0;transform:scale(2.6)}100.00%{opacity:0;transform:scale(2.6)}}.gk26{animation:gk26 12s linear infinite both}@keyframes gk27{0.00%{opacity:0;transform:translate(-10px)}9.25%{opacity:0;transform:translate(-10px)}12.17%{opacity:1;transform:none}100.00%{opacity:1;transform:none}}.gk27{animation:gk27 12s linear infinite both}@keyframes gk28{0.00%{fill:#e2e8f0}41.67%{fill:#e2e8f0}44.17%{fill:#64748b}100.00%{fill:#64748b}}.gk28{animation:gk28 12s linear infinite both}@keyframes gk29{0.00%{opacity:0}41.67%{opacity:0}44.17%{opacity:1}100.00%{opacity:1}}.gk29{animation:gk29 12s linear infinite both}@keyframes gk30{0.00%{opacity:0}48.46%{opacity:0}50.96%{opacity:1}100.00%{opacity:1}}.gk30{animation:gk30 12s linear infinite both}@keyframes gk31{0.00%{opacity:0}57.03%{opacity:0}59.53%{opacity:1}100.00%{opacity:1}}.gk31{animation:gk31 12s linear infinite both}@keyframes gk32{0.00%{opacity:0}65.61%{opacity:0}68.11%{opacity:1}100.00%{opacity:1}}.gk32{animation:gk32 12s linear infinite both}@keyframes gk33{0.00%{width:0px}44.17%{width:0px}73.33%{width:84px}100.00%{width:84px}}.gk33{animation:gk33 12s linear infinite both}@keyframes gk34{0.00%{opacity:0;transform:translate(-10px)}10.67%{opacity:0;transform:translate(-10px)}13.58%{opacity:1;transform:none}100.00%{opacity:1;transform:none}}.gk34{animation:gk34 12s linear infinite both}@keyframes gk35{0.00%{width:0px}45.83%{width:0px}70.00%{width:79.8px}100.00%{width:79.8px}}.gk35{animation:gk35 12s linear infinite both}@keyframes gk36{0.00%{transform:scaleX(0)}12.92%{transform:scaleX(0)}17.50%{transform:scaleX(1)}100.00%{transform:scaleX(1)}}.gk36{animation:gk36 12s linear infinite both}@keyframes gk37{0.00%{opacity:0;transform:translate(-10px)}12.08%{opacity:0;transform:translate(-10px)}15.00%{opacity:1;transform:none}100.00%{opacity:1;transform:none}}.gk37{animation:gk37 12s linear infinite both}@keyframes gk38{0.00%{width:0px}52.50%{width:0px}73.33%{width:45.6px}100.00%{width:45.6px}}.gk38{animation:gk38 12s linear infinite both}@keyframes gk39{0.00%{transform:scaleX(0)}14.33%{transform:scaleX(0)}18.92%{transform:scaleX(1)}100.00%{transform:scaleX(1)}}.gk39{animation:gk39 12s linear infinite both}@keyframes gk40{0.00%{opacity:0;transform:translate(-10px)}13.50%{opacity:0;transform:translate(-10px)}16.42%{opacity:1;transform:none}100.00%{opacity:1;transform:none}}.gk40{animation:gk40 12s linear infinite both}@keyframes gk41{0.00%{transform:scaleX(0)}15.75%{transform:scaleX(0)}20.33%{transform:scaleX(1)}100.00%{transform:scaleX(1)}}.gk41{animation:gk41 12s linear infinite both}@keyframes gk42{0.00%{opacity:0;transform:translate(-10px)}14.92%{opacity:0;transform:translate(-10px)}17.83%{opacity:1;transform:none}100.00%{opacity:1;transform:none}}.gk42{animation:gk42 12s linear infinite both}@keyframes gk43{0.00%{opacity:0;transform:translate(-10px)}16.33%{opacity:0;transform:translate(-10px)}19.25%{opacity:1;transform:none}100.00%{opacity:1;transform:none}}.gk43{animation:gk43 12s linear infinite both}@keyframes gk44{0.00%{opacity:0}19.17%{opacity:0}21.67%{opacity:1}100.00%{opacity:1}}.gk44{animation:gk44 12s linear infinite both}@keyframes gk45{0.00%{opacity:0}20.42%{opacity:0}22.92%{opacity:1}100.00%{opacity:1}}.gk45{animation:gk45 12s linear infinite both}@keyframes gk46{0.00%{opacity:0}21.67%{opacity:0}24.17%{opacity:1}100.00%{opacity:1}}.gk46{animation:gk46 12s linear infinite both}@keyframes gk47{0.00%{opacity:0}22.92%{opacity:0}25.42%{opacity:1}100.00%{opacity:1}}.gk47{animation:gk47 12s linear infinite both}@keyframes gk48{0.00%{opacity:0}2.92%{opacity:1}96.25%{opacity:1}100.00%{opacity:0}}.gk48{animation:gk48 12s linear infinite both}@keyframes gk49{0.00%{opacity:0;transform:translateY(10px)}4.17%{opacity:0;transform:translateY(10px)}6.67%{opacity:1;transform:none}21.67%{opacity:1;transform:none}24.17%{opacity:0;transform:translateY(-6px)}100.00%{opacity:0;transform:translateY(-6px)}}.gk49{animation:gk49 12s linear infinite both}@keyframes gk50{0.00%{opacity:0;transform:translateY(10px)}31.67%{opacity:0;transform:translateY(10px)}34.17%{opacity:1;transform:none}44.17%{opacity:1;transform:none}46.67%{opacity:0;transform:translateY(-6px)}100.00%{opacity:0;transform:translateY(-6px)}}.gk50{animation:gk50 12s linear infinite both}@keyframes gk51{0.00%{opacity:0;transform:translateY(10px)}50.00%{opacity:0;transform:translateY(10px)}52.50%{opacity:1;transform:none}65.00%{opacity:1;transform:none}67.50%{opacity:0;transform:translateY(-6px)}100.00%{opacity:0;transform:translateY(-6px)}}.gk51{animation:gk51 12s linear infinite both}@keyframes gk52{0.00%{opacity:0;transform:translateY(10px)}70.83%{opacity:0;transform:translateY(10px)}73.33%{opacity:1;transform:none}88.33%{opacity:1;transform:none}90.83%{opacity:0;transform:translateY(-6px)}100.00%{opacity:0;transform:translateY(-6px)}}.gk52{animation:gk52 12s linear infinite both}@keyframes gk53{0.00%{--gp-p:0}21.67%{--gp-p:0}73.33%{--gp-p:46}96.25%{--gp-p:46}100.00%{--gp-p:0}}.gk53{animation:gk53 12s linear infinite both}@keyframes gk54{0.00%{width:0%}21.67%{width:0%}73.33%{width:46%}96.25%{width:46%}100.00%{width:0%}}.gk54{animation:gk54 12s linear infinite both}.gp-example .gp-pct{--gp-p:46}