:root {
    --ink: #14110f;
    --paper: #f4f1ea;
    --rule: #d6cfc2;
    --accent: #8c2f16;
    --accent-soft: #f0d9d0;
    --muted: #6b6257;
    --mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;
    --serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  }
  * { box-sizing: border-box; }
  body {
    margin: 0; background: var(--paper); color: var(--ink);
    font-family: var(--serif); font-size: 15px; line-height: 1.55;
    background-image:
      linear-gradient(90deg, rgba(0,0,0,.025) 1px, transparent 1px);
    background-size: 32px 100%;
  }
  .wrap { max-width: 1180px; margin: 0 auto; padding: 0 24px 80px; }
  header { border-bottom: 2px solid var(--ink); padding: 32px 0 16px; margin-bottom: 8px; }
  h1 { font-size: 30px; margin: 0 0 6px; letter-spacing: -.02em; font-weight: 600; }
  .sub { color: var(--muted); font-family: var(--mono); font-size: 12px; letter-spacing: .04em; text-transform: uppercase; }
  .banner {
    margin: 24px 0; padding: 14px 18px; border-left: 4px solid var(--accent);
    background: var(--accent-soft); font-size: 14px;
  }
  .banner strong { font-family: var(--mono); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; display: block; margin-bottom: 4px; }
  h2 { font-size: 13px; font-family: var(--mono); text-transform: uppercase; letter-spacing: .1em;
       margin: 40px 0 12px; padding-bottom: 6px; border-bottom: 1px solid var(--rule); color: var(--muted); }
  table { width: 100%; border-collapse: collapse; font-size: 13.5px; }
  th { text-align: left; font-family: var(--mono); font-size: 11px; text-transform: uppercase;
       letter-spacing: .07em; color: var(--muted); border-bottom: 1px solid var(--ink);
       padding: 6px 10px 6px 0; font-weight: 500; white-space: nowrap; }
  td { padding: 7px 10px 7px 0; border-bottom: 1px solid var(--rule); vertical-align: top; }
  td.mono, .mono { font-family: var(--mono); font-size: 12.5px; }
  .unknown { color: var(--muted); font-style: italic; }
  .phase { font-family: var(--mono); font-size: 11.5px; padding: 2px 7px; border-radius: 2px;
           background: #e6e0d4; white-space: nowrap; }
  .phase.ok { background: #d8e4d4; }
  .phase.bad { background: var(--accent-soft); color: var(--accent); }
  .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1px;
          background: var(--rule); border: 1px solid var(--rule); margin: 16px 0; }
  .cell { background: var(--paper); padding: 14px 16px; }
  .cell .k { font-family: var(--mono); font-size: 10.5px; text-transform: uppercase;
             letter-spacing: .07em; color: var(--muted); margin-bottom: 4px; }
  .cell .v { font-size: 19px; font-variant-numeric: tabular-nums; }
  .cell .v small { font-size: 11px; color: var(--muted); font-family: var(--mono); }
  .foot { margin-top: 48px; padding-top: 14px; border-top: 1px solid var(--rule);
          font-family: var(--mono); font-size: 11px; color: var(--muted); }
  .pill { display: inline-block; font-family: var(--mono); font-size: 10.5px; padding: 1px 6px;
          border: 1px solid var(--rule); border-radius: 2px; color: var(--muted); }
  section[hidden] { display: none; }
  .alias-editor {border:1px solid var(--rule);padding:12px 16px;margin:16px 0;background:#fffdf8}
  .alias-editor summary {cursor:pointer;font-weight:600}
  .alias-form {display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
  .alias-form label {font-size:12px;color:var(--muted);flex:1;min-width:150px}
  .identity-detail {font-size:12px;color:var(--muted)}
  button.alias-link {background:transparent;border:0;color:var(--accent);padding:2px 0;font-size:12px;text-decoration:underline}

body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background-image:none}header{display:flex;justify-content:space-between;align-items:center;gap:16px}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}button,.button{font:inherit;border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:8px 14px;border-radius:4px;cursor:pointer;text-decoration:none;display:inline-block}button.secondary{background:transparent;color:var(--ink)}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}.filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;padding:18px 0}.filters label{font-size:12px;color:var(--muted)}input,select{display:block;width:100%;margin-top:5px;padding:9px;border:1px solid var(--rule);border-radius:3px;background:#fffdf8;color:var(--ink);font:inherit}.table-wrap{overflow:auto}td{overflow-wrap:anywhere;max-width:290px}.hint{font-size:12px;color:var(--muted);margin:10px 0}.status{white-space:pre-wrap}.page-actions{display:flex;align-items:center;gap:12px;margin:14px 0}.search{display:flex;gap:8px;margin:10px 0}.search input{margin:0;max-width:380px}.selected{font-size:13px;color:var(--muted)}.error{color:var(--accent)}.cell .v{font-size:17px}.account{font-size:12px;color:var(--muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:600px){.wrap{padding:0 14px 40px}header{align-items:flex-start}h1{font-size:24px}.filters{grid-template-columns:1fr 1fr}}