:root{color-scheme:dark;--bg:#0a0b0f;--bg-surface:#15171c;--bg-elevated:#1c1e24;--panel:#15171c;--border:#ffffff0f;--border-strong:#ffffff1f;--text:#e6e8ed;--muted:#8b919c;--dim:#555a64;--primary:#7c6ff0;--primary-soft:#a78bfa;--accent:#c8ff3a;--signal:#4dd4ff;--font-sans:"Inter Variable", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius:4px;--radius-lg:8px}:where(.astro-rxmzdjr4),:where(.astro-rxmzdjr4):before,:where(.astro-rxmzdjr4):after{box-sizing:border-box}body{font-family:var(--font-sans);color:var(--text);background:radial-gradient(ellipse 60% 50% at 50% 0%, #7c6ff02e, transparent 70%), radial-gradient(#ffffff0b 1px, transparent 1px) 0 0 / 24px 24px, var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;margin:0}:where(.astro-rxmzdjr4)::selection{background:var(--primary);color:#fff}.topbar:where(.astro-rxmzdjr4){border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(180%)blur(14px);font-family:var(--font-mono);letter-spacing:.02em;z-index:10;background:#0a0b0fb8;align-items:center;gap:.6rem;padding:.7rem 1.25rem;font-size:.78rem;display:flex;position:sticky;top:0}.topbar:where(.astro-rxmzdjr4) a:where(.astro-rxmzdjr4){color:var(--muted);font-weight:500;text-decoration:none;transition:color .15s}.topbar:where(.astro-rxmzdjr4) a:where(.astro-rxmzdjr4):hover{color:var(--text)}.topbar:where(.astro-rxmzdjr4) .sep:where(.astro-rxmzdjr4){color:var(--dim)}.topbar:where(.astro-rxmzdjr4) .current:where(.astro-rxmzdjr4){color:var(--text);font-weight:600}.topbar:where(.astro-rxmzdjr4) .version:where(.astro-rxmzdjr4){border:1px solid var(--border-strong);color:var(--muted);letter-spacing:.06em;text-transform:uppercase;border-radius:3px;margin-left:auto;padding:2px 6px;font-size:.62rem;line-height:1}main:where(.astro-rxmzdjr4){max-width:1200px;margin:0 auto;padding:3rem 1.25rem 4rem}.hero-eyebrow:where(.astro-rxmzdjr4){font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.55rem;margin-bottom:1rem;font-size:.7rem;display:inline-flex}.hero-eyebrow:where(.astro-rxmzdjr4):before{content:"";background:var(--accent);width:.5rem;height:.5rem;box-shadow:0 0 12px var(--accent);border-radius:50%;animation:2.4s cubic-bezier(.4,0,.6,1) infinite ea-pulse}h1:where(.astro-rxmzdjr4){letter-spacing:-.035em;background:linear-gradient(#f7f8fa 0%,#b8bcc6 100%);-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 1rem;font-size:clamp(2rem,1.4rem + 3vw,3.25rem);font-weight:750;line-height:1}main:where(.astro-rxmzdjr4)>p:where(.astro-rxmzdjr4){color:var(--muted);max-width:60ch;margin:0 0 .75rem;line-height:1.6}main:where(.astro-rxmzdjr4)>p:where(.astro-rxmzdjr4) code:where(.astro-rxmzdjr4){font-family:var(--font-mono);background:var(--bg-elevated);border:1px solid var(--border);color:var(--primary-soft);border-radius:3px;padding:.12em .4em;font-size:.85em}.grid:where(.astro-rxmzdjr4){grid-template-columns:1.1fr .9fr;gap:1rem;margin-top:2.5rem;display:grid}.panel:where(.astro-rxmzdjr4){background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1.1rem;position:relative;overflow:hidden}.panel:where(.astro-rxmzdjr4):before{content:"";background:linear-gradient(135deg, color-mix(in oklab, var(--primary) 8%, transparent) 0%, transparent 40%);pointer-events:none;opacity:.4;position:absolute;inset:0}.panel:where(.astro-rxmzdjr4)>:where(.astro-rxmzdjr4){position:relative}.controls:where(.astro-rxmzdjr4){flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.9rem;display:flex}.eyebrow:where(.astro-rxmzdjr4){justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;display:flex}.eyebrow-title:where(.astro-rxmzdjr4){font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-size:.7rem;font-weight:600}.eyebrow-title:where(.astro-rxmzdjr4):before{content:"// ";color:var(--accent)}.pill:where(.astro-rxmzdjr4){border:1px solid var(--border-strong);background:var(--bg-surface);color:var(--text);font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.45rem;padding:.3rem .65rem .3rem .55rem;font-size:.68rem;font-weight:500;display:inline-flex}.pill:where(.astro-rxmzdjr4):before{content:"";background:var(--signal);width:.4rem;height:.4rem;box-shadow:0 0 8px var(--signal);border-radius:50%}button:where(.astro-rxmzdjr4),select:where(.astro-rxmzdjr4){border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);font:500 .85rem/1 var(--font-sans);cursor:pointer;padding:.6rem .95rem;transition:border-color .15s,background .15s,transform .15s,box-shadow .2s}select:where(.astro-rxmzdjr4){font-family:var(--font-mono);appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 14px),calc(100% - 9px);background-repeat:no-repeat;background-size:5px 5px;padding-right:2rem;font-size:.78rem}select:where(.astro-rxmzdjr4):hover,select:where(.astro-rxmzdjr4):focus{border-color:var(--primary);outline:none}button:where(.astro-rxmzdjr4)#analyze-button{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-soft) 100%);color:#fff;border:1px solid color-mix(in oklab, var(--primary) 70%, transparent);box-shadow:0 1px 0 #ffffff2e inset, 0 6px 18px -8px color-mix(in oklab, var(--primary) 80%, transparent)}button:where(.astro-rxmzdjr4)#analyze-button:hover{box-shadow:0 1px 0 #ffffff38 inset, 0 10px 22px -8px color-mix(in oklab, var(--primary) 90%, transparent);transform:translateY(-1px)}button:where(.astro-rxmzdjr4)#open-fullpage{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;background:var(--bg-surface)!important;color:var(--muted)!important;border-color:var(--border-strong)!important;padding:.3rem .6rem!important;font-size:.68rem!important}button:where(.astro-rxmzdjr4)#open-fullpage:hover{color:var(--text)!important;border-color:var(--primary)!important}textarea:where(.astro-rxmzdjr4),pre:where(.astro-rxmzdjr4){box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;min-height:34rem;color:var(--text);font:13.5px/1.6 var(--font-mono);background:#0d0e13;padding:1rem}textarea:where(.astro-rxmzdjr4):focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 18%, transparent);outline:none}pre:where(.astro-rxmzdjr4){white-space:pre-wrap;word-break:break-word;color:var(--muted);margin:0;overflow:auto}.output-stack:where(.astro-rxmzdjr4){gap:.85rem;display:grid}.diagram-shell:where(.astro-rxmzdjr4){box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-lg);background:radial-gradient(circle at top left, #7c6ff00f, transparent 20rem), var(--bg-surface);min-height:34rem;color:var(--muted);padding:1rem;overflow:auto}.diagram-shell:where(.astro-rxmzdjr4)[hidden]{display:none}.html-shell:where(.astro-rxmzdjr4){border:1px solid var(--border);border-radius:var(--radius-lg);background:#0a0b0f;width:100%;min-height:34rem}.html-shell:where(.astro-rxmzdjr4)[hidden]{display:none}.diagram-shell:where(.astro-rxmzdjr4) svg:where(.astro-rxmzdjr4){width:100%;height:auto;display:block}.hint:where(.astro-rxmzdjr4){font-family:var(--font-mono);letter-spacing:.02em;color:var(--dim);margin:0;font-size:.72rem}.hint:where(.astro-rxmzdjr4):before{content:"// ";color:var(--accent)}.status:where(.astro-rxmzdjr4){min-height:1.5rem;font-family:var(--font-mono);color:var(--muted);margin:0 0 .8rem;font-size:.78rem}@keyframes ea-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){:where(.astro-rxmzdjr4),:where(.astro-rxmzdjr4):before,:where(.astro-rxmzdjr4):after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=900px){.grid:where(.astro-rxmzdjr4){grid-template-columns:1fr}textarea:where(.astro-rxmzdjr4),pre:where(.astro-rxmzdjr4),.diagram-shell:where(.astro-rxmzdjr4),.html-shell:where(.astro-rxmzdjr4){min-height:24rem}.diagram-shell:where(.astro-rxmzdjr4)>:where(.astro-rxmzdjr4){min-width:32rem}}
