:root{
      --ink:#1f2328;
      --muted:#66707a;
      --line:#dce3ec;
      --panel:#ffffff;
      --shadow:0 20px 40px rgba(15,23,42,.08);
      --blue:#2563eb;
      --red:#d93025;
      --green:#0f766e;
    }
    *{box-sizing:border-box}
    body{
      margin:0;
      font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans KR',sans-serif;
      background:
        radial-gradient(circle at top left, rgba(37,99,235,.08), transparent 34%),
        linear-gradient(180deg,#f8fbff 0%,#f3f7fb 100%);
      color:var(--ink);
    }
    .wrap{max-width:900px;margin:0 auto;padding:24px 16px 40px}
    .hero,.panel,.source-strip{
      background:var(--panel);
      border:1px solid var(--line);
      border-radius:26px;
      box-shadow:var(--shadow);
    }
    .hero{padding:22px 20px}
    .hero-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
    .eyebrow,.panel-label,.source-label,.stamp-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700}
    h1{margin:10px 0 10px;font-size:38px;line-height:1;letter-spacing:-.04em}
    .hero-copy{margin:0;color:var(--muted);line-height:1.65;max-width:58ch}
    .stamp{min-width:128px;text-align:right}
    .stamp strong{display:block;margin-top:8px;font-size:18px}
    .hero-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}
    .status-pill{
      display:inline-flex;align-items:center;justify-content:center;
      padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;
      background:#eef4ff;color:#1d4ed8;border:1px solid #cbdcff;
    }
    .status-pill.ok{background:#e8f8f3;color:#0f766e;border-color:#b7ead8}
    .status-pill.partial{background:#fff6e5;color:#b26a00;border-color:#f9d58b}
    .status-pill.error{background:#fff0f0;color:#c62828;border-color:#f4b8b8}
    .hero-note{font-size:13px;color:var(--muted)}
    .summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
    .pair-card{
      background:var(--panel);
      border:1px solid var(--line);
      border-radius:22px;
      box-shadow:var(--shadow);
      padding:18px 16px;
      position:relative;
      overflow:hidden;
    }
    .pair-card::before{
      content:"";
      position:absolute;
      inset:0 auto 0 0;
      width:5px;
      background:var(--accent,#2563eb);
    }
    .pair-symbol{font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.08em}
    .pair-label{font-size:22px;font-weight:800;margin-top:10px;letter-spacing:-.03em}
    .pair-value{font-size:34px;font-weight:900;line-height:1.02;margin-top:14px}
    .pair-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
    .metric{background:#f6f8fb;border:1px solid #edf1f6;border-radius:16px;padding:10px 12px}
    .metric-label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:700}
    .metric-value{display:block;margin-top:6px;font-size:18px;font-weight:800}
    .pos{color:var(--green)}
    .neg{color:var(--red)}
    .flat{color:#475467}
    .signal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
    .panel{padding:18px}
    .regime-items,.signal-items{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
    .chip{
      display:inline-flex;align-items:center;gap:8px;
      border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700;
      background:#f5f7fb;border:1px solid #e4e9f1;color:#243041;
    }
    .chip strong{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
    .chip.good{background:#e8f8f3;border-color:#b7ead8;color:#0f766e}
    .chip.warn{background:#fff6e5;border-color:#f9d58b;color:#b26a00}
    .chip.alert{background:#fff0f0;border-color:#f4b8b8;color:#c62828}
    .source-strip{
      display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;
      margin-top:14px;padding:18px;
    }
    .source-item strong{display:block;margin-top:8px;font-size:18px}
    .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
    a{
      display:inline-flex;align-items:center;justify-content:center;
      border-radius:999px;padding:10px 14px;text-decoration:none;
      font-weight:700;font-size:13px
    }
    .primary{background:var(--blue);color:#fff}
    .ghost{border:1px solid var(--blue);color:var(--blue);background:#fff}
    .empty{padding:16px;border-radius:18px;background:#f8fafc;border:1px dashed var(--line);color:var(--muted);font-size:14px}
    @media (max-width:820px){
      .summary-grid,.signal-grid,.source-strip{grid-template-columns:1fr}
      .hero-top{flex-direction:column}
      .stamp{text-align:left}
    }