#exam-timer-app{font-family:system-ui,-apple-system,Segoe UI,Roboto,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;line-height:1.4}
  .et-wrap{max-width:860px;margin:0 auto;padding:14px;border:1px solid #e5e7eb;border-radius:14px;background:#fff}
  .et-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
  .et-row > *{flex:1 1 auto}
  .et-title{font-size:18px;font-weight:700;margin:0 0 10px}
  .et-card{border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:#fafafa}
  .et-kpi{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
  .et-kpi .k{border:1px solid #e5e7eb;border-radius:12px;padding:10px;background:#fff}
  .et-kpi .k .h{font-size:12px;color:#6b7280;margin-bottom:6px}
  .et-kpi .k .v{font-size:22px;font-weight:800}
  .et-kpi .k .s{font-size:12px;color:#6b7280;margin-top:4px}

  /* ===== 追加：3カード別 背景色 ===== */
  .et-kpi .k.k-total{
    background: linear-gradient(180deg, #EEF2FF 0%, #FFFFFF 100%);
  }
  .et-kpi .k.k-active{
    background: linear-gradient(180deg, #F0FDF4 0%, #FFFFFF 100%);
  }
  .et-kpi .k.k-elapsed{
    background: linear-gradient(180deg, #FFF7ED 0%, #FFFFFF 100%);
  }
  /* ================================= */

  /* ===== 追加：題名サイズ（指定どおり） ===== */
  .et-kpi .k.k-total .h{ font-size:16px; }
  .et-kpi .k.k-active .h{ font-size:16px; font-weight:600; }
  .et-kpi .k.k-elapsed .h{ font-size:16px; }
  /* ======================================= */

  .et-btns{display:flex;gap:8px;flex-wrap:wrap}
  button.et-btn{border:1px solid #d1d5db;background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer}
  button.et-btn.primary{background:#111827;color:#fff;border-color:#111827}
  button.et-btn.danger{background:#fee2e2;border-color:#fecaca}
  button.et-btn:disabled{opacity:.45;cursor:not-allowed}

  input.et-in{width:100%;padding:8px 10px;border:1px solid #d1d5db;border-radius:10px;box-sizing:border-box}
  .et-pill{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid #e5e7eb;font-size:12px;color:#374151;background:#f9fafb}
  .et-small{font-size:12px;color:#6b7280}
  .et-right{text-align:right}
  .et-mono{font-variant-numeric:tabular-nums;letter-spacing:.3px}

  .et-progress{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden}
  .et-progress > div{height:100%;background:#2563eb;width:0%}

  .et-warn{color:#b45309}
  .et-bad{color:#b91c1c}
  .et-ok{color:#047857}

  .et-list{display:flex;flex-direction:column;gap:10px}
  .et-item{
    background:#fff;
    border:1px solid #e5e7eb;
    border-radius:14px;
    padding:10px;
    display:grid;
    grid-template-columns:64px 1fr 140px 170px 74px;
    gap:10px;
    align-items:center;
  }
  .et-item.et-active{border:2px solid #111827}
  .et-cell{min-width:0}
  .et-cell.right{text-align:right}
  .et-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}
  .et-inlinebtn{padding:6px 10px;border-radius:10px;border:1px solid #d1d5db;background:#fff;cursor:pointer}

  .et-kpi-nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}

  /* ===== 追加：問題一覧の「残り / 実績」を横並び＆サイズ統一 ===== */
  .et-result-row{
    display:flex;
    gap:12px;
    justify-content:flex-end;
    align-items:flex-end;
  }
  .et-result{
    text-align:right;
  }
  .et-result-val{
    font-size:14px;
    font-weight:700;
    line-height:1.2;
  }
  /* =============================================================== */

  @media (max-width:720px){
    .et-kpi{grid-template-columns:1fr}
    .et-right{text-align:left}
    .et-item{grid-template-columns:1fr;align-items:stretch}
    .et-actions{justify-content:flex-start}
    .et-cell.right{text-align:left}
    /* モバイルでも自然に左寄せに */
    .et-result-row{justify-content:flex-start}
    .et-result{text-align:left}
  }