/* Container */
.kt-widget.kt-theme{
  --kt-primary:#111;
  --kt-accent:#a3e635;   /* lime accent */
  --kt-accent-deep:#84cc16;
  --kt-bg:#0b0f14;
  --kt-card:#0f1720;
  --kt-border:#1f2937;

  max-width:640px;
  margin:auto;
  padding:18px;
  border-radius:20px;
  background:linear-gradient(180deg,var(--kt-card),#0b1118);
  color:#e5e7eb;
  box-shadow:0 20px 40px rgba(0,0,0,0.35);
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  border:1px solid var(--kt-border);
}

/* Hero area */
.kt-hero{
  display:grid;
  place-items:center;
  gap:14px;
  padding:10px 10px 2px 10px;
}
.kt-logo{
  display:block !important;
  max-width:100% !important;
  width:180px !important;
  height:auto !important;
  opacity:1 !important;
  visibility:visible !important;
  filter: drop-shadow(0 6px 18px rgba(0,0,0,0.45));
  transition: transform .08s linear;
}

/* Knight Rider talk bar */
.kt-kitt{
  position:relative;
  width:100%;
  height:22px;
  background:rgba(163,230,53,0.12);
  border:1px solid rgba(163,230,53,0.25);
  border-radius:999px;
  overflow:hidden;
}
.kt-kitt span{
  position:absolute; left:0; right:0; margin:auto;
  width:68%;
  height:16px;
  top:3px;
  border-radius:999px;
  background:
    radial-gradient(60% 100% at 0% 50%, rgba(163,230,53,0.0), rgba(163,230,53,0.0) 60%),
    linear-gradient(90deg, rgba(163,230,53,0.05), rgba(163,230,53,0.7), rgba(163,230,53,0.05));
  box-shadow:
    0 0 24px rgba(163,230,53,0.45),
    inset 0 0 24px rgba(163,230,53,0.35);
  animation: kt-scan 1.6s linear infinite;
  transform-origin:center bottom;
  opacity:.35;
}
@keyframes kt-scan {
  0% { transform: translateX(-38%) }
  50%{ transform: translateX(38%) }
  100%{ transform: translateX(-38%) }
}

/* Toggle button */
.kt-controls{ display:grid; place-items:center; margin-top:12px; }
.kt-toggle{
  --r:16px;
  display:inline-grid; grid-auto-flow:column; align-items:center; gap:10px;
  padding:14px 18px;
  background:linear-gradient(180deg,#111,#0e1218);
  color:#fff; border:1px solid #222; border-radius:var(--r);
  cursor:pointer; font-weight:700; letter-spacing:.2px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.05), 0 8px 24px rgba(0,0,0,.35);
  transition: transform .08s ease, box-shadow .12s ease, border-color .12s ease;
}
.kt-toggle:hover{ transform: translateY(-1px); border-color:#2a2f38; }
.kt-toggle:active{ transform: translateY(0); }
.kt-toggle__led{
  width:12px; height:12px; border-radius:999px; background:#ef4444;
  box-shadow:0 0 10px rgba(239,68,68,.6), inset 0 0 10px rgba(0,0,0,.6);
}
.kt-toggle.is-on .kt-toggle__led{
  background:#84cc16;
  box-shadow:0 0 12px rgba(132,204,22,.9), 0 0 26px rgba(132,204,22,.4);
}
.kt-toggle__label{ white-space:nowrap; }

/* Log */
.kt-log{
  margin-top:14px;
  max-height:220px;
  overflow:auto;
  padding:10px 12px;
  background:rgba(17,24,39,.55);
  border:1px solid rgba(255,255,255,.06);
  border-radius:12px;
  font-size:14px;
}