@font-face{font-family:"Press Start 2P";font-style:normal;font-display:swap;font-weight:400;src:url(/assets/press-start-2p-latin-400-normal-_wFEWmAB.woff2)format("woff2"),url(/assets/press-start-2p-latin-400-normal-KLytu4cr.woff)format("woff")}:root{--bg:#15161f;--panel:#1d1e2e;--field:#15161f;--surface:#23243a;--border:#3e4060;--control-border:#6b6f9c;--text:#f1e8d5;--muted:#ada8be;--accent:#7fb0ff;--btn:#2e3050;--btn-blue:#3a5b9e;--btn-blue-hover:#4568b0;--shadow:#0b0c12;--yellow:#f3ae23;--pink:#e59bf2;--ok:#7ee0a8;--danger:#ff8f8f;--font-pixel:"Press Start 2P", ui-monospace, monospace;--font-body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-code:ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;--radius:10px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-body);flex-direction:column;margin:0;font-size:16px;line-height:1.6;display:flex}button,select,textarea{font:inherit;color:inherit}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;width:min(1200px,100%);margin:0 auto;padding:22px 28px;display:flex}.brand{color:var(--text);align-items:center;gap:14px;text-decoration:none;display:inline-flex}.duck{width:56px;height:auto;image-rendering:pixelated}.brand__text{flex-direction:column;gap:8px;display:flex}.brand__name{font-family:var(--font-pixel);letter-spacing:2px;font-size:20px;line-height:1}.brand__tag{font-family:var(--font-pixel);color:var(--muted);font-size:12px;line-height:1}.privacy-pill{border:2px solid var(--border);color:var(--accent);border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.page{flex:1;width:min(1200px,100%);margin:0 auto;padding:24px 28px 48px}.hero{flex-direction:column;gap:16px;margin-bottom:36px;display:flex}.title{font-family:var(--font-pixel);letter-spacing:2px;margin:0;font-size:32px;font-weight:400;line-height:1.3}.subtitle{max-width:640px;color:var(--muted);margin:0;font-size:18px}.tabs{flex-wrap:wrap;gap:12px;margin-bottom:20px;display:flex}.tab{border:3px solid var(--border);border-radius:var(--radius);background:var(--panel);min-height:52px;color:var(--muted);font-family:var(--font-pixel);align-items:center;padding:0 22px;font-size:14px;text-decoration:none;transition:transform 80ms,border-color 80ms;display:inline-flex}.tab:hover{border-color:var(--control-border);color:var(--text);transform:translateY(-1px)}.tab[aria-current=page]{background:var(--surface);color:var(--text);border-color:#9bc6ff;box-shadow:inset 0 0 0 1px #9bc6ff70}.workspace{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:20px;display:grid}.panel{border:3px solid var(--border);background:var(--panel);border-radius:12px;flex-direction:column;gap:14px;min-width:0;padding:22px;display:flex}.panel__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:40px;display:flex}.panel__title{font-family:var(--font-pixel);letter-spacing:1px;color:var(--text);margin:0;font-size:12px;font-weight:400;line-height:1.5}.hint{color:var(--muted);margin:-6px 0 0;font-size:15px}textarea{resize:vertical;border:2px solid var(--control-border);border-radius:var(--radius);background:var(--field);width:100%;min-height:280px;font-family:var(--font-code);tab-size:2;padding:16px;font-size:15px;line-height:1.6;display:block}textarea::placeholder{color:#9792ad}textarea:focus{border-color:var(--accent);outline:none}textarea[aria-invalid=true]{border-color:var(--danger)}.panel--empty{min-height:200px;color:var(--muted);text-align:center;background:0 0;border-style:dashed;justify-content:center;align-items:center;font-size:15px}.panel--empty p{margin:0}#result:not([hidden])~#result-empty{display:none}.options{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 12px;font-size:15px;display:flex}select{border:2px solid var(--control-border);background:var(--surface);min-height:44px;color:var(--text);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:15px}select:focus{border-color:var(--accent)}.check{min-height:44px;color:var(--text);cursor:pointer;align-items:center;gap:10px;display:inline-flex}.check input{width:20px;height:20px;accent-color:var(--accent)}.actions,.actions__group{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.actions{justify-content:space-between}.btn{background:var(--btn);min-height:48px;color:var(--text);font-family:var(--font-pixel);letter-spacing:1px;white-space:nowrap;cursor:pointer;box-shadow:4px 4px 0 var(--shadow);border:none;border-radius:0;padding:0 20px;font-size:12px;line-height:1;transition:transform 50ms}.btn:hover{box-shadow:2px 2px 0 var(--shadow);transform:translate(2px,2px)}.btn:active{box-shadow:none;transform:translate(4px,4px)}.btn--primary{background:var(--btn-blue)}.btn--primary:hover{background:var(--btn-blue-hover)}.btn--ghost{color:var(--muted);box-shadow:none;background:0 0}.btn--ghost:hover{color:var(--text);box-shadow:none;text-underline-offset:4px;text-decoration:underline;transform:none}.btn--small{min-height:40px;box-shadow:3px 3px 0 var(--shadow);padding:0 14px}.advisories:not(:has(:not([hidden]))){display:none}.advisories{flex-direction:column;gap:10px;display:flex}.notice{margin:0;font-size:15px;line-height:1.5}.notice:empty{display:none}.notice--info,.notice--warn,.notice--error,.notice[data-kind]{border:2px solid var(--border);border-radius:8px;padding:12px 14px}.notice--info,.notice[data-kind=info]{color:var(--text);background:#1b2340;border-color:#35507f}.notice[data-kind=success]{color:var(--ok);background:#16261f;border-color:#2f5b45}.notice--warn,.notice[data-kind=warning]{color:#f6d58e;background:#2a2418;border-color:#6b5524}.notice--error,.notice[data-kind=error]{color:#ffc2c2;background:#2e1c24;border-color:#7a3a46}.text-link{color:var(--accent);text-underline-offset:3px;font-weight:600}.source-error strong{margin-bottom:6px;display:block}.error-line{color:var(--text);font:14px/1.6 var(--font-code);white-space:pre;margin:0;overflow-x:auto}.error-line-number{color:var(--muted)}.error-line mark{background:var(--danger);color:#1a0d10;border-radius:2px}.code,.jwt-segment pre{border:2px solid var(--border);border-radius:var(--radius);background:var(--field);max-height:520px;color:var(--text);font:15px/1.6 var(--font-code);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:16px;overflow:auto}.json-key{color:var(--accent)}.json-string{color:var(--yellow)}.json-number{color:var(--ok)}.json-literal{color:var(--pink)}.jwt{flex-direction:column;gap:14px;display:flex}.jwt-validity{order:-3}.security-alerts{order:-2}.jwt-segment,.jwt-status-panel,.security-alerts{border:2px solid var(--border);border-radius:var(--radius);background:var(--bg);padding:16px}.jwt h3{font-family:var(--font-pixel);margin:0 0 12px;font-size:12px;font-weight:400;line-height:1.5}.segment-header{--segment:var(--accent)}.segment-payload{--segment:var(--yellow)}.segment-signature{--segment:var(--pink)}.jwt-segment{border-left:6px solid var(--segment)}.jwt-segment h3{color:var(--segment)}.jwt-segment pre{color:var(--segment);background:0 0;border:none;padding:0}.status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.status-item{border:2px solid var(--border);color:var(--muted);border-radius:8px;flex-direction:column;gap:4px;padding:12px;font-size:14px;display:flex}.status-value{color:var(--text);font-size:16px}.status-valid,.status-active{color:var(--ok)}.status-expired,.status-not-yet-valid,.status-invalid{color:var(--danger)}.status-missing{color:var(--muted)}.duration-note,.muted-copy{color:var(--muted);margin:12px 0 0;font-size:14px}.claims-list{grid-template-columns:56px 1fr;gap:10px 14px;margin:0;font-size:14px;display:grid}.claims-list dt{color:var(--accent);font-family:var(--font-code);font-weight:700}.claims-list dd{white-space:pre-line;overflow-wrap:anywhere;margin:0}.security-alerts{font-size:15px}.security-alerts.has-alerts{color:#f6d58e;background:#2a2418;border-color:#6b5524}.security-alerts ul{margin:0 0 10px;padding-left:20px}.security-alerts p{margin:0 0 10px}.verification-note{font-weight:700;margin:0!important}.footer{border-top:2px solid var(--border);width:min(1144px,100% - 56px);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin:0 auto;padding:20px 0 28px;font-size:14px;display:flex}.footer__handle{color:var(--accent);font-weight:600}@media (width<=760px){.topbar,.page{padding-left:16px;padding-right:16px}.footer{width:calc(100% - 32px)}.topbar{padding-top:16px;padding-bottom:8px}.duck{width:44px}.brand__name{font-size:16px}.privacy-pill{font-size:13px}.page{padding-top:16px}.hero{gap:12px;margin-bottom:24px}.title{letter-spacing:1px;font-size:20px}.subtitle{font-size:16px}.tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.tab{justify-content:center;padding:0 8px;font-size:12px}.workspace{grid-template-columns:minmax(0,1fr)}.panel{padding:16px}.actions{flex-direction:column;align-items:stretch}.actions__group{flex-wrap:nowrap}.actions__group>.btn{flex:1 1 0;padding:0 10px}.btn--ghost{align-self:center}textarea{min-height:200px}.panel--empty{display:none}.status-grid{grid-template-columns:minmax(0,1fr)}.claims-list{grid-template-columns:minmax(0,1fr);gap:2px}.claims-list dd{margin-bottom:10px}.footer{flex-direction:column}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important}}