:root{--angler-indigo: #4338ca;--angler-indigo-700: #3730a3;--angler-dark-indigo: #312e81;--angler-light-indigo: #a6a2e5;--angler-mint: #00cc99;--angler-mint-700: #0aa57b;--angler-light-mint: #cbf3e7;--angler-near-black: #1a1a2e;--angler-slate: #64748b;--angler-slate-400: #94a3b8;--angler-slate-200: #e2e8f0;--angler-light-gray: #f1f5f9;--angler-white: #ffffff;--angler-success: #00cc99;--angler-warning: #f59e0b;--angler-danger: #ef4444;--angler-info: #4338ca;--fg-1: var(--angler-near-black);--fg-2: var(--angler-slate);--fg-3: var(--angler-slate-400);--fg-on-indigo: var(--angler-white);--fg-on-mint: var(--angler-near-black);--bg-page: var(--angler-white);--bg-section: var(--angler-light-gray);--bg-card: var(--angler-white);--bg-callout: var(--angler-light-mint);--bg-tag: var(--angler-light-mint);--bg-dark: var(--angler-dark-indigo);--bg-input: var(--angler-white);--bg-row-alt: var(--angler-light-gray);--border-soft: var(--angler-slate-200);--border-strong: #cbd5e1;--border-accent: var(--angler-indigo);--angler-gradient: linear-gradient(135deg, #4338ca 0%, #00cc99 100%);--angler-gradient-soft: linear-gradient(135deg, rgba(67,56,202,.08) 0%, rgba(0,204,153,.08) 100%);--angler-gradient-bar: linear-gradient(90deg, #4338ca 0%, #00cc99 100%);--chart-1: #4338ca;--chart-2: #00cc99;--chart-3: #a6a2e5;--chart-4: #cbf3e7;--chart-5: #312e81;--chart-alert: #ef4444;--chart-grid: #e2e8f0;--font-abel: "Abel", "Inter", system-ui, sans-serif;--font-sans: "Lato", "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-text: "Lato", "Inter", system-ui, sans-serif;--font-display: "Abel", "Lato", "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-display: 3.5rem;--fs-h1: 2.5rem;--fs-h2: 2rem;--fs-h3: 1.5rem;--fs-h4: 1.25rem;--fs-body: 1rem;--fs-small: .875rem;--fs-caption: .75rem;--fs-mono: .875rem;--lh-tight: 1.15;--lh-snug: 1.3;--lh-body: 1.6;--tracking-tight: -.02em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-eyebrow: .08em;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--shadow-xs: 0 1px 2px rgba(26, 26, 46, .06);--shadow-sm: 0 1px 3px rgba(26, 26, 46, .08), 0 1px 2px rgba(26, 26, 46, .04);--shadow-md: 0 4px 12px rgba(26, 26, 46, .08), 0 2px 4px rgba(26, 26, 46, .04);--shadow-lg: 0 12px 24px rgba(26, 26, 46, .1), 0 4px 8px rgba(26, 26, 46, .04);--shadow-xl: 0 24px 48px rgba(26, 26, 46, .14);--shadow-indigo: 0 8px 24px rgba(67, 56, 202, .25);--shadow-mint: 0 8px 24px rgba(0, 204, 153, .2);--ease-standard: cubic-bezier(.2, .8, .2, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-fast: .12s;--dur-base: .2s;--dur-slow: .32s;--container-max: 1200px;--container-narrow: 880px;--gutter: 24px}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--fg-1);background:var(--bg-page);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{color:var(--fg-1);margin:0 0 var(--space-4) 0;text-wrap:balance}h1{font-family:var(--font-display);font-size:var(--fs-h1);font-weight:400;line-height:var(--lh-tight);letter-spacing:var(--tracking-tight)}h2{font-family:var(--font-display);font-size:var(--fs-h2);font-weight:400;line-height:var(--lh-snug);letter-spacing:var(--tracking-snug)}h3{font-family:var(--font-text);font-size:var(--fs-h3);font-weight:600;line-height:var(--lh-snug)}h4{font-family:var(--font-text);font-size:var(--fs-h4);font-weight:600;line-height:var(--lh-snug)}p{margin:0 0 var(--space-4) 0;text-wrap:pretty}small{font-size:var(--fs-small);color:var(--fg-2)}.caption{font-size:var(--fs-caption);color:var(--fg-2);letter-spacing:.02em}.eyebrow{font-size:var(--fs-caption);font-weight:600;letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--angler-indigo)}code,pre,kbd,samp{font-family:var(--font-mono);font-size:var(--fs-mono)}code{background:var(--angler-light-gray);padding:.15em .4em;border-radius:var(--radius-xs);color:var(--angler-indigo)}a{color:var(--angler-indigo);text-decoration:none;transition:color var(--dur-fast) var(--ease-standard)}a:hover{color:var(--angler-indigo-700);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--fs-body);font-weight:600;line-height:1;padding:12px 20px;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard),box-shadow var(--dur-base) var(--ease-standard);text-decoration:none}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--angler-indigo);outline-offset:2px}.btn-primary{background:var(--angler-indigo);color:var(--angler-white)}.btn-primary:hover{background:var(--angler-light-indigo);color:var(--angler-white);text-decoration:none}.btn-secondary{background:var(--angler-white);color:var(--angler-indigo);border-color:var(--angler-indigo)}.btn-secondary:hover{background:var(--angler-light-gray)}.btn-ghost{background:transparent;color:var(--angler-indigo)}.btn-ghost:hover{background:var(--angler-light-gray)}.btn-mint{background:var(--angler-mint);color:var(--angler-near-black)}.btn-mint:hover{background:var(--angler-mint-700);color:var(--angler-white)}.btn-gradient{background:var(--angler-gradient);color:var(--angler-white);box-shadow:var(--shadow-indigo)}.btn-gradient:hover{filter:brightness(1.05);color:var(--angler-white)}.btn-sm{padding:8px 14px;font-size:var(--fs-small)}.btn-lg{padding:16px 28px;font-size:1.0625rem}.card{background:var(--bg-card);border:1px solid var(--border-soft);border-radius:var(--radius-lg);padding:var(--space-6)}.card-callout{background:var(--bg-callout);border:1px solid var(--angler-light-mint);border-left:4px solid var(--angler-indigo);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6)}.tag{display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;gap:6px;background:var(--bg-tag);color:var(--angler-dark-indigo);font-size:var(--fs-caption);font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);letter-spacing:.02em}.tag-indigo{background:#4338ca1a;color:var(--angler-indigo)}.tag-mint{background:var(--angler-light-mint);color:var(--angler-dark-indigo)}.tag-slate{background:var(--angler-light-gray);color:var(--angler-slate)}.tag-danger{background:#ef44441f;color:var(--angler-danger)}.tag-amber{background:#f59e0b24;color:#b45309}.tag-purple{background:#9333ea1f;color:#7e22ce}.input,.select,.textarea{width:100%;font-family:var(--font-sans);font-size:var(--fs-body);color:var(--fg-1);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:10px 14px;transition:border-color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard)}.input::placeholder,.textarea::placeholder{color:var(--fg-3)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--angler-indigo);box-shadow:0 0 0 3px #4338ca26}.select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.json-editor:focus-within{border-color:var(--angler-indigo);box-shadow:0 0 0 3px #4338ca26}.json-editor.json-editor-invalid{border-color:var(--angler-danger)}.json-key{color:#4338ca}.json-str{color:#0e7c5a}.json-num{color:#b45309}.json-kw{color:#9333ea}[data-theme=dark] .json-key{color:#a5b4fc}[data-theme=dark] .json-str{color:#6ee7b7}[data-theme=dark] .json-num{color:#fcd34d}[data-theme=dark] .json-kw{color:#d8b4fe}.table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--fs-small)}.table thead th{background:var(--angler-indigo);color:var(--angler-white);font-weight:600;text-align:left;padding:12px 16px}.table thead th:first-child{border-top-left-radius:var(--radius-md)}.table thead th:last-child{border-top-right-radius:var(--radius-md)}.table tbody td{padding:12px 16px;border-bottom:1px solid var(--border-soft);color:var(--fg-1)}.table tbody tr:nth-child(2n) td{background:var(--bg-row-alt)}.section-light{background:var(--angler-light-gray)}.section-dark{background:var(--angler-dark-indigo);color:var(--angler-white)}.section-dark h1,.section-dark h2,.section-dark h3{color:var(--angler-white)}.section-gradient{background:var(--angler-gradient);color:var(--angler-white)}.text-gradient{background:var(--angler-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=dark]{--bg-page: #0a0d14;--bg-section: #11151d;--bg-card: #141923;--bg-input: #0c0f16;--bg-row-alt: #1a2030;--fg-1: #f1f5f9;--fg-2: #aeb6c6;--fg-3: #6b7689;--border-soft: #1f2733;--border-strong: #2c3645}[data-theme=dark] .btn-secondary{background:var(--bg-card);color:var(--fg-1);border-color:var(--border-strong)}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] .btn-ghost:hover{background:#ffffff0f}[data-theme=dark] code,[data-theme=dark] .tag-slate{background:#ffffff14;color:var(--angler-light-indigo)}[data-theme=dark] .tag-indigo{background:#a6a2e52e;color:var(--angler-light-indigo)}[data-theme=dark] .tag-mint{background:#00cc992e;color:var(--angler-mint)}[data-theme=dark] .tag-danger{background:#ef444433;color:#fca5a5}[data-theme=dark] .tag-amber{background:#f59e0b33;color:#fcd34d}[data-theme=dark] .tag-purple{background:#a855f738;color:#d8b4fe}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}#root{display:flex;flex-direction:column}[data-theme=dark] .eyebrow{color:var(--angler-mint)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--fg-3);background-clip:padding-box}.cl-rootBox,.cl-card{font-family:var(--font-sans)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;padding:5px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--fg-3)}.icon-btn:hover{background:var(--bg-section);color:var(--fg-1)}.icon-btn:disabled{opacity:.5;cursor:default}