.anim-vars{--anim-background: 0 0% 99%;--anim-foreground: 224 30% 8%;--anim-card: 0 0% 100%;--anim-muted: 220 14% 96%;--anim-muted-foreground: 220 9% 40%;--anim-border: 220 13% 91%;--anim-primary: 226 70% 40%;--anim-primary-foreground: 0 0% 100%;--anim-success: 156 60% 32%;--anim-warning: 38 92% 45%;--anim-info: 210 82% 45%;--anim-danger: 0 72% 50%}@media(prefers-color-scheme:dark){.anim-vars{--anim-background: 220 16% 6%;--anim-foreground: 213 24% 96%;--anim-card: 216 16% 8%;--anim-muted: 214 16% 11%;--anim-muted-foreground: 214 12% 67%;--anim-border: 216 12% 16%;--anim-primary: 198 95% 52%;--anim-primary-foreground: 205 60% 9%;--anim-success: 156 54% 54%;--anim-warning: 38 92% 60%;--anim-info: 200 82% 62%;--anim-danger: 0 72% 62%}}.dark .anim-vars,[data-theme=dark] .anim-vars{--anim-background: 220 16% 6%;--anim-foreground: 213 24% 96%;--anim-card: 216 16% 8%;--anim-muted: 214 16% 11%;--anim-muted-foreground: 214 12% 67%;--anim-border: 216 12% 16%;--anim-primary: 198 95% 52%;--anim-primary-foreground: 205 60% 9%;--anim-success: 156 54% 54%;--anim-warning: 38 92% 60%;--anim-info: 200 82% 62%;--anim-danger: 0 72% 62%}.anim-card{position:relative;background:hsl(var(--anim-card));border:1px solid hsl(var(--anim-border));border-radius:14px;overflow:hidden;display:flex;flex-direction:column;color:hsl(var(--anim-foreground));font-family:var(--font-sans),system-ui,-apple-system,sans-serif}.anim-card-head{padding:18px 22px 16px;border-bottom:1px solid hsl(var(--anim-border));display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.anim-card-head h3{margin:0 0 4px;font-size:15.5px;font-weight:600}.anim-card-head p{margin:0;font-size:12.5px;color:hsl(var(--anim-muted-foreground));line-height:1.5}.anim-tag{font-family:var(--font-mono),ui-monospace,monospace;font-size:10.5px;color:hsl(var(--anim-muted-foreground));background:hsl(var(--anim-muted));padding:3px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0}.anim-mono{font-family:var(--font-mono),ui-monospace,monospace}.anim-stage{position:relative;height:380px;background:radial-gradient(circle at 50% 0%,hsl(var(--anim-primary) / .05),transparent 60%),hsl(var(--anim-card));overflow:hidden}@keyframes anim-pulseRing{0%{box-shadow:0 0 hsl(var(--anim-primary) / .45)}to{box-shadow:0 0 0 14px hsl(var(--anim-primary) / 0)}}@keyframes anim-blink{0%,to{opacity:.3}50%{opacity:1}}@keyframes anim-fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.geo-wrap{position:absolute;inset:0;display:grid;place-items:center}.geo{display:grid;grid-template-columns:repeat(7,36px);grid-template-rows:repeat(7,36px);gap:8px}.geo-cell{position:relative;width:36px;height:36px;border-radius:50%;background:hsl(var(--anim-muted));display:grid;place-items:center;font-family:var(--font-mono),ui-monospace,monospace;font-size:10.5px;font-weight:600;color:hsl(var(--anim-muted-foreground));transition:background .35s ease,color .35s ease,transform .35s ease}.geo-cell.scanning{background:hsl(var(--anim-warning) / .2);color:hsl(var(--anim-warning))}.geo-cell.top{background:hsl(var(--anim-success) / .18);color:hsl(var(--anim-success))}.geo-cell.mid{background:hsl(var(--anim-warning) / .16);color:hsl(var(--anim-warning))}.geo-cell.low{background:hsl(var(--anim-danger) / .15);color:hsl(var(--anim-danger))}.geo-cell.pulse{animation:anim-pulseRing 1.2s ease}.geo-legend{position:absolute;bottom:14px;left:14px;right:14px;display:flex;gap:14px;justify-content:center;font-size:11px;color:hsl(var(--anim-muted-foreground));font-family:var(--font-mono),ui-monospace,monospace}.geo-legend span{display:inline-flex;align-items:center;gap:6px}.geo-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.geo-scanline{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,hsl(var(--anim-primary) / .5),transparent);pointer-events:none;opacity:0;top:10%}.geo-label{position:absolute;top:14px;left:14px;font-family:var(--font-mono),ui-monospace,monospace;font-size:11px;color:hsl(var(--anim-muted-foreground));display:flex;align-items:center;gap:6px}.geo-label .dot{width:6px;height:6px;border-radius:50%;background:hsl(var(--anim-primary));animation:anim-blink 1.2s ease-in-out infinite}.geo-endpoint{position:absolute;top:14px;right:14px;font-family:var(--font-mono),ui-monospace,monospace;font-size:10.5px;color:hsl(var(--anim-muted-foreground))}.geo-endpoint .m{color:hsl(var(--anim-success));font-weight:600}@media(prefers-reduced-motion:reduce){.geo-cell,.geo-cell.scanning,.geo-cell.top,.geo-cell.mid,.geo-cell.low{transition:none;animation:none}.geo-cell.pulse{animation:none}.geo-label .dot{animation:none;opacity:1}.geo-scanline{display:none}}.rw{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:0}.rw-left{padding:22px 18px;overflow:hidden;position:relative;border-right:1px solid hsl(var(--border))}.rw-left:before{content:"";position:absolute;top:0;left:0;right:0;height:40px;background:linear-gradient(to bottom,hsl(var(--card)),transparent);pointer-events:none;z-index:2}.rw-left:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to top,hsl(var(--card)),transparent);pointer-events:none;z-index:2}.rw-heading{font-family:var(--font-mono),ui-monospace,Menlo,monospace;font-size:10.5px;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--muted-foreground));margin-bottom:10px}.rw-feed{display:flex;flex-direction:column;gap:10px}.rw-review{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:8px;padding:10px 12px;font-size:12px;animation:rwSlideUp 8s linear;opacity:0}@keyframes rwSlideUp{0%{transform:translateY(20px);opacity:0}8%{transform:translateY(0);opacity:1}92%{transform:translateY(0);opacity:1}to{transform:translateY(-240px);opacity:0}}.rw-review .src{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.rw-review .src b{font-weight:600;font-size:12px}.rw-review .src .loc{font-size:11px;color:hsl(var(--muted-foreground))}.rw-review .stars{letter-spacing:1px;font-size:12px;margin-bottom:3px}.rw-review .snip{color:hsl(var(--muted-foreground));font-size:11.5px;line-height:1.4}.src-badge{font-family:var(--font-mono),ui-monospace,Menlo,monospace;font-size:9.5px;padding:1px 6px;border-radius:3px;margin-left:6px}.src-g{background:#4285f4;color:#fff}.src-y{background:#d32323;color:#fff}.src-fb{background:#1877f2;color:#fff}.src-ap{background:#333;color:#fff}.rw-right{padding:22px 18px;background:#0b0d14;color:#e7ebef;position:relative;overflow:hidden}.rw-right .rw-heading{color:#9da3af}.rw-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:hsl(var(--primary));display:grid;place-items:center;z-index:3;box-shadow:0 0 0 4px hsl(var(--card))}.rw-arrow svg{color:#fff}pre.rw-json{margin:0;font-family:var(--font-mono),ui-monospace,Menlo,monospace;font-size:11.5px;line-height:1.7;white-space:pre-wrap;color:#e7ebef}.rw-json .k{color:#7dd3fc}.rw-json .s{color:#a7f3d0}.rw-json .n{color:#fcd34d}.rw-json .p{color:#818898}.rw-cursor{display:inline-block;width:7px;height:14px;background:hsl(var(--primary));margin-left:1px;vertical-align:middle;animation:rwBlink .8s step-end infinite}@keyframes rwBlink{50%{opacity:0}}.rw-status{position:absolute;bottom:14px;right:14px;font-family:var(--font-mono),ui-monospace,Menlo,monospace;font-size:10.5px;color:#89dcbb;display:flex;align-items:center;gap:6px}.rw-status .dot{width:6px;height:6px;border-radius:50%;background:#4ac996;box-shadow:0 0 8px #4ac996}.rw-method{color:#79d7b2;font-weight:600}@media(prefers-reduced-motion:reduce){.rw-review{animation:none;opacity:1;transform:none}.rw-cursor{animation:none}}.map-svg{width:100%;height:100%;display:block}.map-pin{transform-origin:center;transform-box:fill-box}.map-pin circle.outer{fill:hsl(var(--primary) / .18);stroke:hsl(var(--primary) / .4);stroke-width:1}.map-pin circle.inner{fill:hsl(var(--primary));stroke:#fff;stroke-width:1.5}.map-pin.synced circle.inner{fill:#21835b}html.dark .map-pin.synced circle.inner{fill:#4ac996}.map-ripple{fill:none;stroke:hsl(var(--primary));stroke-width:1.5;opacity:0}.dir-chips{position:absolute;bottom:18px;left:18px;right:18px;display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.dir-chip{font-family:var(--font-mono),ui-monospace,Menlo,monospace;font-size:10.5px;padding:5px 10px;border-radius:999px;background:hsl(var(--muted));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border));display:inline-flex;align-items:center;gap:6px;transition:all .4s ease}.dir-chip.active{background:#21835b24;color:#21835b;border-color:#21835b4d}html.dark .dir-chip.active{background:#4ac99624;color:#4ac996;border-color:#4ac9964d}.dir-chip .dc{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}.dir-chip.active .dc{opacity:1;box-shadow:0 0 6px currentColor}.map-counter{position:absolute;top:18px;right:18px;font-family:var(--font-mono),ui-monospace,Menlo,monospace;font-size:11px;color:hsl(var(--muted-foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));padding:6px 10px;border-radius:6px;display:flex;gap:8px;align-items:center}.map-counter b{color:hsl(var(--foreground));font-weight:600}.map-label{position:absolute;top:18px;left:18px;font-family:var(--font-mono),ui-monospace,Menlo,monospace;font-size:11px;color:hsl(var(--muted-foreground))}@media(prefers-reduced-motion:reduce){.map-ripple{display:none}.dir-chip{transition:none}}.lc-stage{padding:18px 22px;display:flex;flex-direction:column;gap:14px}.lc-label{position:absolute;top:18px;left:22px;font-family:var(--font-mono),ui-monospace,Menlo,monospace;font-size:11px;color:hsl(var(--muted-foreground));display:flex;align-items:center;gap:6px;text-transform:lowercase;letter-spacing:.02em}.lc-dot{width:6px;height:6px;border-radius:50%;background:hsl(var(--primary));animation:lcBlink 1.2s ease-in-out infinite}@keyframes lcBlink{0%,to{opacity:.3}50%{opacity:1}}.lc-counter{position:absolute;top:14px;right:22px;font-family:var(--font-mono),ui-monospace,Menlo,monospace;font-size:11px;color:hsl(var(--muted-foreground));background:hsl(var(--card));border:1px solid hsl(var(--border));padding:6px 10px;border-radius:6px;display:flex;gap:6px;align-items:center}.lc-counter b{color:hsl(var(--foreground));font-weight:600;font-size:13px;transition:color .2s ease}.lc-grid{position:absolute;inset:54px 22px 56px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}.lc-cell{position:relative;display:flex;align-items:center;gap:8px;padding:8px 22px 8px 10px;border-radius:8px;background:#fff;border:1px solid hsl(220 13% 88%);transition:border-color .35s ease,box-shadow .35s ease;min-width:0}.dark .lc-cell{background:#1a1e23;border-color:#2d3239}.lc-cell[data-status=scanning]{border-color:hsl(var(--anim-primary));box-shadow:0 0 0 2px hsl(var(--anim-primary) / .18);animation:lcScanPulse 1s ease-in-out infinite}.lc-cell[data-status=synced]{border-color:#2bab78b3;box-shadow:0 0 0 1px #2bab7840}.dark .lc-cell[data-status=synced]{border-color:#4ac99699;box-shadow:0 0 0 1px #4ac99638}@keyframes lcScanPulse{0%,to{box-shadow:0 0 0 2px hsl(var(--primary) / .1)}50%{box-shadow:0 0 0 3px hsl(var(--primary) / .22)}}.lc-logo{flex-shrink:0;width:24px;height:24px;border-radius:5px;display:grid;place-items:center;color:#fff;font-family:var(--font-mono),ui-monospace,Menlo,monospace;font-weight:700;font-size:11px}.lc-name,.lc-cell[data-status=pending] .lc-name,.lc-cell[data-status=scanning] .lc-name,.lc-cell[data-status=synced] .lc-name{flex:1 1 auto;min-width:0;font-size:12px;font-weight:600;color:#151a28;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .lc-name,.dark .lc-cell[data-status=pending] .lc-name,.dark .lc-cell[data-status=scanning] .lc-name,.dark .lc-cell[data-status=synced] .lc-name{color:#f0f2f5}.lc-check{position:absolute;top:6px;right:6px;width:14px;height:14px;border-radius:50%;display:grid;place-items:center;color:#fff;background:#21835b;opacity:0;transform:scale(.5);transition:opacity .3s ease,transform .3s cubic-bezier(.4,1.4,.5,1);pointer-events:none}html.dark .lc-check{background:#4ac996;color:#090c15}.lc-cell[data-status=synced] .lc-check{opacity:1;transform:scale(1)}.lc-foot{position:absolute;left:22px;right:22px;bottom:18px;display:flex;align-items:center;gap:10px;font-family:var(--font-mono),ui-monospace,Menlo,monospace;font-size:10.5px;color:hsl(var(--muted-foreground))}.lc-foot-label{white-space:nowrap;text-transform:lowercase;letter-spacing:.02em}.lc-bar-wrap{flex:1 1 auto;height:4px;border-radius:999px;background:hsl(var(--muted));overflow:hidden}.lc-bar{height:100%;width:0%;background:linear-gradient(90deg,hsl(var(--primary)),#21835b);border-radius:999px;transition:width .5s cubic-bezier(.4,0,.2,1)}html.dark .lc-bar{background:linear-gradient(90deg,hsl(var(--primary)),#4ac996)}.lc-foot-pct{font-weight:600;color:hsl(var(--foreground));min-width:34px;text-align:right;transition:color .2s ease}@media(prefers-reduced-motion:reduce){.lc-dot,.lc-cell,.lc-check,.lc-bar{animation:none!important;transition:none!important}}.sp-cursor{display:inline-block;width:6px;height:12px;background:hsl(var(--primary));vertical-align:middle;margin-left:1px;animation:spBlink .8s step-end infinite}@keyframes spBlink{50%{opacity:0}}.sp-preview{opacity:0;transition:opacity .4s ease}.sp-ch.published .sp-preview{opacity:1}.sp-status.sending{background:hsl(var(--warning) / .15);color:hsl(var(--warning))}.sp-status.done{background:hsl(var(--success) / .14);color:hsl(var(--success))}.sp-logo-g{background:#4285f4}.sp-logo-f{background:#1877f2}.sp-logo-i{background:linear-gradient(135deg,#f09433,#e6683c 25%,#dc2743,#cc2366 75%,#bc1888)}.sp-logo-x{background:#000}.sp-fly{position:absolute;width:20px;height:20px;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:10px;font-weight:700;pointer-events:none;z-index:5;opacity:0;transition:transform 1.1s cubic-bezier(.4,1.3,.5,1),opacity .3s;box-shadow:0 4px 12px #0003}@media(prefers-reduced-motion:reduce){.sp-cursor{animation:none;opacity:0}.sp-fly{display:none}.sp-preview{opacity:1}}.workflow-grid[data-astro-cid-s7flme5r]{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:820px){.workflow-grid[data-astro-cid-s7flme5r]{grid-template-columns:1fr}}.code-wrap{position:relative}.code-wrap .glow{position:absolute;inset:-24px;z-index:-1;border-radius:24px;background:linear-gradient(135deg,hsl(var(--primary) / .1),hsl(var(--primary) / .05),transparent);filter:blur(32px)}.code-wrap .term-stage{background:#0a0d15;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px -20px #0e121b80,0 0 0 1px hsl(var(--border));color:#e7ebef;font-family:var(--font-mono);position:relative}html.dark .code-wrap .term-stage{box-shadow:0 24px 60px -20px #0009,0 0 0 1px hsl(var(--border))}.code-wrap .term-chrome{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#10141e;border-bottom:1px solid hsl(224 22% 14%)}.code-wrap .term-dots{display:flex;gap:6px}.code-wrap .term-dots i{width:10px;height:10px;border-radius:50%;display:inline-block}.code-wrap .term-dots i:nth-child(1){background:#ff5f57}.code-wrap .term-dots i:nth-child(2){background:#febc2e}.code-wrap .term-dots i:nth-child(3){background:#28c840}.code-wrap .term-title{font-size:11px;color:#818898;margin:0 auto}.code-wrap .term-body{padding:20px 22px;font-size:13px;line-height:1.75;height:440px;overflow:hidden;position:relative}.code-wrap .term-scroll{display:flex;flex-direction:column;gap:0;will-change:transform;transition:transform .6s ease}@media(prefers-reduced-motion:reduce){.code-wrap .term-scroll{transition:none}}.code-wrap .term-line{white-space:pre-wrap;word-break:break-word}.code-wrap .term-p{color:#79d7b2;margin-right:8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-wrap .term-p:before{content:"$"}.code-wrap .term-p-dol{color:#6aadf0;-webkit-user-select:none;-moz-user-select:none;user-select:none;margin-right:8px}.code-wrap .term-p-dol:before{content:">"}.code-wrap .term-muted{color:#818898}.code-wrap .term-ok{color:#79d7b2}.code-wrap .term-info{color:#6aadf0}.code-wrap .term-kw{color:#c084fc}.code-wrap .term-sc{color:#a7f3d0}.code-wrap .term-key{color:#7dd3fc}.code-wrap .term-num{color:#fcd34d}.code-wrap .term-cursor{display:inline-block;width:8px;height:14px;background:#79d7b2;vertical-align:middle;margin-left:3px;animation:heroTermBlink .8s step-end infinite}@media(prefers-reduced-motion:reduce){.code-wrap .term-cursor{animation:none;opacity:0}}@keyframes heroTermBlink{50%{opacity:0}}.code-wrap .term-hook{margin:8px 0;padding:10px 12px;border-left:2px solid hsl(210 82% 55%);background:#121f2b;border-radius:0 6px 6px 0;font-size:12px;color:#d4dbe2;animation:heroTermHookPop .4s ease}@media(prefers-reduced-motion:reduce){.code-wrap .term-hook{animation:none}}@keyframes heroTermHookPop{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.code-wrap .term-hook .hk-head{color:#6aadf0;margin-bottom:6px;font-weight:600}.dg-stage{position:relative;background:linear-gradient(180deg,hsl(var(--muted) / .55),hsl(var(--muted) / .95));border:1px solid hsl(var(--border));border-radius:18px;padding:32px;overflow:hidden;min-height:540px;display:flex;align-items:center;justify-content:center;margin-top:32px}.dg-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,hsl(var(--border)) 1px,transparent 0);background-size:24px 24px;opacity:.5;pointer-events:none}.dg-win{width:100%;max-width:960px;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:12px;overflow:hidden;box-shadow:0 30px 80px -20px #0000002e,0 10px 20px -6px #0000000f;position:relative;z-index:2}.dg-chrome{display:flex;align-items:center;gap:10px;padding:10px 14px;background:hsl(var(--muted) / .6);border-bottom:1px solid hsl(var(--border))}.dg-dots{display:flex;gap:6px}.dg-dots i{width:11px;height:11px;border-radius:50%;display:inline-block}.dg-dots i:nth-child(1){background:#ff5f57}.dg-dots i:nth-child(2){background:#febc2e}.dg-dots i:nth-child(3){background:#28c840}.dg-addr{flex:1;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:6px;padding:5px 10px;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:hsl(var(--muted-foreground));display:flex;align-items:center;gap:6px;min-width:0}.dg-addr .pad{color:hsl(var(--foreground));font-weight:600}.dg-addr .lock{color:hsl(var(--success))}.dg-dash{display:grid;grid-template-columns:180px 1fr;height:460px;background:hsl(var(--card));position:relative}.dg-side{background:hsl(var(--muted) / .45);border-right:1px solid hsl(var(--border));padding:14px 10px;display:flex;flex-direction:column;gap:2px;font-size:12px}.dg-side h6{font-size:9.5px;text-transform:uppercase;letter-spacing:.08em;color:hsl(var(--muted-foreground));font-weight:600;margin:10px 8px 6px}.dg-side h6:first-of-type{margin-top:4px}.dg-side .nav-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;color:hsl(var(--foreground));transition:background .2s ease,color .2s ease;position:relative}.dg-side .nav-item svg{width:14px;height:14px;flex-shrink:0;color:hsl(var(--muted-foreground))}.dg-side .nav-item.active{background:hsl(var(--accent));color:hsl(var(--accent-foreground));font-weight:600}.dg-side .nav-item.active svg{color:hsl(var(--primary))}.dg-side .logo{display:flex;align-items:center;gap:7px;padding:4px 6px 10px;border-bottom:1px solid hsl(var(--border));margin-bottom:6px}.dg-side .logo .mark{width:22px;height:22px;border-radius:6px;background:hsl(var(--foreground));color:hsl(var(--background));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px}.dg-side .logo .brand{font-weight:600;font-size:12px}.dg-side .logo .brand .sub{font-size:9.5px;color:hsl(var(--muted-foreground));font-weight:500;display:block;margin-top:-1px}.dg-main{padding:20px 24px;overflow:hidden;position:relative}.dg-screen{position:absolute;inset:20px 24px;display:none;pointer-events:none}.dg-screen.in{display:block}.dg-screen-top{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:14px;gap:14px}.dg-screen-top h3{margin:0;font-size:18px;font-weight:600;letter-spacing:-.01em}.dg-screen-top .sub{font-size:11.5px;color:hsl(var(--muted-foreground));margin-top:2px}.dg-screen-top .rt{display:flex;gap:6px}.dg-pill{font-size:10px;padding:3px 7px;border-radius:5px;background:hsl(var(--muted));color:hsl(var(--muted-foreground));font-weight:500}.dg-pill.on{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.dg-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.dg-tile{border:1px solid hsl(var(--border));border-radius:8px;padding:10px 12px;background:hsl(var(--card))}.dg-tile .lbl{font-size:10px;color:hsl(var(--muted-foreground));text-transform:uppercase;letter-spacing:.04em;font-weight:600}.dg-tile .val{font-size:20px;font-weight:600;letter-spacing:-.02em;margin-top:2px;font-variant-numeric:tabular-nums}.dg-tile .dlt{font-size:10px;color:hsl(var(--success));font-weight:600;margin-top:1px}.dg-tile .dlt.down{color:hsl(var(--destructive))}.dg-tile .dlt.mute{color:hsl(var(--muted-foreground));font-weight:500}.dg-table{border:1px solid hsl(var(--border));border-radius:8px;overflow:hidden;background:hsl(var(--card));font-size:11px}.dg-table .mt-head{padding:8px 12px;border-bottom:1px solid hsl(var(--border));font-weight:600;font-size:11.5px;display:flex;justify-content:space-between}.dg-table .mt-head .rt{font-size:10px;color:hsl(var(--muted-foreground));font-weight:500;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace}.dg-table table{width:100%;border-collapse:collapse}.dg-table td{padding:6px 12px;border-bottom:1px solid hsl(var(--border));font-size:11px}.dg-table tr:last-child td{border-bottom:0}.dg-table .mono{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.dg-method{display:inline-block;font-weight:600;font-size:9.5px;padding:1px 5px;border-radius:3px;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace}.dg-m-get{background:#e8f2fd;color:#1059a2}.dg-m-post{background:#e7f9f2;color:#1d7250}.dark .dg-m-get{background:#082e54;color:#99c7f5}.dark .dg-m-post{background:#10412e;color:#85e0bc}.dg-stc{font-weight:600;font-size:10.5px;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace}.dg-stc.ok{color:hsl(var(--success))}.dg-stc.err{color:hsl(var(--destructive))}.dg-chart{border:1px solid hsl(var(--border));border-radius:8px;padding:14px;background:hsl(var(--card));height:100%;display:flex;flex-direction:column}.dg-chart h4{margin:0 0 4px;font-size:12px;font-weight:600}.dg-chart .chart-sub{font-size:10.5px;color:hsl(var(--muted-foreground));margin:0 0 10px}.dg-chart svg{width:100%;flex:1;min-height:0}.dg-btn{font-size:11px;padding:5px 10px;border-radius:6px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));font-weight:500;border:0}.dg-key-row{display:grid;grid-template-columns:auto 1fr auto auto auto;gap:10px;padding:10px 12px;border-bottom:1px solid hsl(var(--border));align-items:center;font-size:11.5px}.dg-key-row:last-child{border-bottom:0}.dg-env{font-size:9.5px;font-weight:700;padding:2px 6px;border-radius:4px;background:hsl(var(--accent));color:hsl(var(--accent-foreground));text-transform:uppercase;letter-spacing:.03em}.dg-env.test{background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.dg-key-val{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;color:hsl(var(--muted-foreground));font-size:10.5px}.dg-key-nm{font-weight:600}.dg-key-meta{font-size:10px;color:hsl(var(--muted-foreground));font-variant-numeric:tabular-nums}.dg-key-scope{font-size:9.5px;padding:2px 6px;border-radius:4px;background:hsl(var(--muted));color:hsl(var(--muted-foreground));font-weight:500}.dg-pg-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:100%}.dg-pg-pane{border:1px solid hsl(var(--border));border-radius:8px;background:hsl(var(--card));overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0}.dg-pg-pane .ph{padding:7px 10px;border-bottom:1px solid hsl(var(--border));font-size:10.5px;font-weight:600;display:flex;justify-content:space-between;align-items:center;background:hsl(var(--muted) / .6)}.dg-pg-pane .pb{padding:10px;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px;line-height:1.65;overflow:hidden;flex:1}.dg-pg-url{display:flex;gap:6px;align-items:center;padding:6px 10px;background:hsl(var(--muted));border-radius:6px}.dg-pg-method{font-size:9.5px;font-weight:700;color:#fff;background:#279b6d;padding:2px 6px;border-radius:3px;font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace}.dg-pg-path{font-family:var(--font-mono),ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;color:hsl(var(--foreground));flex:1}.dg-pg-send{font-size:10.5px;padding:3px 10px;border-radius:5px;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:0;font-weight:500}.dg-sx-kw{color:#b533cc}.dg-sx-str{color:#21835b}.dg-sx-key{color:#1266ba}.dg-sx-num{color:#b87c14}.dg-sx-cm{color:hsl(var(--muted-foreground));font-style:italic}.dg-sx-ok{color:hsl(var(--success))}.dark .dg-sx-kw{color:#d68de2}.dark .dg-sx-str{color:#64d8aa}.dark .dg-sx-key{color:#74b3f1}.dark .dg-sx-num{color:#edb95e}.dg-cursor{position:absolute;width:18px;height:22px;pointer-events:none;z-index:10;left:0;top:0;will-change:transform}.dg-cursor svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.dg-cursor.click:after{content:"";position:absolute;left:2px;top:2px;width:24px;height:24px;margin-left:-12px;margin-top:-12px;border:2px solid hsl(var(--primary));border-radius:50%;animation:dgClickRing .5s ease forwards}@keyframes dgClickRing{0%{transform:scale(0);opacity:1}to{transform:scale(1.6);opacity:0}}.dg-progress{display:flex;gap:5px;margin-top:16px;justify-content:center}.dg-progress i{width:22px;height:3px;border-radius:2px;background:hsl(var(--border));transition:background .3s ease,width .3s ease}.dg-progress i.on{background:hsl(var(--primary));width:32px}@media(max-width:767px){.dg-stage{min-height:0;padding:20px}.dg-dash{grid-template-columns:140px 1fr;height:360px}.dg-side{font-size:11px;padding:10px 8px}.dg-cursor{display:none}.dg-screen{inset:14px 16px}.dg-main{padding:14px 16px}.dg-stats{grid-template-columns:repeat(2,1fr)}.dg-progress{display:none}.dg-pg-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.dg-cursor{display:none}.dg-cursor.click:after{animation:none}.dg-side .nav-item,.dg-progress i{transition:none}}
