:root{
  --rose:#f7a1c4; --rose-2:#fcd5e6; --lav:#c7b6ff; --ink:#2a2230; --bg:#fff7fb; --white:#ffffff;
}
*{box-sizing:border-box}
body.eva-bg{background:linear-gradient(160deg,var(--bg),#fff)}
.container{max-width:1100px;margin:0 auto;padding:24px}
.eva-header{display:flex;justify-content:space-between;align-items:center;
  padding:16px 24px;background:linear-gradient(90deg,var(--rose),var(--lav));
  color:var(--white);position:sticky;top:0;border-bottom-left-radius:18px;border-bottom-right-radius:18px}
.eva-brand{font-weight:800;letter-spacing:1px;color:var(--white);text-decoration:none;font-size:22px}
nav .btn{margin-left:8px}
.btn{background:var(--white);color:var(--ink);padding:8px 14px;border-radius:999px;border:none;cursor:pointer;text-decoration:none;font-weight:600;box-shadow:0 4px 12px #0001}
.btn.ghost{background:transparent;border:2px solid #fff;color:#fff}
.card{background:#fff;border-radius:20px;box-shadow:0 10px 30px #a8366b14;padding:20px}
.grid{display:grid;gap:16px}
.grid.cols-2{grid-template-columns: 1fr 2fr}
.input, .textarea{width:100%;padding:12px 14px;border-radius:14px;border:1px solid #eee;outline:none}
.textarea{min-height:120px;resize:vertical}
.chat-wrap{display:flex;flex-direction:column;height:70vh}
.messages{flex:1;overflow:auto;padding:8px}
.msg{display:flex;gap:12px;margin-bottom:14px}
.msg .bubble{padding:12px 14px;border-radius:16px;max-width:80%}
.msg.user .bubble{background:var(--rose-2);border-bottom-right-radius:4px}
.msg.assistant .bubble{background:#f5f5ff;border-bottom-left-radius:4px}
.msg .avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(45deg,var(--rose),var(--lav))}
.composer{display:flex;gap:10px;padding-top:8px}
.composer .input{flex:1}
.list{list-style:none;padding:0;margin:0}
.list li a{display:block;padding:10px;border-radius:12px;text-decoration:none;color:#2a2230}
.list li a:hover{background:#00000006}
.eva-footer{text-align:center;padding:20px;color:#888}
.hi{margin-right:8px;font-weight:600}