:root{color-scheme:dark;--bg:#0d1117;--bg-subtle:#161b22;--bg-inset:#010409;--surface:#161b22;--surface-overlay:#21262d;--border:#30363d;--border-muted:#21262d;--border-strong:#3d444d;--fg:#e6edf3;--fg-muted:#848d97;--fg-subtle:#6e7681;--fg-on-emphasis:#ffffff;--accent:#388bfd;--accent-muted:rgba(56,139,253,0.15);--accent-emphasis:#1f6feb;--success:#3fb950;--success-muted:rgba(63,185,80,0.15);--danger:#f85149;--danger-muted:rgba(248,81,73,0.15);--attention:#d29922;--attention-muted:rgba(210,153,34,0.15);--shadow-sm:0 1px 4px rgba(1,4,9,0.7);--shadow-md:0 3px 12px rgba(1,4,9,0.7);--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--syntax-number:#bc8cff}:root[data-theme=light]{color-scheme:light;--bg:#f6f8fa;--bg-subtle:#eaeef2;--bg-inset:#ffffff;--surface:#ffffff;--surface-overlay:#f6f8fa;--border:#d0d7de;--border-muted:#eaeef2;--border-strong:#afb8c1;--fg:#24292f;--fg-muted:#57606a;--fg-subtle:#8c959f;--fg-on-emphasis:#ffffff;--accent:#0969da;--accent-muted:rgba(9,105,218,0.1);--accent-emphasis:#0550ae;--success:#1a7f37;--success-muted:rgba(26,127,55,0.1);--danger:#cf222e;--danger-muted:rgba(207,34,46,0.1);--attention:#9a6700;--attention-muted:rgba(154,103,0,0.1);--shadow-sm:0 1px 3px rgba(31,35,40,0.12);--shadow-md:0 3px 12px rgba(31,35,40,0.08);--syntax-number:#8250df}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,ui-sans-serif,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.page-shell{width:min(1200px,100% - 40px);margin:0 auto;padding:20px 0 64px}.hero.compact-hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 20px;margin-bottom:16px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.brand{gap:10px}.brand,.brand-mark{display:inline-flex;align-items:center}.brand-mark{justify-content:center;width:34px;height:34px;border-radius:var(--radius-sm);background:var(--accent-muted);color:var(--accent);font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:700;border:1px solid rgba(56,139,253,.25);flex-shrink:0}.brand-logo{flex-shrink:0;display:block}.brand-name{display:block;font-size:.9rem;font-weight:700;letter-spacing:-.01em;color:var(--fg);margin:0}.brand-tag{display:block;font-size:.74rem;color:var(--fg-subtle);margin:0}.menu{display:flex;gap:2px;flex-wrap:wrap;align-items:center}.nav-pill{padding:5px 10px;border-radius:var(--radius-sm);color:var(--fg-muted);border:1px solid transparent;font-size:.8rem;font-weight:500;transition:.1s ease;white-space:nowrap}.nav-pill:hover{color:var(--fg);background:var(--surface-overlay);border-color:var(--border)}.nav-pill.active{color:var(--accent);background:var(--accent-muted)}.site-footer{margin-top:32px;padding-top:14px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;align-items:center;color:var(--fg-muted);font-size:.78rem}.site-footer-copy{display:grid;grid-gap:2px;gap:2px;line-height:1.6}.footer-brand{display:flex;align-items:center;gap:8px;margin-bottom:4px}.site-footer-links{display:flex;gap:4px;flex-wrap:wrap}.footer-link{padding:4px 8px;border-radius:var(--radius-sm);font-size:.78rem;transition:.1s ease}.footer-link:hover{color:var(--fg);background:var(--surface-overlay)}.footer-link-inline{color:var(--accent);font-weight:600}.footer-link-inline:hover{text-decoration:underline}.tool-stack{display:grid;grid-gap:14px;gap:14px}.hero{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px}.landing-hero{padding:28px 32px}.hero-content{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr);grid-gap:28px;gap:28px;align-items:start}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--accent);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:14px;height:1px;background:currentColor;flex-shrink:0}.hero-copy h1{margin:12px 0;font-size:clamp(1.5rem,4vw,2.3rem);line-height:1.15;letter-spacing:-.03em;font-weight:800}.hero-copy p{color:var(--fg-muted);font-size:.9rem;line-height:1.7;margin:0}.hero-card{background:var(--surface-overlay);border:1px solid var(--border);border-radius:var(--radius-md);padding:18px 20px}.hero-card-title{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-subtle);margin:0 0 10px}.hero-card ul{margin:0;padding-left:0;list-style:none;display:grid;grid-gap:5px;gap:5px;font-size:.85rem;color:var(--fg-muted)}.hero-card li:before{content:"→ ";color:var(--accent);font-weight:700}.home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.tool-link-card{display:block;padding:18px 20px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);transition:.12s ease}.tool-link-card:hover{border-color:var(--border-strong);background:var(--surface-overlay)}.tool-link-card h2{margin:5px 0 7px;font-size:.95rem;line-height:1.3;letter-spacing:-.015em;font-weight:700;color:var(--fg)}.tool-link-card p{color:var(--fg-muted);font-size:.82rem;line-height:1.6;margin:0}.tool-link-cta{display:inline-flex;align-items:center;margin-top:12px;font-size:.78rem;font-weight:600;color:var(--accent)}.tool-link-cta:after{content:" →"}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px}.panel-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.panel-kicker{font-size:.67rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--fg-subtle);margin:0}.panel-header h2,.tool-link-card h2{margin:4px 0 5px}.panel-header h2{font-size:1rem;line-height:1.3;letter-spacing:-.02em;font-weight:700;color:var(--fg)}.help-text,.mini-note{font-size:.8rem;color:var(--fg-muted);line-height:1.6;margin:0}.status-badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--radius-sm);background:var(--surface-overlay);border:1px solid var(--border);color:var(--fg-subtle);font-size:.72rem;font-weight:700;font-family:JetBrains Mono,monospace;letter-spacing:.03em;white-space:nowrap}.textarea-header-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px;min-height:1.4rem}.textarea-header-row .field-label{margin-bottom:0;line-height:1}.textarea-header-actions{display:flex;gap:6px}.field-label{display:block;margin-bottom:6px;font-size:.8rem;font-weight:600;color:var(--fg-muted)}input,select,textarea{width:100%;padding:7px 11px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-inset);color:var(--fg);font-size:.85rem;outline:none;transition:.1s ease}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-muted)}.code-box{min-height:240px;resize:vertical;font-family:JetBrains Mono,monospace;font-size:.84rem;line-height:1.65}.code-box-sm{min-height:180px}.b64-field-col .code-box-sm{height:180px;min-height:180px;resize:none}.field-grid.two-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.action-row,.chip-row,.compact-actions,.inline-tools,.toggle-row{display:flex;gap:6px;flex-wrap:wrap}.action-row{margin-top:12px;align-items:center}.action-sep{display:block;width:1px;height:18px;background:var(--border);flex-shrink:0;align-self:center;margin:0 4px}.action-run{padding:6px 28px;font-size:.84rem}.action-spacer{flex:1 1}.action-clear{color:var(--fg-subtle)}.action-clear:hover{color:var(--danger);border-color:var(--danger);background:var(--danger-muted)}.chip,.toggle,button{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-overlay);color:var(--fg-muted);padding:5px 13px;font-size:.8rem;font-weight:500;cursor:pointer;white-space:nowrap;transition:.1s ease}.chip:hover,.toggle:hover,button:hover{color:var(--fg);border-color:var(--border-strong)}button.primary{background:var(--accent-emphasis);border-color:rgba(240,246,252,.1);color:var(--fg-on-emphasis);font-weight:600}button.primary:hover{background:var(--accent)}.toggle.active{background:var(--accent-muted);border-color:var(--accent);color:var(--accent)}.chip.active{background:var(--accent-emphasis);border-color:rgba(240,246,252,.1);color:var(--fg-on-emphasis)}.button-tiny{padding:3px 9px;font-size:.74rem}.result-card{margin-top:14px;padding:11px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-overlay);font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:1.7;white-space:pre-wrap;color:var(--fg-muted)}.result-card.success{background:var(--success-muted);color:var(--success);border-color:rgba(63,185,80,.25)}.result-card.error{background:var(--danger-muted);color:var(--danger);border-color:rgba(248,81,73,.25)}.result-card.warning{background:var(--attention-muted);color:var(--attention);border-color:rgba(210,153,34,.25)}.compact-copy{padding:2px 2px 4px}.compact-copy h1{margin:8px 0;font-size:clamp(1.35rem,3.5vw,1.9rem);line-height:1.15;letter-spacing:-.03em;font-weight:800}.compact-copy p{font-size:.875rem;color:var(--fg-muted);line-height:1.65;margin:0}.policy-page{display:grid;grid-gap:16px;gap:16px}.policy-meta{color:var(--fg-subtle);font-size:.8rem}.policy-section{display:grid;grid-gap:8px;gap:8px}.policy-section h2{margin:0;font-size:.9rem;font-weight:700;color:var(--fg)}.policy-section li,.policy-section p{color:var(--fg-muted);font-size:.86rem;line-height:1.75}.policy-section ul{margin:0;padding-left:18px}.json-viewer-panel{margin-top:18px;padding:18px;border-radius:var(--radius-md);background:var(--bg-inset);border:1px solid var(--border)}.json-viewer-toolbar{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.json-viewer-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.json-viewer-title-row h2{margin:0}.json-search-row{display:flex;align-items:center;gap:8px}.json-search-row input{flex:1 1}.inner-json-header,.json-viewer-header{margin-bottom:12px}.json-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:10px;gap:10px;margin-top:16px}.json-stat-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;border-radius:var(--radius-md);background:var(--bg-inset);border:1px solid var(--border);text-align:center}.json-stat-card-wide{grid-column:span 4;flex-direction:row;justify-content:center;gap:10px;padding:10px 16px}.json-stat-value{font-family:JetBrains Mono,monospace;font-size:1.35rem;font-weight:700;color:var(--accent);line-height:1}.json-stat-card-wide .json-stat-value{font-size:1.1rem}.json-stat-label{font-size:.72rem;font-weight:600;color:var(--fg-muted);text-transform:uppercase;letter-spacing:.04em}.json-visual-layout{display:grid;grid-gap:14px;gap:14px}.json-visual-layout.split{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.json-visual-layout.flow-only #json-tree-panel,.json-visual-layout.tree-only #json-flow-panel{display:none}.json-visual-panel{display:grid;grid-gap:10px;gap:10px}.json-flow-view,.json-tree-view{padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-inset);overflow:auto}.json-tree-view{font-family:JetBrains Mono,monospace;font-size:.82rem;line-height:1.7}.json-flow-view.empty,.json-tree-view.empty{color:var(--fg-subtle);font-size:.82rem}.json-tree-node{margin-left:16px}.json-tree-item{margin:2px 0}.json-tree-leaf{padding:2px 7px;border-left:2px solid transparent;border-radius:4px}.json-tree-item.group-tone-0>.json-tree-summary,.json-tree-leaf.group-tone-0{background:rgba(56,139,253,.05);border-left-color:rgba(56,139,253,.35)}.json-tree-item.group-tone-1>.json-tree-summary,.json-tree-leaf.group-tone-1{background:rgba(63,185,80,.05);border-left-color:rgba(63,185,80,.35)}.json-tree-item.group-tone-2>.json-tree-summary,.json-tree-leaf.group-tone-2{background:rgba(210,153,34,.05);border-left-color:rgba(210,153,34,.35)}.json-tree-item.group-tone-3>.json-tree-summary,.json-tree-leaf.group-tone-3{background:rgba(188,140,255,.05);border-left-color:rgba(188,140,255,.35)}.json-tree-summary{display:flex;align-items:center;gap:6px;list-style:none;padding:2px 7px;border-left:2px solid transparent;border-radius:4px;cursor:pointer}.json-tree-summary::-webkit-details-marker{display:none}.json-tree-toggle{width:12px;color:var(--fg-subtle);font-size:.76rem}.json-tree-key{color:var(--accent)}.json-tree-string{color:var(--success)}.json-tree-number{color:var(--syntax-number)}.json-tree-boolean{color:var(--attention)}.json-tree-null,.json-tree-punctuation{color:var(--fg-subtle)}.json-tree-inline{margin-left:22px}.json-search-hit{box-shadow:inset 0 0 0 1px var(--accent)}.json-search-highlight{background:var(--attention-muted);color:var(--attention);padding:0 2px;border-radius:3px}.json-flow-children,.json-flow-root{display:grid;grid-gap:8px;gap:8px}.json-flow-children{margin-left:22px;padding-left:14px;border-left:1px solid var(--border)}.json-flow-node{position:relative}.json-flow-node:before{content:"";position:absolute;left:-14px;top:14px;width:10px;border-top:1px solid var(--border)}.json-flow-root>.json-flow-node:before{display:none}.json-flow-card{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 11px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-overlay)}.json-flow-card.group-tone-0{border-color:rgba(56,139,253,.3);background:rgba(56,139,253,.06)}.json-flow-card.group-tone-1{border-color:rgba(63,185,80,.3);background:rgba(63,185,80,.06)}.json-flow-card.group-tone-2{border-color:rgba(210,153,34,.3);background:rgba(210,153,34,.06)}.json-flow-card.group-tone-3{border-color:rgba(188,140,255,.3);background:rgba(188,140,255,.06)}.json-flow-name,.json-flow-value{font-family:JetBrains Mono,monospace;font-size:.8rem}.json-flow-count,.json-flow-type,.json-flow-value{padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700}.json-flow-type{background:var(--accent-muted);color:var(--accent)}.json-flow-count{background:var(--success-muted);color:var(--success)}.json-flow-value{background:var(--surface);color:var(--fg-muted);border:1px solid var(--border)}.epoch-strip{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:18px;font-size:.82rem;color:var(--fg-muted)}.epoch-pill{border-radius:var(--radius-sm);min-width:110px;font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--accent)}.tc-controls{margin-bottom:18px}.tc-zone-select{width:150px;font-size:.82rem}.tc-section{margin-bottom:16px}.tc-section>.field-label{margin-bottom:8px}.tc-input-row{display:flex;align-items:center;gap:8px}.tc-input-row input{max-width:280px}.date-parts-grid{display:flex;align-items:flex-end;gap:8px;flex-wrap:wrap}.part-field{display:grid;grid-gap:5px;gap:5px}.part-field input{border-radius:var(--radius-sm);padding:6px 9px;font-size:.82rem;font-family:JetBrains Mono,monospace;text-align:center}.part-field-year input{width:76px}.part-field:not(.part-field-year) input{width:62px}.zone-info-list{display:grid;grid-gap:4px;gap:4px;padding:12px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-inset);margin-bottom:4px}.zone-info-row{display:flex;gap:10px;flex-wrap:wrap;font-size:.78rem;font-family:JetBrains Mono,monospace;color:var(--fg-muted)}.time-zone-label{min-width:86px;font-weight:700;color:var(--fg-subtle)}.seg-control{display:inline-flex;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:2px}.seg-option{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--fg-muted);padding:5px 22px;font-size:.82rem;font-weight:500;cursor:pointer;transition:.1s ease;white-space:nowrap}.seg-option:hover:not(:disabled){color:var(--fg)}.seg-option.active{background:var(--surface-overlay);border-color:var(--border);color:var(--fg);box-shadow:var(--shadow-sm)}.seg-option:disabled{opacity:.35;cursor:not-allowed}.b64-controls{display:flex;gap:28px;align-items:flex-end;flex-wrap:wrap;margin-bottom:18px}.b64-control-group{display:grid;grid-gap:6px;gap:6px}.b64-field-col{display:grid;grid-template-rows:auto 1fr auto;grid-gap:6px;gap:6px}.b64-footer-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.file-input{position:relative;display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:var(--radius-sm);border:1px dashed var(--border-strong);background:var(--surface-overlay);color:var(--fg-muted);font-size:.8rem;cursor:pointer;transition:.1s ease}.file-input:hover{border-color:var(--accent);color:var(--fg)}.file-input input{position:absolute;inset:0;opacity:0;cursor:pointer}.jwt-sections{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.jwt-section{padding:14px 16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-inset)}.jwt-section-header{margin-bottom:10px}.jwt-claims{display:grid;grid-gap:3px;gap:3px}.jwt-claim-row{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;padding:5px 9px;border-radius:var(--radius-sm);background:var(--surface-overlay);border:1px solid var(--border-muted)}.jwt-claim-key{font-weight:700;color:var(--accent);min-width:70px}.jwt-claim-key,.jwt-claim-value{font-family:JetBrains Mono,monospace;font-size:.78rem}.jwt-claim-value{color:var(--fg);word-break:break-all}.jwt-claim-ts{font-size:.72rem;color:var(--fg-subtle);margin-left:auto}.jwt-claim-ts,.jwt-signature{font-family:JetBrains Mono,monospace}.jwt-signature{padding:8px 11px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-overlay);font-size:.76rem;word-break:break-all;color:var(--fg-muted);line-height:1.6}.hash-results{display:grid;grid-gap:6px;gap:6px;margin-top:16px}.hash-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-inset)}.hash-algo-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--fg-subtle);min-width:68px}.hash-algo-label,.hash-value{font-family:JetBrains Mono,monospace}.hash-value{flex:1 1;font-size:.78rem;color:var(--fg);word-break:break-all;line-height:1.5}@media (max-width:1024px){.field-grid.two-cols,.hero-content,.json-visual-layout.split{grid-template-columns:1fr}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.page-shell{width:calc(100% - 24px);padding-top:10px}.hero.compact-hero,.panel{border-radius:var(--radius-md);padding:14px 16px}.hero.compact-hero{padding:10px 14px}.home-grid{grid-template-columns:1fr}.json-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.json-stat-card-wide{grid-column:span 2}.compact-actions,.menu{width:100%}.site-footer{align-items:flex-start}.nav-pill,.part-field-year input,.part-field:not(.part-field-year) input,.tc-input-row input{width:100%}.date-parts-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.json-flow-children{margin-left:12px;padding-left:10px}}