:root{color-scheme:light dark;font-family:system-ui,sans-serif}body{margin:0;padding:2rem;max-width:40rem}.placeholder h1{font-weight:600}.key-entry{display:grid;gap:.5rem;max-width:24rem}.key-entry label{display:grid;gap:.25rem}.error{color:#b00020}.status-processing strong{color:#8a6d00}.status-active strong{color:#1b7f3b}.status-rejected strong{color:#b00020}body:has(.admin){max-width:64rem}.admin section{margin-block:2rem}.key-in-use,.inline-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end}.inline-form{margin-block:.75rem}.inline-form label{display:grid;gap:.25rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:.375rem .5rem;text-align:left;border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent)}.table-loading td{height:1.5rem}.table-empty{opacity:.7}.chip{padding:0 .4em;font-size:.85em;border:1px solid currentColor;border-radius:.6em}button.danger{color:#b00020;background:transparent;border:1px solid #b00020}button.link{padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer;background:none;border:none}.modal-backdrop{position:fixed;inset:0;display:grid;place-items:center;padding:1rem;background:#0006}.modal{display:grid;gap:.75rem;width:100%;max-width:32rem;padding:1.5rem;color:CanvasText;background:Canvas;border-radius:.5rem}.secret code,code.secret{word-break:break-all}