:root{--color-text: #1a1d29;--color-heading: #0d0f17;--color-bg: #eceef3;--color-bg-accent: #e4e7ef;--color-surface: #ffffff;--color-surface-sunken: #f6f7fb;--color-border: #e2e5ee;--color-border-strong: #c3c8d6;--color-accent: #5b53e0;--color-accent-strong: #4a42cf;--color-accent-soft: #eeecfc;--color-accent-contrast: #ffffff;--color-danger: #c0362c;--color-danger-surface: #fdf1f0;--color-success: #1a7f47;--color-mono: #3d2f6b;--color-muted: #5a6173;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;--font-size-h1: 2.25rem;--font-size-h2: 1.0625rem;--font-size-answer: 1.0625rem;--font-size-body: 1rem;--font-size-sm: .875rem;--font-size-xs: .8125rem;--leading-tight: 1.15;--leading-body: 1.6;--tracking-tight: -.02em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-full: 999px;--tap-target: 44px;--shadow-sm: 0 1px 2px rgb(15 18 30 / .06);--shadow-md: 0 1px 2px rgb(15 18 30 / .06), 0 4px 12px rgb(15 18 30 / .06);--shadow-lg: 0 2px 4px rgb(15 18 30 / .05), 0 12px 32px rgb(15 18 30 / .1);--shadow-focus: 0 0 0 3px color-mix(in srgb, var(--color-accent) 30%, transparent);color-scheme:light dark;font-family:var(--font-body);font-size:16px;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}@media(prefers-color-scheme:dark){:root{--color-text: #d5d9e4;--color-heading: #f4f6fb;--color-bg: #0b0d14;--color-bg-accent: #10131d;--color-surface: #161a26;--color-surface-sunken: #10131d;--color-border: #262c3b;--color-border-strong: #3a4257;--color-accent: #8b83ff;--color-accent-strong: #a29bff;--color-accent-soft: #1e1d3a;--color-accent-contrast: #0b0d14;--color-danger: #ff9d92;--color-danger-surface: #2a1614;--color-success: #64d99a;--color-mono: #c3bcff;--color-muted: #8b93a7;--shadow-sm: 0 1px 2px rgb(0 0 0 / .4);--shadow-md: 0 1px 2px rgb(0 0 0 / .4), 0 4px 14px rgb(0 0 0 / .35);--shadow-lg: 0 2px 6px rgb(0 0 0 / .45), 0 16px 40px rgb(0 0 0 / .5)}}body{margin:0;background:radial-gradient(1200px 600px at 50% -10%,var(--color-bg-accent),transparent 70%),var(--color-bg);min-height:100vh}button,textarea,input{font:inherit}.page{max-width:46rem;margin:0 auto;padding:var(--space-7) var(--space-4) var(--space-6)}h1{font-size:var(--font-size-h1);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);font-weight:700;color:var(--color-heading);margin:0 0 var(--space-2)}.wordmark-jq{font-family:var(--font-mono);color:var(--color-accent);letter-spacing:-.04em}.wordmark-rest{color:var(--color-heading)}.tagline{margin:0 0 var(--space-4);max-width:40rem;font-size:var(--font-size-sm);line-height:var(--leading-body);color:var(--color-muted)}.intro{margin:0 0 var(--space-6);max-width:40rem;font-size:1.0625rem;line-height:var(--leading-body);color:var(--color-text)}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-accent);color:var(--color-accent-contrast);padding:var(--space-2) var(--space-4);border-radius:0 0 var(--radius-sm) 0;z-index:10}.skip-link:focus-visible{left:0}::placeholder{color:var(--color-muted);opacity:1}.input-label{display:block;font-weight:600;font-size:var(--font-size-sm);color:var(--color-heading);margin-bottom:var(--space-2)}.json-input{width:100%;min-height:8.5rem;box-sizing:border-box;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--leading-body);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-mono);box-shadow:var(--shadow-sm);resize:vertical}.json-input:hover{border-color:var(--color-accent)}.json-input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.parse-error{border:1px solid color-mix(in srgb,var(--color-danger) 40%,transparent);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-top:var(--space-3);background:var(--color-danger-surface)}.parse-error p{margin:0;font-weight:600;color:var(--color-danger)}.parse-error pre{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--leading-body);overflow-x:auto;margin:var(--space-2) 0 0;color:var(--color-text)}.path-bar{display:flex;align-items:stretch;gap:var(--space-3);margin:var(--space-4) 0 var(--space-3)}.path-output{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;font-family:var(--font-mono);font-size:var(--font-size-answer);font-weight:500;letter-spacing:-.01em;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);overflow-x:auto;white-space:nowrap;background:var(--color-surface-sunken);color:var(--color-mono);box-shadow:inset 2px 0 0 var(--color-accent),inset 0 1px 2px #0f121e0a}.path-output-empty{color:var(--color-muted);font-family:var(--font-body);font-size:var(--font-size-sm);font-weight:400;letter-spacing:normal;white-space:normal;box-shadow:inset 0 1px 2px #0f121e0a}.path-output-unsupported{color:var(--color-danger);font-size:var(--font-size-sm);white-space:normal;box-shadow:inset 2px 0 0 var(--color-danger),inset 0 1px 2px #0f121e0a}.path-line{display:block;padding:var(--space-1) 0}.path-line:before{content:"$ ";color:var(--color-accent);font-weight:700;-webkit-user-select:none;user-select:none}.path-line+.path-line{margin-top:var(--space-1);padding-top:var(--space-2);border-top:1px solid var(--color-border)}@media(prefers-reduced-motion:no-preference){.path-output:not(.path-output-empty){animation:answer-arrive .32s cubic-bezier(.22,1,.36,1)}}@keyframes answer-arrive{0%{box-shadow:inset 4px 0 0 var(--color-accent),inset 0 1px 2px #0f121e0a;background:var(--color-accent-soft)}}.match-note{margin:calc(-1 * var(--space-1)) 0 var(--space-3);font-size:var(--font-size-xs);color:var(--color-muted)}.copy-error{margin:var(--space-2) 0 var(--space-3);font-size:var(--font-size-sm);color:var(--color-danger)}.button{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:var(--font-size-sm);font-weight:600;letter-spacing:.01em;min-height:var(--tap-target);padding:var(--space-2) var(--space-6);border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-accent-contrast);box-shadow:var(--shadow-sm);cursor:pointer}.button:hover:not(:disabled){background:var(--color-accent-strong)}.button:active:not(:disabled){transform:translateY(1px);box-shadow:none}.button:disabled{opacity:.45;cursor:default;box-shadow:none}.button-copied,.button-copied:hover:not(:disabled){background:var(--color-success);color:#fff}.filter-input{width:100%;box-sizing:border-box;font-family:var(--font-mono);font-size:var(--font-size-sm);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-mono);box-shadow:var(--shadow-sm)}.filter-input:hover{border-color:var(--color-accent)}.filter-input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.filter-status{min-height:1.25rem;margin:var(--space-2) 0 var(--space-3);font-size:var(--font-size-sm);color:var(--color-muted)}.filter-status-unsupported{color:var(--color-danger)}.tree-view{position:relative;height:60vh;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--font-size-sm);background:var(--color-surface);box-shadow:var(--shadow-md)}.tree-spacer{position:relative}.tree-row{position:absolute;left:0;right:0;height:28px;display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-3);cursor:pointer;white-space:nowrap;overflow:hidden}.tree-row:hover{background:var(--color-surface-sunken)}.tree-row-highlighted{background:var(--color-accent-soft);box-shadow:inset 3px 0 0 var(--color-accent)}.tree-row-highlighted .tree-label{color:var(--color-accent-strong)}.tree-row-highlighted:hover{background:color-mix(in srgb,var(--color-accent) 18%,transparent)}.tree-row-focused{box-shadow:inset 0 0 0 2px var(--color-accent)}.tree-toggle{display:inline-block;width:1rem;text-align:center;flex-shrink:0;color:var(--color-muted)}button.tree-toggle{cursor:pointer;min-width:1.5rem;min-height:1.5rem;padding:0;color:var(--color-muted);background:transparent;border:0;border-radius:var(--radius-sm)}button.tree-toggle:hover{color:var(--color-accent)}.tree-label{font-weight:600;color:var(--color-text);flex-shrink:0}.tree-value{color:var(--color-muted);overflow:hidden;text-overflow:ellipsis}.chip-bar,.breadcrumb{min-inline-size:0;padding:0;border:0}.chip-bar{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0 0}.chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);font-family:var(--font-mono);font-size:var(--font-size-xs);max-width:100%;min-width:0;overflow-wrap:anywhere;color:var(--color-accent-strong);background:var(--color-accent-soft);border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);border-radius:var(--radius-full)}.chip-remove,.chip-clear{font:inherit;cursor:pointer;color:inherit;background:transparent;border:0}.chip-remove{display:inline-flex;align-items:center;justify-content:center;width:1.375rem;height:1.375rem;line-height:1;border-radius:var(--radius-full)}.chip-remove:hover{background:color-mix(in srgb,var(--color-accent) 25%,transparent)}.chip-clear{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);color:var(--color-muted)}.chip-clear:hover{color:var(--color-accent)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-2) 0 var(--space-3);font-size:var(--font-size-xs)}.breadcrumb-label{color:var(--color-muted)}.breadcrumb-item{font:inherit;font-family:var(--font-mono);font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);max-width:100%;min-width:0;overflow-wrap:anywhere;cursor:pointer;color:var(--color-muted);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm)}.breadcrumb-item:hover:not(.breadcrumb-item-active){color:var(--color-accent);border-color:var(--color-accent);background:var(--color-accent-soft)}.breadcrumb-item-active{color:var(--color-accent-strong);background:var(--color-accent-soft);border-color:color-mix(in srgb,var(--color-accent) 45%,transparent);font-weight:600}.site-footer{margin-top:var(--space-7);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-muted);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-4)}.site-footer a{color:var(--color-muted);text-decoration:none}.site-footer a:hover{color:var(--color-accent)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button.tree-toggle:focus-visible{outline-offset:1px}@media(prefers-reduced-motion:no-preference){.button,.breadcrumb-item,.chip-remove,.chip-clear,.json-input,.filter-input,.tree-row,.tree-toggle,.site-footer a{transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,color .15s ease,transform .15s ease}}@media(pointer:coarse){.chip{padding-block:var(--space-2)}.chip-remove{width:1.75rem;height:1.75rem}.breadcrumb-item,.chip-clear{padding-block:var(--space-2)}}