:root{--bg:#f5f5f4;--card:#fff;--text:#1c1917;--muted:#78716c;--border:#d6d3d1;--accent:#1c1917;--accent-text:#fafaf9;--error:#b91c1c;--success:#15803d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0c0a09;--card:#1c1917;--text:#f5f5f4;--muted:#a8a29e;--border:#44403c;--accent:#f5f5f4;--accent-text:#1c1917;--error:#f87171;--success:#4ade80}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);place-items:center;margin:0;padding:16px;display:grid}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;width:100%;max-width:360px;padding:32px}h1{margin:0 0 24px;font-size:1.5rem}form{gap:16px;display:grid}label{color:var(--muted);gap:6px;font-size:.875rem;display:grid}input{font:inherit;color:var(--text);border:1px solid var(--border);background:0 0;border-radius:8px;padding:10px 12px;font-size:1rem}input:focus{outline:2px solid var(--accent);outline-offset:1px}button{font:inherit;color:var(--accent-text);background:var(--accent);cursor:pointer;border:none;border-radius:8px;padding:10px 12px;font-weight:600}button:disabled{opacity:.6;cursor:default}.muted{color:var(--muted)}.error{color:var(--error);margin:0;font-size:.875rem}h2{margin:0;font-size:1rem}form+form,form+.secondary,form+.token,.token+.secondary{margin-top:28px}form+form,form+.token{border-top:1px solid var(--border);padding-top:24px}button.secondary{width:100%;color:var(--text);border:1px solid var(--border);background:0 0}.success{color:var(--success);margin:0;font-size:.875rem}.card.wide{max-width:640px}.token{gap:12px;display:grid}.token p{margin:0}.small-text{font-size:.875rem}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8125rem}pre{border:1px solid var(--border);border-radius:8px;margin:0;padding:10px 12px;overflow-x:auto}h3{margin:8px 0 0;font-size:.875rem}h3 .muted{font-weight:400}.token-details{gap:10px;min-width:0;display:grid}.token-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:.875rem;display:flex}.token-actions{flex-wrap:wrap;gap:8px;display:flex}button.small,.button-link{width:auto;padding:6px 10px;font-size:.8125rem}.button-link{color:var(--text);border:1px solid var(--border);border-radius:8px;font-weight:600;text-decoration:none}.jwt-encoded{white-space:pre-wrap;word-break:break-all}.jwt-header{color:#fb015b}.jwt-payload{color:#d63aff}.jwt-signature{color:#00b9f1}.claims{border-collapse:collapse;font-size:.8125rem}.claims th{text-align:left;vertical-align:top;padding:4px 12px 4px 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.claims td{word-break:break-all;padding:4px 0}