body.misaki-ai-chat-open{overflow:hidden}
.misaki-ai-chat{position:fixed;inset:0;z-index:1000;display:grid;place-items:end center}
.misaki-ai-backdrop{position:absolute;inset:0;background:rgba(5,38,80,.5);backdrop-filter:blur(4px)}
.misaki-ai-panel{position:relative;width:min(100%,480px);height:min(78vh,680px);background:#fffdf8;border-radius:24px 24px 0 0;box-shadow:0 -12px 50px rgba(0,35,70,.24);display:flex;flex-direction:column;overflow:hidden}
.misaki-ai-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:linear-gradient(135deg,#e8faff,#fff);border-bottom:1px solid #dcecf1}
.misaki-ai-panel-title strong{display:block;font-size:18px;color:#06254d}
.misaki-ai-panel-title span{display:block;font-size:11px;color:#60758b;margin-top:2px}
.misaki-ai-close{border:0;background:#fff;width:38px;height:38px;border-radius:50%;font-size:24px;line-height:1;color:#06254d}
.misaki-ai-messages{flex:1;overflow:auto;padding:18px 16px;display:flex;flex-direction:column;gap:12px}
.misaki-ai-message{display:flex}
.misaki-ai-message.is-user{justify-content:flex-end}
.misaki-ai-bubble{max-width:84%;padding:11px 13px;border-radius:16px;background:#edf8fb;color:#06254d;font-size:14px;line-height:1.65;white-space:pre-line}
.is-user .misaki-ai-bubble{background:#0789a8;color:#fff;border-bottom-right-radius:5px}
.is-ai .misaki-ai-bubble{border-bottom-left-radius:5px}
.misaki-ai-suggestions{display:flex;gap:7px;overflow-x:auto;padding:0 14px 12px}
.misaki-ai-suggestions button{flex:0 0 auto;border:1px solid #a8d6e2;background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;color:#06254d}
.misaki-ai-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e4e0d8;background:#fff}
.misaki-ai-form input{min-width:0;border:1px solid #d8d0c2;border-radius:999px;padding:11px 14px;font:inherit;font-size:14px;color:#06254d}
.misaki-ai-form button{border:0;border-radius:999px;background:#f50022;color:#fff;font-weight:800;padding:0 18px}
.ai-prompts .misaki-ai-open{cursor:pointer}
@media(min-width:900px){.misaki-ai-chat{place-items:center}.misaki-ai-panel{border-radius:24px;height:min(76vh,680px)}}