#clx-dt-wrap *{box-sizing:border-box;margin:0;padding:0}
#clx-dt-wrap{padding:1.5rem 0;font-family:Arial,sans-serif}
#clx-dt-card{background:#1e1e1e;border:0.5px solid #2e2e2e;border-radius:12px;padding:1.5rem;max-width:640px}
.clx-dt-label{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#666;margin-bottom:.75rem}
.clx-dt-q{font-size:16px;font-weight:500;color:#e0e0e0;margin-bottom:1.25rem;line-height:1.55}
.clx-dt-btns{display:flex;flex-direction:column;gap:8px}

#clx-dt-wrap button.clx-dt-btn{background:#141414 !important;border:0.5px solid #2e2e2e !important;border-radius:8px !important;padding:11px 14px !important;font-size:14px !important;color:#cccccc !important;cursor:pointer;text-align:left !important;font-family:Arial,sans-serif !important;width:100% !important;display:block !important;line-height:1.4 !important;text-transform:none !important;letter-spacing:normal !important;box-shadow:none !important}
#clx-dt-wrap button.clx-dt-btn:hover{border-color:#1cb853 !important;background:#1a1a1a !important;color:#e0e0e0 !important}

.clx-dt-result{border-left:3px solid #1cb853;padding-left:1rem !important}
.clx-dt-result-title{font-size:15px;font-weight:600;color:#e0e0e0;margin-bottom:.5rem;font-family:Arial,sans-serif}
.clx-dt-result-body{font-size:14px;color:#999;line-height:1.65;font-family:Arial,sans-serif}

#clx-dt-wrap button.clx-dt-restart{margin-top:1.25rem;display:inline-flex !important;align-items:center;gap:6px;font-size:13px !important;color:#888 !important;cursor:pointer;border:0.5px solid #2e2e2e !important;border-radius:8px !important;padding:7px 12px !important;background:transparent !important;font-family:Arial,sans-serif !important;width:auto !important;text-transform:none !important;letter-spacing:normal !important;box-shadow:none !important}
#clx-dt-wrap button.clx-dt-restart:hover{color:#ccc !important;border-color:#444 !important;background:transparent !important}

#clx-dt-wrap button.clx-dt-back{font-size:12px !important;color:#555 !important;cursor:pointer;margin-bottom:.75rem;display:inline-flex !important;align-items:center;gap:4px;border:none !important;background:none !important;padding:0 !important;font-family:Arial,sans-serif !important;width:auto !important;text-transform:none !important;letter-spacing:normal !important;box-shadow:none !important}
#clx-dt-wrap button.clx-dt-back:hover{color:#888 !important;background:none !important}