:root { --bg:#07111d; --panel:#101d2e; --panel2:#0a1524; --text:#f5f8ff;
      --muted:#aab7ca; --accent:#79a7ff; --ok:#42dda1; --bad:#ff7184;
      --warn:#ffd275; --border:#30445e; --cyan:#61e4f4; }
    * { box-sizing:border-box; }
    body { margin:0; background:linear-gradient(#040a12,var(--bg)); color:var(--text);
      font:16px/1.46 system-ui,-apple-system,sans-serif; }
    main { max-width:1100px; margin:auto; padding:18px 13px 64px; }
    h1 { font-size:clamp(28px,7vw,46px); line-height:1.04; margin:11px 0; }
    h2 { font-size:22px; margin:0 0 10px; }
    p { color:var(--muted); }
    code { color:#dce8ff; word-break:break-all; }
    .badge { display:inline-block; border:1px solid var(--border); border-radius:999px;
      padding:7px 11px; color:var(--cyan); background:var(--panel2); font-weight:850; font-size:13px; }
    .card { background:var(--panel); border:1px solid var(--border); border-radius:21px;
      padding:17px; margin:15px 0; }
    .notice { border-left:4px solid var(--warn); padding:12px 14px; background:var(--panel2);
      border-radius:12px; color:var(--muted); }
    button { width:100%; border:0; border-radius:15px; padding:16px; margin:8px 0;
      background:var(--accent); color:#06101d; font-size:17px; font-weight:900; }
    button.alt { background:#1d304a; color:var(--text); border:1px solid var(--border); }
    button.danger { background:#5b2631; color:#fff; border:1px solid var(--bad); }
    button:disabled { opacity:.43; }
    .preset-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; margin:10px 0; }
    button.compact { padding:12px 8px; margin:0; font-size:14px; }
    .access-link { color:var(--cyan); overflow-wrap:anywhere; }
    input { width:100%; border:1px solid var(--border); border-radius:14px; padding:14px;
      background:var(--panel2); color:var(--text); font-size:18px; margin:6px 0 10px; }
    label { display:block; color:var(--muted); font-weight:750; margin-top:8px; }
    .inline-check { display:flex; gap:10px; align-items:flex-start; color:var(--muted); margin:10px 0; }
    .inline-check input { width:auto; margin:4px 0 0; transform:scale(1.25); }
    .target-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin:8px 0 12px; }
    .target-grid label { display:flex; gap:8px; align-items:center; background:var(--panel2); border:1px solid var(--border); border-radius:12px; padding:10px; margin:0; }
    .target-grid input { width:auto; margin:0; }
    .status { padding:14px; border:1px solid var(--border); background:var(--panel2);
      border-radius:14px; font-weight:740; word-break:break-word; white-space:pre-wrap; }
    .ok { color:var(--ok); border-color:var(--ok); }
    .bad { color:var(--bad); border-color:var(--bad); }
    .warn { color:var(--warn); border-color:var(--warn); }
    .grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:10px; }
    .grid3 { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin-top:10px; }
    .metric { background:var(--panel2); border:1px solid var(--border); border-radius:14px; padding:12px; }
    .metric small { display:block; color:var(--muted); }
    .metric strong { word-break:break-word; }
    table { width:100%; border-collapse:collapse; font-size:13px; margin-top:10px; min-width:1180px; }
    th,td { text-align:left; padding:9px 6px; border-bottom:1px solid var(--border); }
    th { color:var(--muted); position:sticky; top:0; background:var(--panel); }
    .positive { color:var(--ok); font-weight:900; }
    .negative { color:var(--bad); font-weight:900; }
    .hidden { display:none; }
    details { margin-top:12px; }
    summary { cursor:pointer; color:var(--accent); font-weight:800; }
    .tiny { font-size:13px; color:var(--muted); }
    .pulse { animation:pulse 1.6s infinite; }
    @keyframes pulse { 50% { opacity:.55; } }
    @media(max-width:760px) { .grid,.grid3,.target-grid,.preset-grid { grid-template-columns:1fr; } table { font-size:12px; } }
  
    .table-scroll { overflow:auto; }
    .history-table { min-width:820px; }
    .muted-state { color:var(--muted); font-weight:800; }
    .stale { color:var(--warn); font-weight:900; }