.card{background:#0f172a;border:1px solid #1e293b;border-radius:.5rem}
.label{display:block;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8;margin-bottom:.4rem}
.field{width:100%;background:#020617;border:1px solid #334155;border-radius:.375rem;padding:.55rem .7rem;color:#e2e8f0;font-size:.9rem;outline:none}
.field:focus{border-color:#f59e0b;box-shadow:0 0 0 2px rgba(245,158,11,.2)}
.btn-primary{background:#f59e0b;color:#0f172a;font-weight:600;padding:.7rem 1rem;border-radius:.375rem;transition:background .15s}
.btn-primary:hover{background:#fbbf24}
.btn-primary:disabled{opacity:.55;cursor:not-allowed}
.btn-ghost{border:1px solid #334155;color:#cbd5e1;font-size:.78rem;padding:.35rem .7rem;border-radius:.375rem}
.btn-ghost:hover{background:#1e293b;color:#fff}
.tab{padding:.85rem 1rem;font-size:.85rem;color:#94a3b8;border-bottom:2px solid transparent;white-space:nowrap}
.tab:hover{color:#e2e8f0}
.tab.active{color:#fbbf24;border-color:#f59e0b}
.block{background:#020617;border:1px solid #1e293b;border-radius:.5rem;padding:1rem;margin-bottom:.9rem}
.block-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}
.copytext{white-space:pre-wrap;line-height:1.65;font-size:.95rem;color:#f1f5f9}
.slide{display:flex;gap:.75rem;align-items:flex-start}
.slide-num{flex:none;width:1.9rem;height:1.9rem;border-radius:9999px;background:#f59e0b22;border:1px solid #f59e0b66;color:#fbbf24;font-size:.8rem;display:flex;align-items:center;justify-content:center;font-weight:600}
.chip{display:inline-block;font-size:.7rem;padding:.15rem .5rem;border-radius:9999px;border:1px solid #334155;color:#94a3b8;margin-right:.35rem}
.chip.ok{border-color:#065f46;color:#6ee7b7}
.chip.warn{border-color:#92400e;color:#fcd34d}
.chip.bad{border-color:#991b1b;color:#fca5a5}
.stat{background:#0b1222;border:1px solid #f59e0b44;border-radius:.5rem;padding:.8rem;text-align:center}
.stat b{display:block;font-size:1.5rem;color:#fbbf24;line-height:1.2}
.hist{display:block;width:100%;text-align:left;padding:.45rem .5rem;border-radius:.375rem;color:#cbd5e1}
.hist:hover{background:#1e293b}
@media (max-width:640px){.tab{padding:.7rem .6rem;font-size:.78rem}}