:root{--navy-dark:#0f2640;--navy:#1b3a5c;--blue-mid:#3a6494;--blue-light:#a8c8e0;--blue-pale:#c7d9ee;--green:#1d9e75;--green-bg:#163f34;--amber:#e8a020;--amber-bg:#4a3717;--red:#c0392b;--red-bg:#4a2220;--text:#f8f9fa;--text-dim:var(--blue-light);--border:var(--blue-mid);--font-mono:ui-monospace, "SF Mono", "Cascadia Code", "Roboto Mono", Menlo, Consolas, monospace;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{background:radial-gradient(ellipse at top, var(--navy) 0%, var(--navy-dark) 60%);color:var(--text);font-family:var(--font-sans);margin:0;line-height:1.5}.app{max-width:860px;margin:0 auto;padding:2rem 1.25rem 4rem}.app-header{text-align:center;margin-bottom:1.75rem}.app-header h1{letter-spacing:-.01em;margin:0 0 .35rem;font-size:1.5rem}.app-header p{color:var(--text-dim);margin:0;font-size:.95rem}.app-header a{color:var(--blue-pale)}.tabs{border-bottom:1px solid var(--border);gap:.5rem;margin-bottom:1.25rem;display:flex}.tab-button{appearance:none;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.65rem 1rem;font-size:.95rem;font-weight:600}.tab-button:hover{color:var(--text)}.tab-button[aria-selected=true]{color:var(--text);border-bottom-color:var(--green)}.card{border:1px solid var(--border);background:#ffffff0a;border-radius:12px;margin-bottom:1rem;padding:1.25rem 1.25rem 1.4rem}.card h2{margin:0 0 .9rem;font-size:1.05rem}.field{margin-bottom:.9rem}.field label{color:var(--text-dim);margin-bottom:.3rem;font-size:.82rem;display:block}.field input[type=text],.field input[type=number],.field textarea{background:var(--navy-dark);border:1px solid var(--border);width:100%;color:var(--text);font-size:.92rem;font-family:var(--font-sans);border-radius:8px;padding:.55rem .7rem}.field textarea{font-family:var(--font-mono);resize:vertical;min-height:7rem;font-size:.78rem}.field input:focus,.field textarea:focus{outline:2px solid var(--green);outline-offset:1px}.hint{color:var(--text-dim);margin-top:.3rem;font-size:.78rem}button.primary{appearance:none;background:var(--green);color:#06231a;cursor:pointer;border:none;border-radius:8px;padding:.65rem 1.1rem;font-size:.92rem;font-weight:700}button.primary:disabled{opacity:.55;cursor:not-allowed}button.link{appearance:none;color:var(--blue-pale);cursor:pointer;background:0 0;border:none;padding:0;font-size:.82rem;text-decoration:underline}.callout{border:1px solid #0000;border-radius:8px;margin-bottom:1rem;padding:.75rem .9rem;font-size:.85rem}.callout.info{border-color:var(--blue-mid);color:var(--blue-pale);background:#3a649440}.callout.success{background:var(--green-bg);border-color:var(--green);color:#b7ecd9}.callout.warning{background:var(--amber-bg);border-color:var(--amber);color:#ffdca0}.callout.error{background:var(--red-bg);border-color:var(--red);color:#ffbcb3}.hash-row{font-family:var(--font-mono);background:var(--navy-dark);border:1px solid var(--border);word-break:break-all;border-radius:6px;align-items:center;gap:.5rem;padding:.45rem .6rem;font-size:.78rem;display:flex;overflow-x:auto}.hash-row .label{font-family:var(--font-sans);color:var(--text-dim);flex-shrink:0;font-size:.72rem}.copy-button{appearance:none;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff14;border-radius:5px;flex-shrink:0;margin-left:auto;padding:.15rem .4rem;font-size:.7rem}.record-grid{grid-template-columns:auto 1fr;gap:.4rem .8rem;font-size:.85rem;display:grid}.record-grid dt{color:var(--text-dim)}.record-grid dd{font-family:var(--font-mono);word-break:break-all;margin:0;font-size:.8rem}.status-pill{font-size:.75rem;font-weight:700;font-family:var(--font-sans);border-radius:999px;padding:.1rem .6rem;display:inline-block}.status-pill.Active{background:var(--green-bg);color:#b7ecd9}.status-pill.Superseded{background:var(--amber-bg);color:#ffdca0}.status-pill.Revoked{background:var(--red-bg);color:#ffbcb3}.match-banner{border-radius:8px;margin-top:.75rem;padding:.6rem .8rem;font-size:.88rem;font-weight:700}.match-banner.match{background:var(--green-bg);color:#b7ecd9}.match-banner.no-match{background:var(--red-bg);color:#ffbcb3}.footer-note{text-align:center;color:var(--text-dim);margin-top:2rem;font-size:.78rem}.footer-note a{color:var(--blue-pale)}.chip-buttons{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.chip-button{appearance:none;border:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-size:.72rem;font-family:var(--font-mono);background:#ffffff0f;border-radius:999px;padding:.2rem .6rem}.chip-button:hover{color:var(--text);border-color:var(--blue-light)}.spinner{border:2px solid #ffffff4d;border-top-color:var(--text);border-radius:50%;width:.85em;height:.85em;margin-right:.4em;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}