.demo{user-select:none;pointer-events:none;border:1px solid #ffffff0f;border-radius:12px;width:100%;font-family:Segoe UI,system-ui,sans-serif;position:relative;overflow:hidden}.demo-header{background:#1e1f22;border-bottom:1px solid #0000004d;justify-content:space-between;align-items:center;height:40px;padding:0 16px;display:flex}.demo-header-left{align-items:center;gap:8px;display:flex}.demo-channel-name{color:#ffffffd9;font-size:14px;font-weight:600}.demo-topic{color:#ffffff40;border-left:1px solid #ffffff14;margin-left:8px;padding-left:12px;font-size:11px}.demo-winbtn{color:#ffffff4d;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;display:flex}.demo-chat{background:#313338;flex-direction:column;height:480px;display:flex;overflow:hidden}.demo-messages{flex-direction:column;flex:1;gap:14px;padding:12px 16px;display:flex;overflow:hidden}.demo-msg{opacity:0;gap:12px;padding:4px 0;transition:opacity .5s,transform .5s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(16px)}.demo-msg.vis{opacity:1;transform:translateY(0)}.demo-pfp{border-radius:50%;flex-shrink:0;width:40px;height:40px;overflow:hidden}.demo-pfp img{object-fit:cover;width:100%;height:100%}.demo-msg-body{flex:1;min-width:0}.demo-msg-head{align-items:center;gap:6px;margin-bottom:3px;display:flex}.demo-bot-name{color:#38bdf8;font-size:14px;font-weight:600}.demo-app-tag{color:#fff;background:#5865f2;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1.3}.demo-msg-time{color:#ffffff26;font-size:10px}.demo-msg-text{color:#ffffffd9;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:4px;font-size:13.5px;line-height:1.35}.demo-embed{background:#2b2d31;border-left:4px solid #38bdf8;border-radius:0 8px 8px 0;max-width:520px;margin-top:6px;padding:12px 14px}.demo-embed-author{color:#e8eaf0;margin-bottom:4px;font-size:12.5px;font-weight:600}.demo-embed-action{color:#00a8fc;margin-bottom:6px;font-size:13px;font-weight:600}.demo-embed-body{color:#ffffffb8;word-wrap:break-word;overflow-wrap:break-word;margin-bottom:10px;font-size:13px;line-height:1.45}.demo-embed-footer{color:#ffffff40;align-items:center;gap:6px;font-size:10px;display:flex}.demo-embed-footer svg{flex-shrink:0}.demo-panel-embed{background:#2b2d31;border-left:4px solid #5865f2;border-radius:0 8px 8px 0;max-width:440px;margin-top:6px;padding:12px 14px}.demo-panel-title{color:#e8eaf0;margin-bottom:6px;font-size:15px;font-weight:700}.demo-panel-desc{color:#ffffff8c;margin-bottom:10px;font-size:13px;line-height:1.4}.demo-panel-fields{gap:24px;margin-bottom:2px;display:flex}.demo-panel-field-label{color:#ffffffb3;margin-bottom:2px;font-size:12px;font-weight:700}.demo-panel-field-value{color:#ffffff8c;font-size:13px}.demo-panel-thumb{float:right;background:#1e1f22;border-radius:8px;width:60px;height:60px;margin-left:12px;overflow:hidden}.demo-panel-thumb img{object-fit:cover;width:100%;height:100%}.demo-ephemeral{color:#fff3;align-items:center;gap:6px;margin-top:6px;font-size:11px;display:flex}.demo-used-cmd{color:#ffffff59;margin-bottom:2px;font-size:12px}.demo-used-cmd strong{color:#ffffff8c;font-weight:600}.demo-btn-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.demo-discord-btn{cursor:default;color:#fff;border:none;border-radius:3px;padding:6px 14px;font-size:13px;font-weight:500;line-height:1.4;transition:transform .2s cubic-bezier(.22,1,.36,1),filter .2s,box-shadow .2s}.demo-discord-btn.primary{background:#248046}.demo-discord-btn.secondary{background:#4e5058}.demo-discord-btn.btn-press{filter:brightness(.75);transform:scale(.92)}.demo-discord-btn.btn-glow{filter:brightness(1.15);box-shadow:0 0 16px #24804680}.demo-discord-btn.secondary.btn-glow{box-shadow:0 0 16px #4e505880}.demo-success-embed{background:#2b2d31;border-left:4px solid #34d399;border-radius:0 8px 8px 0;max-width:440px;margin-top:6px;padding:12px 14px}.demo-success-text{color:#ffffffd9;font-size:13px;line-height:1.45}.demo-success-text strong{color:#34d399;font-weight:600}.demo-modal-overlay{z-index:25;opacity:0;pointer-events:none;background:#000000b8;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.demo-modal-overlay.vis{opacity:1}.demo-modal{background:#313338;border-radius:8px;width:380px;max-width:88%;transition:transform .35s cubic-bezier(.22,1,.36,1);transform:scale(.85);box-shadow:0 8px 40px #0009}.demo-modal-overlay.vis .demo-modal{transform:scale(1)}.demo-modal-header{justify-content:space-between;align-items:center;padding:16px 16px 8px;display:flex}.demo-modal-title{color:#e8eaf0;font-size:17px;font-weight:700}.demo-modal-x{color:#ffffff40;font-size:16px}.demo-modal-warning{color:#ffffffa6;background:#faa61a14;border:1px solid #faa61a40;border-radius:4px;align-items:flex-start;gap:8px;margin:0 16px 12px;padding:10px 12px;font-size:11.5px;line-height:1.4;display:flex}.demo-modal-warning-icon{color:#faa61a;flex-shrink:0;font-size:14px}.demo-modal-body{padding:8px 16px 16px}.demo-modal-label{color:#ffffff73;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.demo-modal-input{background:#1e1f22;border:1px solid #ffffff0f;border-radius:4px;align-items:center;min-height:20px;padding:10px 12px;font-size:14px;transition:border-color .2s;display:flex;position:relative}.demo-modal-input.focused{border-color:#5865f2}.demo-modal-input-text{color:#ffffffe6;font-size:14px}.demo-modal-input-caret{opacity:0;background:#ffffffb3;border-radius:1px;width:2px;height:16px;animation:none}.demo-modal-input-caret.blink{opacity:1;animation:1s step-end infinite caret-blink}.demo-modal-input-ph{color:#ffffff2e;pointer-events:none;font-size:14px;position:absolute;left:12px}.demo-modal-footer{background:#2b2d31;border-radius:0 0 8px 8px;justify-content:flex-end;gap:8px;padding:16px;display:flex}.demo-modal-btn{cursor:default;border-radius:3px;padding:8px 22px;font-size:13px;font-weight:500;transition:transform .2s cubic-bezier(.22,1,.36,1),filter .2s,box-shadow .2s;display:inline-block}.demo-modal-btn.cancel{color:#ffffff73}.demo-modal-btn.submit{color:#fff;background:#5865f2}.demo-modal-btn.btn-press{filter:brightness(.75);transform:scale(.92)}.demo-modal-btn.btn-glow{filter:brightness(1.15);box-shadow:0 0 20px #5865f280}.demo-input-bar{background:#383a40;border-radius:8px;align-items:center;gap:8px;margin:0 16px 16px;padding:10px 14px;display:flex}.demo-input-plus{color:#ffffff4d;text-align:center;flex-shrink:0;width:20px;font-size:18px;font-weight:300}.demo-input{flex:1;align-items:center;min-height:20px;font-size:14px;display:flex;position:relative}.demo-input-text{color:#ffffffe6;white-space:nowrap;font-size:14px}.demo-input-caret{opacity:0;background:#ffffffb3;border-radius:1px;width:2px;height:16px;animation:none}.demo-input-caret.blink{opacity:1;animation:1s step-end infinite caret-blink}@keyframes caret-blink{0%,50%{opacity:1}51%,to{opacity:0}}.demo-input-placeholder{color:#fff3;pointer-events:none;font-size:14px;position:absolute;left:0}.demo-cursor{z-index:30;pointer-events:none;opacity:0;filter:drop-shadow(0 2px 4px #0006);transition:top .8s cubic-bezier(.22,1,.36,1),left .8s cubic-bezier(.22,1,.36,1),opacity .3s;position:absolute;top:50%;left:50%}.demo-cursor.vis{opacity:1}.demo-cursor.fast{transition:top .4s cubic-bezier(.22,1,.36,1),left .4s cubic-bezier(.22,1,.36,1),opacity .3s}.demo-ripple{pointer-events:none;opacity:0;z-index:29;border:2px solid #5865f299;border-radius:50%;width:24px;height:24px;position:absolute;transform:scale(0)}.demo-ripple.pop{opacity:1;animation:.5s ease-out forwards ripple-pop;transform:scale(0)}@keyframes ripple-pop{0%{opacity:.9;transform:scale(0)}to{opacity:0;transform:scale(3)}}.demo-typing{color:#ffffff4d;opacity:0;align-items:center;gap:6px;padding:4px 16px 8px;font-size:11px;transition:opacity .3s;display:flex}.demo-typing.vis{opacity:1}.demo-typing strong{color:#ffffff80;font-weight:600}.demo-dots{gap:3px;margin-left:2px;display:flex}.demo-dots span{background:#ffffff4d;border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite demo-bounce}.demo-dots span:nth-child(2){animation-delay:.2s}.demo-dots span:nth-child(3){animation-delay:.4s}@keyframes demo-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-3px)}}.demo-slash-cmd{color:#5865f2;font-weight:500}@media (width<=640px){.demo-chat{height:440px}.demo-topic{display:none}.demo-embed,.demo-panel-embed,.demo-success-embed{max-width:100%}.demo-embed-body{margin-bottom:6px;font-size:12px}.demo-cursor,.demo-ripple{display:none}.demo-modal{width:92%}.demo-btn-row{flex-wrap:wrap}.demo-discord-btn{padding:5px 10px;font-size:11px}.demo-panel-fields{gap:16px}}@media (width<=400px){.demo-chat{height:400px}.demo-messages{gap:8px;padding:8px 10px}.demo-embed{padding:10px 12px}.demo-msg-text{font-size:12px}}