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