:root{color:#152c32;font-synthesis:none;background:#f7f7f3;font-family:Trebuchet MS,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit}.site-shell{background:linear-gradient(120deg,#f7f7f3,#edf4f1);min-height:100vh}.content{width:min(1120px,100% - 48px);margin:0 auto}.site-header{z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f7f7f3f0;border-bottom:1px solid #d5ded8;position:sticky;top:0}.nav-wrap{align-items:center;gap:18px;width:min(1120px,100% - 48px);min-height:68px;margin:auto;display:flex}.brand,.footer-brand{color:#152c32;align-items:center;gap:9px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:#f06449;border-radius:7px;place-items:center;width:29px;height:29px;font-family:Consolas,monospace;font-size:18px;font-weight:500;display:inline-grid}.tool-name{color:#62736d;border-left:1px solid #d5ded8;padding-left:18px;font-size:14px;font-weight:700}.nav-links{color:#526762;gap:20px;margin-left:auto;font-size:13px;font-weight:700;display:flex}.nav-links a{text-decoration:none}.home-link{align-items:center;gap:5px;display:inline-flex}.hero{background:#ffffff5c;border-bottom:1px solid #d5ded8;padding:64px 0 42px}.eyebrow{color:#d26045;letter-spacing:.08em;text-transform:uppercase;margin:0 0 7px;font-size:11px;font-weight:800}h1,h2,h3{color:#152c32;margin:0}h1{letter-spacing:0;font-size:45px;line-height:1.08}h2{font-size:25px;line-height:1.2}h3{text-transform:uppercase;letter-spacing:.07em;font-size:14px}.hero-copy{color:#526762;max-width:610px;margin:16px 0 20px;font-size:18px;line-height:1.55}.privacy-badge{color:#146344;background:#eff8f1;border:1px solid #b9d8c9;border-radius:5px;align-items:center;gap:8px;margin:0;padding:8px 11px;font-size:13px;font-weight:700;display:inline-flex}.tool{background:#fcfdfa;border:1px solid #d5ded8;margin-top:34px}.input-heading,.tool-bar,.results-heading,.panel-title{justify-content:space-between;align-items:center;gap:14px;display:flex}.input-heading{border-bottom:1px solid #d5ded8;min-height:53px;padding:0 15px}.input-heading label,.panel-title h3{color:#526762;letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.input-actions{gap:14px;display:flex}.text-button{color:#0d7a60;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:12px;font-weight:700;display:inline-flex}.text-button:hover{text-decoration:underline}textarea{color:#17353a;resize:vertical;background:0 0;border:0;outline:0;width:100%;min-height:176px;padding:17px;font:13px/1.65 Consolas,monospace;display:block}textarea:focus{box-shadow:inset 3px 0 #d26045}.tool-bar{color:#62736d;border-top:1px solid #d5ded8;min-height:56px;padding:9px 14px;font-size:12px}.button,.icon-button{color:#1f3738;background:#fbfcf9;border:1px solid #cbd7d1;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-height:36px;font-size:13px;font-weight:700;display:inline-flex}.button{padding:0 13px}.button:hover,.icon-button:hover{background:#f1f6f0;border-color:#769f90}.primary{color:#fff;background:#123d43;border-color:#123d43}.primary:hover{background:#19545a}.icon-button{width:31px;min-height:31px;padding:0}.status{color:#526762;border-top:1px solid #d5ded8;align-items:center;gap:8px;min-height:46px;padding:0 14px;font-size:12px;display:flex}.status.success{color:#146344;background:#f1faf4}.status.error{color:#af4034;background:#fff8f5}.status small{color:#8b9b94;margin-left:auto;font:11px Consolas,monospace}.results{padding:56px 0 12px}.results-heading{margin-bottom:18px}.decoded-grid{border:1px solid #d5ded8;grid-template-columns:1fr 1fr;display:grid}.json-panel{background:#fcfdfa;min-width:0;position:relative}.json-panel+.json-panel{border-left:1px solid #d5ded8}.panel-title{border-bottom:1px solid #d5ded8;min-height:47px;padding:0 14px}pre{color:#17353a;white-space:pre-wrap;word-break:break-word;background:#f6faf5;min-height:245px;max-height:440px;margin:0;padding:16px;font:13px/1.65 Consolas,monospace;overflow:auto}.copy-notice{color:#146344;background:#def3e4;border-radius:3px;padding:3px 6px;font-size:11px;font-weight:700;position:absolute;top:10px;right:51px}.signature-panel{background:#fcfdfa;border:1px solid #d5ded8;border-top:0;padding:0 14px 16px}.signature-panel .panel-title{padding:0}.signature-panel code{overflow-wrap:anywhere;color:#17353a;background:#f6faf5;border:1px solid #d5ded8;border-radius:4px;padding:10px;font:12px/1.5 Consolas,monospace;display:block}.signature-panel p{color:#62736d;margin:10px 0 0;font-size:12px;line-height:1.5}.claims{margin-top:38px}.token-status{color:#146344;background:#f1faf4;border:1px solid #b9d8c9;border-radius:5px;margin:18px 0;padding:15px}.token-status.expired{color:#af4034;background:#fff8f5;border-color:#e7c1ba}.token-status div{align-items:center;gap:8px;display:flex}.token-status p{margin:9px 0 4px;font-size:13px}.token-status small{font-size:11px}.claim-list{border:1px solid #d5ded8;grid-template-columns:1fr 1fr;margin:18px 0 0;display:grid}.claim-list div{background:#fcfdfa;border-bottom:1px solid #d5ded8;min-width:0;padding:14px}.claim-list div:nth-child(odd){border-right:1px solid #d5ded8}.claim-list div:nth-last-child(-n+2){border-bottom:0}.claim-list dt{color:#526762;justify-content:space-between;gap:8px;font-size:12px;font-weight:700;display:flex}.claim-list dt code{color:#8b9b94;font:11px Consolas,monospace}.claim-list dd{overflow-wrap:anywhere;color:#17353a;margin:7px 0 0;font:13px/1.5 Consolas,monospace}.claim-list dd span,.claim-list dd small{display:block}.claim-list dd small{color:#71817a;margin-top:3px;font-size:10px}.no-claims{color:#62736d;font-size:14px}.seo{border-top:1px solid #d5ded8;border-left:1px solid #d5ded8;grid-template-columns:1fr 1fr;gap:0;margin-top:52px;display:grid}.seo article{background:#ffffff59;border-bottom:1px solid #d5ded8;border-right:1px solid #d5ded8;min-height:190px;padding:27px}.seo h2{margin-bottom:11px;font-size:19px}.seo p,.seo ol{color:#526762;margin:0;font-size:14px;line-height:1.62}.seo ol{padding-left:20px}.site-footer{color:#f4f7fb;background:#172033;margin-top:52px;padding:38px 0}.footer-inner{justify-content:space-between;gap:30px;width:min(1120px,100% - 48px);margin:auto;display:flex}.footer-brand{color:#fff;font-size:17px}.footer-inner p{color:#cbd6e2;margin:11px 0 0;font-size:13px}.footer-inner .footer-note{color:#9baabd;font-size:12px}.footer-links{flex-wrap:wrap;align-content:flex-start;gap:18px;display:flex}.footer-links a{color:#cbd6e2;font-size:12px;text-decoration:none}.footer-links a:hover,.nav-links a:hover{color:#0d7a60}@media (width<=720px){.content,.nav-wrap,.footer-inner{width:min(100% - 28px,1120px)}.nav-wrap{min-height:60px}.tool-name{padding-left:12px;font-size:12px}.nav-links{gap:12px;font-size:12px}.home-link{font-size:0}.home-link svg{width:16px;height:16px}.hero{padding:43px 0 32px}h1{font-size:36px}.hero-copy{font-size:16px}.tool{margin-top:24px}.tool-bar{align-items:flex-start}.tool-bar span{display:none}.tool-bar .button{width:100%}.status small{display:none}.results{padding-top:39px}.results-heading{align-items:flex-start}.decoded-grid,.seo{grid-template-columns:1fr}.json-panel+.json-panel{border-top:1px solid #d5ded8;border-left:0}.claim-list{grid-template-columns:1fr}.claim-list div,.claim-list div:nth-last-child(-n+2){border-bottom:1px solid #d5ded8;border-right:0}.claim-list div:last-child{border-bottom:0}.seo article{min-height:0}.footer-inner{flex-direction:column}.footer-links{gap:14px}.input-heading{align-items:center}.input-actions{gap:10px}}