:root{--jwt-bg: #fbfaf5;--jwt-fg: #1a1611;--jwt-muted: #6b6359;--jwt-line: #e5dfd0;--jwt-card: #ffffff;--jwt-accent: #9a6b2f;--jwt-accent-soft: #efe2cd;--jwt-ok: #3f7d52;--jwt-warn: #9a6b2f;--jwt-bad: #b0492f}:root[data-theme=dark]{--jwt-bg: #0e0c08;--jwt-fg: #f1ece0;--jwt-muted: #9c9485;--jwt-line: #2a2620;--jwt-card: #16130d;--jwt-accent: #d3a766;--jwt-accent-soft: #2a2114;--jwt-ok: #7fb98e;--jwt-warn: #d3a766;--jwt-bad: #d98a72}body{background:var(--jwt-bg);color:var(--jwt-fg)}.jwt-page{max-width:760px;margin:0 auto;padding:0 24px 96px}.jwt-topbar{border-bottom:1px solid var(--jwt-line);padding:18px 0;margin-bottom:36px}.jwt-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:12px}.jwt-brand{display:flex;align-items:center;gap:10px}.jwt-brand-mark{display:inline-flex;padding:6px;border-radius:8px;background:var(--jwt-accent-soft);color:var(--jwt-accent)}.jwt-brand-name{font-family:Fraunces,serif;font-weight:500;font-size:20px;letter-spacing:-.01em}.jwt-topbar-actions{display:flex;align-items:center;gap:8px}.jwt-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;border:1px solid var(--jwt-line);background:var(--jwt-card);color:var(--jwt-fg);font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.jwt-btn:hover{border-color:var(--jwt-accent);color:var(--jwt-accent)}.jwt-btn-ghost{background:transparent}.jwt-btn-sm{padding:5px 11px;font-size:12px}.jwt-field{display:flex;flex-direction:column;gap:6px}.jwt-field-label{font-size:12px;color:var(--jwt-muted);font-weight:500}.jwt-field textarea{font:inherit;font-family:JetBrains Mono,monospace;font-size:14px;line-height:1.5;padding:14px;border-radius:12px;resize:vertical;border:1px solid var(--jwt-line);background:var(--jwt-card);color:var(--jwt-fg);outline:none;word-break:break-all}.jwt-field textarea:focus{border-color:var(--jwt-accent)}.jwt-privacy{display:flex;align-items:center;gap:7px;margin:10px 2px 0;font-size:12.5px;color:var(--jwt-muted)}.jwt-lock{display:inline-flex;color:var(--jwt-ok)}.jwt-result{margin-top:32px}.jwt-verdict{display:flex;align-items:center;gap:10px;border:1px solid var(--jwt-line);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;margin-bottom:18px;background:var(--jwt-card)}.jwt-verdict .jwt-dot{width:9px;height:9px;border-radius:999px;flex:none}.jwt-verdict[data-kind=ok]{border-color:color-mix(in oklab,var(--jwt-ok) 45%,var(--jwt-line))}.jwt-verdict[data-kind=ok] .jwt-dot{background:var(--jwt-ok)}.jwt-verdict[data-kind=bad]{border-color:color-mix(in oklab,var(--jwt-bad) 45%,var(--jwt-line))}.jwt-verdict[data-kind=bad] .jwt-dot{background:var(--jwt-bad)}.jwt-verdict[data-kind=warn]{border-color:color-mix(in oklab,var(--jwt-warn) 45%,var(--jwt-line))}.jwt-verdict[data-kind=warn] .jwt-dot{background:var(--jwt-warn)}.jwt-verdict-sub{color:var(--jwt-muted);font-weight:400}.jwt-decode{background:var(--jwt-card);border:1px solid var(--jwt-line);border-radius:14px;padding:8px 20px;margin-bottom:24px}.jwt-drow{display:grid;grid-template-columns:140px 1fr;gap:12px;padding:12px 0;border-bottom:1px solid var(--jwt-line)}.jwt-drow:last-child{border-bottom:none}.jwt-dkey{font-size:13px;color:var(--jwt-muted)}.jwt-dval{font-size:14px;word-break:break-word}.jwt-dval.mono{font-family:JetBrains Mono,monospace}.jwt-dval.ok{color:var(--jwt-ok)}.jwt-dval.bad{color:var(--jwt-bad)}.jwt-dval.warn{color:var(--jwt-warn)}.jwt-dval .jwt-sub{display:block;color:var(--jwt-muted);font-size:12px;margin-top:3px}.jwt-segs{display:grid;gap:16px}.jwt-seg{background:var(--jwt-card);border:1px solid var(--jwt-line);border-radius:14px;overflow:hidden}.jwt-seg-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--jwt-line)}.jwt-seg-title{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--jwt-muted)}.jwt-json{margin:0;padding:16px;overflow-x:auto}.jwt-json code{font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.55;white-space:pre;color:var(--jwt-fg)}.jwt-why{margin-top:64px}.jwt-why h2,.jwt-faq h2{font-family:Fraunces,serif;font-weight:400;font-size:28px;margin:0 0 16px;letter-spacing:-.01em}.jwt-why p{font-size:16px;line-height:1.6;color:var(--jwt-fg);max-width:64ch;margin:0}.jwt-faq{margin-top:56px}.jwt-faq dl{display:grid;gap:18px;margin:0}.jwt-faq-item{background:var(--jwt-card);border:1px solid var(--jwt-line);border-radius:14px;padding:16px 20px}.jwt-faq-item dt{font-weight:600;margin:0 0 6px}.jwt-faq-item dd{color:var(--jwt-muted);line-height:1.55;margin:0}.jwt-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--jwt-fg);color:var(--jwt-bg);padding:10px 18px;border-radius:999px;font-size:14px;box-shadow:0 4px 16px #0000002e;z-index:60}.jwt-toast[hidden]{display:none!important}@media(max-width:560px){.jwt-drow{grid-template-columns:1fr;gap:2px}}