#kitt-widget.kitt-card{border:1px solid #eee;border-radius:16px;padding:16px;box-shadow:0 6px 18px rgba(0,0,0,0.06);background:#111;color:#eee;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
#kitt-widget .kitt-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}
#kitt-widget .kitt-header h3{margin:0;font-size:1.15rem;letter-spacing:.3px}
#kitt-widget .kitt-sub{margin:0;color:#bbb;font-size:.9rem}
#kitt-widget .kitt-body{display:flex;flex-direction:column;gap:10px}
#kitt-input {
    width: 100%;
    padding: 10px;
    border-radius: 12px;
    border: 1px solid #333;
    background: #1b1b1b;
    color: #f5f5f5;

    /* Fix: Box-Modell */
    box-sizing: border-box;
    margin: 0;
    display: block;
}
.kitt-actions{display:flex;gap:8px}
.kitt-btn{background:#e11; color:#fff; border:none; padding:10px 14px; border-radius:999px; cursor:pointer; font-weight:600; box-shadow:0 2px 8px rgba(255,0,0,.25)}
.kitt-btn.kitt-ghost{background:transparent;border:1px solid #444;color:#ddd}
.kitt-btn:disabled{opacity:.5;cursor:not-allowed}
#kitt-status{min-height:1.2em;color:#ddd;font-size:.9rem}
.kitt-details{margin-top:6px}
.kitt-text{white-space:pre-wrap; background:#0b0b0b; padding:10px; border-radius:10px; border:1px solid #222}
.kitt-leds{display:inline-flex;gap:6px;margin-right:8px}
.kitt-leds span{width:10px;height:18px;background:#f33;border-radius:3px;opacity:.25;box-shadow:0 0 10px rgba(255,0,0,.25)}
.kitt-vu{display:flex;justify-content:center;align-items:flex-end;gap:10px;height:110px;margin-top:10px;padding:6px 0}
.kitt-vu .bar{width:18px;height:var(--h,6%);border-radius:6px;background:linear-gradient(180deg,#ff4d4d,#b30000);box-shadow:0 0 12px rgba(255,0,0,.35), inset 0 0 4px rgba(255,255,255,.07);transition:height .08s linear}
.kitt-vu:not(.playing) .bar{opacity:.5}