:root{
  --budi-brand:#FFC700;
  --budi-bg:#0e0e10;
  --budi-text:#f5f5f7;
  --budi-muted:#a8a8b3;
  --budi-user:#1f6feb;
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#0b0b0c;color:#eaeaf0}
.page{max-width:900px;margin:5rem auto;padding:0 1rem}
h1{font-size:2rem;margin-bottom:.5rem}
p{line-height:1.6}

.budi-bubble{
  position:fixed;right:18px;bottom:18px;width:72px;height:72px;border:none;border-radius:16px;
  background:transparent;box-shadow:none;cursor:pointer;display:grid;place-items:center
}
.budi-bubble img{width:72px;height:72px}

#budi-chat{position:fixed;right:18px;bottom:98px;z-index:9999}
.budi-hidden{display:none}
.budi-window{
  width:min(380px,calc(100vw - 32px));height:560px;border-radius:18px;overflow:hidden;
  background:#131316;border:1px solid #2a2a32;box-shadow:0 24px 48px rgba(0,0,0,.45);display:flex;flex-direction:column;position:relative
}
.budi-header{display:flex;align-items:center;gap:12px;padding:12px 10px;background:#1a1a22;border-bottom:1px solid #2a2a32}
.budi-avatar{width:34px;height:34px;border-radius:8px}
.budi-heading{display:flex;flex-direction:column;gap:2px}
.budi-title{font-weight:700;color:#fff}
.budi-subtitle{font-size:.85rem;color:var(--budi-muted)}
.budi-lang{margin-left:auto;display:flex;gap:6px}
.lang-btn{background:#22232d;border:1px solid #2a2a32;border-radius:8px;color:#e9eaee;padding:6px 10px;font-size:.78rem;cursor:pointer}
.lang-btn.active{border-color:var(--budi-brand);background:#2a2a32}
.budi-icon{margin-left:8px;background:transparent;border:none;color:#d2d2da;font-size:18px;cursor:pointer}

.budi-messages{padding:14px;overflow:auto;display:flex;flex-direction:column;gap:12px;height:100%}
.budi-msg{max-width:85%;padding:10px 12px;border-radius:14px;line-height:1.4;font-size:.95rem}
.budi-msg.user{align-self:flex-end;background:var(--budi-user);color:#fff;border-bottom-right-radius:6px}
.budi-msg.bot{align-self:flex-start;background:#1d1d27;color:#e9eaee;border-left:3px solid var(--budi-brand);border-bottom-left-radius:6px}
.budi-form{display:flex;gap:8px;padding:10px;border-top:1px solid #2a2a32;background:#111116}
.budi-form input{flex:1;border:1px solid #2a2a32;border-radius:12px;background:#0c0c12;color:#ececf3;padding:12px 14px}
.budi-form .budi-send{background:var(--budi-brand);color:#111;border:none;border-radius:12px;padding:0 14px;font-weight:600;cursor:pointer}
.budi-quick{display:flex;gap:8px;flex-wrap:wrap;padding:0 14px 10px 14px;border-top:1px dashed #25252e;background:#131316}
.budi-chip{background:#1d1d27;border:1px solid #2a2a32;color:#e9eaee;border-radius:999px;padding:8px 12px;font-size:.82rem;cursor:pointer}
.budi-chip:hover{border-color:var(--budi-brand)}

/* Feedback overlay */
.budi-feedback{position:absolute;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}
.budi-feedback-card{background:#1a1a22;border:1px solid #2a2a32;border-radius:14px;padding:16px;width:min(320px,90vw);text-align:center;color:#e9eaee;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.budi-feedback-title{font-weight:600;margin-bottom:6px}
.stars{display:flex;gap:6px;justify-content:center;margin:8px 0 12px}
.star-btn{background:transparent;border:none;font-size:26px;cursor:pointer;color:#777}
.star-btn.active{color:var(--budi-brand)}
.budi-feedback-actions{display:flex;gap:8px;justify-content:center}
.budi-btn{background:#2a2a32;color:#e9eaee;border:1px solid #3a3a44;border-radius:10px;padding:8px 12px;cursor:pointer}
.budi-btn.primary{background:var(--budi-brand);color:#111;border:none}