:root{--bg:#f4f6fb;--panel:#fff;--panel2:#f8fafc;--text:#182033;--muted:#6b7280;--line:#e5e7eb;--brand:#ef3b1a;--brand2:#111827;--ok:#10b981;--warn:#f59e0b;--bad:#ef4444;--info:#3b82f6;--shadow:0 10px 28px #11182714;--radius:18px}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;line-height:1.45}.pill{border:1px solid var(--line);color:#475467;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;display:inline-flex}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px}.card h3{margin:0 0 12px;font-size:18px}.card h4{margin:0 0 8px;font-size:15px}.btn{cursor:pointer;color:#fff;background:#111827;border:0;border-radius:12px;padding:10px 13px;font-size:13px;font-weight:700}.btn:hover{filter:brightness(.96)}.btn.brand{background:var(--brand);margin:0;display:inline-flex}.btn.ok{background:var(--ok)}.btn.warn{background:var(--warn);color:#111827}.btn.bad{background:var(--bad)}.btn.ghost{color:#111827;border:1px solid var(--line);background:#fff}.btn.small{border-radius:9px;padding:7px 9px;font-size:12px}.field{flex-direction:column;gap:6px;display:flex}.field label{color:#475467;font-size:12px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);color:#111827;width:100%;font:inherit;background:#fff;border-radius:12px;padding:10px 11px}.badge{color:#3730a3;background:#eef2ff;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800;display:inline-flex}.badge.ok{color:#166534;background:#dcfce7}.badge.warn{color:#92400e;background:#fef3c7}.badge.bad{color:#991b1b;background:#fee2e2}.badge.gray{color:#374151;background:#f3f4f6}.badge.info{color:#1e40af;background:#dbeafe}.hint{color:var(--muted);font-size:13px}.progress{background:#e5e7eb;border-radius:999px;height:8px;overflow:hidden}.progress i{background:var(--brand);width:50%;height:100%;display:block}.toast{color:#fff;box-shadow:var(--shadow);z-index:99;background:#111827;border-radius:14px;padding:12px 14px;display:none;position:fixed;bottom:18px;right:18px}.toast.show{display:block}.empty{text-align:center;color:var(--muted);padding:24px}.modal-backdrop{z-index:200;background:#0f172a8c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:18px;width:min(900px,96vw);max-width:900px;max-height:86vh;padding:18px;overflow:auto}.modal-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.card{border-radius:15px;padding:14px}.card h3{margin-bottom:10px;font-size:16px}.card h4{font-size:14px}.btn{border-radius:10px;padding:8px 11px;font-size:12px}.field{gap:4px}.field label{font-size:11px}.field input,.field select,.field textarea{border-radius:10px;padding:8px 9px;font-size:13px}.pill{padding:6px 10px;font-size:11px}.btn:disabled{cursor:not-allowed;opacity:.7;filter:none!important}.page{flex-direction:column;gap:16px;max-width:960px;margin:0 auto;padding:48px 24px;display:flex}.page h1{margin:0;font-size:20px;font-weight:700}.page-footer{color:var(--muted);gap:16px;font-size:12px;display:flex}.page-footer a{color:var(--info)}.btn{min-height:40px}.badge{font-weight:700}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--info);outline-offset:2px}.light-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 0;font-size:14px;display:grid}.light-row:last-child{border-bottom:0}.light-row .label{flex-direction:column;gap:4px;display:flex}.light-row .value{color:var(--muted);font-size:12px}.dot{background:var(--muted);border-radius:50%;width:8px;height:8px;margin-right:4px;display:inline-block}.dot.ok{background:var(--ok)}.dot.warn{background:var(--warn)}.dot.bad{background:var(--bad)}.banner{border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex}.banner.warn{color:#9a3412;background:#fff7ed;border:1px solid #fed7aa}.banner.bad{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.banner.info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.timer{font-variant-numeric:tabular-nums;font-size:48px;font-weight:700;line-height:1.1}.history{margin:0;padding:0;list-style:none}.history li{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding:8px 0;font-size:14px;display:flex}.progress i{transition:width .2s}.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px}