:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf0f7;background:#101217;font-family:Inter,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0}main{background:radial-gradient(circle at top,#242a3a,#101217 58%);place-items:center;min-height:100vh;padding:24px;display:grid}.chat{background:#15181ff5;border:1px solid #343a49;border-radius:20px;grid-template-rows:auto auto 1fr auto;width:min(760px,100%);height:min(820px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 24px 80px #0008}header{border-bottom:1px solid #2b303c;justify-content:space-between;align-items:center;padding:22px 24px 18px;display:flex}h1{letter-spacing:.03em;margin:0;font-size:20px}header p{color:#9ca5b8;margin:3px 0 0;font-size:13px}.status{color:#f1c66d;background:#f1c66d18;border-radius:999px;padding:7px 10px;font-size:12px}.status.online{color:#72e0a5;background:#72e0a518}.status.error,.status.offline{color:#ff8793;background:#ff879318}.notice{color:#aab3c4;background:#202531;padding:10px 24px;font-size:12px}.messages{flex-direction:column;gap:12px;padding:24px;display:flex;overflow-y:auto}.empty{color:#70798b;margin:auto;font-size:14px}.message{white-space:pre-wrap;overflow-wrap:anywhere;background:#292f3b;border-radius:15px;align-self:flex-start;max-width:82%;padding:11px 14px;line-height:1.55}.message.user{color:#fff;background:#5a67d8;align-self:flex-end}.message.plugin{color:#d8c8ff;background:#302943;border:1px solid #514574;max-width:92%;font-size:13px}.message.system{color:#ffb2b9;text-align:center;background:0 0;align-self:center;max-width:100%;font-size:13px}form{border-top:1px solid #2b303c;grid-template-columns:1fr auto;gap:12px;padding:16px;display:grid}textarea{resize:none;min-height:52px;max-height:160px;color:inherit;font:inherit;background:#1b1f28;border:1px solid #3b4252;border-radius:13px;outline:none;padding:13px}textarea:focus{border-color:#7d89ef;box-shadow:0 0 0 3px #7d89ef20}button{color:#fff;min-width:82px;font:inherit;cursor:pointer;background:#6875e8;border:0;border-radius:13px;align-self:stretch;font-weight:650}button:disabled{cursor:not-allowed;opacity:.4}.keyform{flex-direction:column;gap:12px;padding:24px;display:flex}.keyform input{color:inherit;font:inherit;background:#1b1f28;border:1px solid #3b4252;border-radius:13px;outline:none;padding:13px}.keyform input:focus{border-color:#7d89ef;box-shadow:0 0 0 3px #7d89ef20}.keyform button{align-self:flex-end;padding:11px 22px}.key-error{color:#ffb2b9;margin:0;font-size:13px}.interaction-overlay{z-index:50;background:#000a;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.interaction-card{background:#1b1f28;border:1px solid #514574;border-radius:18px;flex-direction:column;gap:12px;width:min(460px,100%);padding:22px;display:flex;box-shadow:0 24px 80px #000a}.interaction-card h2{margin:0;font-size:17px}.interaction-source{color:#9ca5b8;margin:0;font-size:12px}.interaction-message{white-space:pre-wrap;overflow-wrap:anywhere;color:#d8c8ff;margin:0;font-size:14px;line-height:1.55}.interaction-card textarea{resize:vertical;min-height:88px;max-height:220px;color:inherit;font:inherit;background:#12151c;border:1px solid #3b4252;border-radius:11px;padding:11px}.interaction-card select{color:inherit;font:inherit;background:#12151c;border:1px solid #3b4252;border-radius:11px;padding:10px}.interaction-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.interaction-actions button{min-width:92px;padding:10px 14px}.interaction-actions button.secondary{background:#333a49}@media (max-width:560px){main{padding:0}.chat{border:0;border-radius:0;height:100vh}header,.messages{padding:18px}}