body { background: var(--bg-soft, #fafafa); }
    .wrap {
      max-width: 560px;
      margin: 0 auto;
      padding: var(--space-6, 24px);
    }
    .card {
      background: #fff;
      border: 1px solid var(--line, #e5e7eb);
      border-radius: var(--radius-xl, 16px);
      padding: var(--space-6, 24px);
      box-shadow: 0 2px 8px rgba(0,0,0,0.04);
    }
    h1 {
      font-size: 20px;
      font-weight: 700;
      margin: 0 0 12px 0;
      color: var(--ink, #111);
    }
    .sub {
      font-size: 14px;
      color: var(--ink-muted, #6b7280);
      margin: 0 0 20px 0;
      line-height: 1.5;
    }
    .status {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      padding: 6px 12px;
      border-radius: 999px;
      font-size: 13px;
      font-weight: 600;
    }
    .status--pending   { background: #fff8e8; color: #b45309; }
    .status--completed { background: #e8f5ee; color: #00713c; }
    .status--not_found { background: #fde8e8; color: #b8221c; }
    .status--failed    { background: #fde8e8; color: #b8221c; }
    .row {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      padding: 10px 0;
      border-bottom: 1px solid var(--line, #f3f4f6);
      font-size: 14px;
    }
    .row:last-child { border-bottom: none; }
    .row__label { color: var(--ink-muted, #6b7280); }
    .row__value { color: var(--ink, #111); font-weight: 500; word-break: break-all; }
    .note {
      margin-top: 16px;
      padding: 12px;
      background: var(--bg-soft, #fafafa);
      border-radius: 8px;
      font-size: 13px;
      color: var(--ink-soft, #4b5563);
      line-height: 1.5;
    }
    .note a { color: var(--pink-600, #be185d); }
    .code-line {
      font-family: ui-monospace, SFMono-Regular, monospace;
      font-size: 12px;
      background: var(--bg-soft, #fafafa);
      padding: 8px 10px;
      border-radius: 6px;
      word-break: break-all;
    }