.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:520px;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:#22d3ee}.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-embed{margin-top:6px;background:#2b2d31;border-left:4px solid #22D3EE;border-radius:0 8px 8px 0;padding:12px 14px;max-width:520px;transition:border-left-color .3s,box-shadow .3s}.demo-embed-inner{display:flex;gap:12px}.demo-embed-content{flex:1;min-width:0}.demo-embed-author{display:flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#ffffffb3;margin-bottom:6px}.demo-embed-author-icon{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0}.demo-embed-author-icon img,.demo-embed-author-icon svg{width:100%;height:100%}.demo-embed-title{font-size:15px;font-weight:700;color:#e8eaf0;margin-bottom:6px}.demo-embed-action{font-size:13px;color:#22d3ee;margin-bottom:8px;font-weight:500}.demo-embed-action strong{color:#e8eaf0;font-weight:700}.demo-embed-thumb{width:68px;height:68px;border-radius:8px;overflow:hidden;flex-shrink:0;border:1px solid rgba(255,255,255,.06)}.demo-embed-thumb img,.demo-embed-thumb svg{width:100%;height:100%;object-fit:cover}.demo-profile-grid{display:flex;gap:20px;margin-top:8px}.demo-profile-col{flex:1}.demo-profile-heading{font-size:11px;font-weight:700;color:#fff9;margin-bottom:3px}.demo-profile-row{font-size:11px;color:#ffffff73;line-height:1.6}.demo-profile-label{font-weight:600;color:#fff9}.demo-bio-section{margin-top:6px}.demo-bio-text{font-size:11px;color:#fff6;line-height:1.45;margin-top:2px}.demo-embed-footer{display:flex;align-items:center;gap:6px;font-size:10px;color:#ffffff40;margin-top:8px;padding-top:6px;border-top:1px solid rgba(255,255,255,.04)}.demo-embed-footer img{width:16px;height:16px;border-radius:50%}.demo-setup-embed,.demo-success-embed,.demo-info-embed,.demo-list-embed,.demo-usage-embed{margin-top:6px;background:#2b2d31;border-radius:0 8px 8px 0;padding:12px 14px;max-width:460px;transition:border-left-color .3s,box-shadow .3s}.demo-setup-embed{border-left:4px solid #22D3EE}.demo-success-embed{border-left:4px solid #34d399}.demo-info-embed{border-left:4px solid #5865F2}.demo-list-embed{border-left:4px solid #22D3EE}.demo-usage-embed{border-left:4px solid #F59E0B}.demo-setup-title{font-size:14px;font-weight:700;color:#e8eaf0;margin-bottom:6px}.demo-setup-text{font-size:13px;color:#ffffffb8;line-height:1.45}.demo-success-text{font-size:13px;color:#ffffffd9;line-height:1.45}.demo-success-text strong{color:#34d399;font-weight:600}.demo-progress{margin-top:8px;background:#1e1f22;border-radius:4px;height:8px;overflow:hidden}.demo-progress-bar{height:100%;background:linear-gradient(90deg,#22d3ee,#06b6d4);border-radius:4px;transition:width 1s cubic-bezier(.22,1,.36,1)}.demo-usage-bar{height:100%;background:linear-gradient(90deg,#f59e0b,#eab308);border-radius:4px}.demo-stats-row{display:flex;gap:16px;margin:8px 0;flex-wrap:wrap}.demo-stat-label{font-size:10px;font-weight:700;color:#ffffff80;text-transform:uppercase;letter-spacing:.3px}.demo-stat-value{font-size:14px;font-weight:700;color:#e8eaf0}.demo-cmd-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.demo-cmd-tag-item{font-size:11px;font-family:DM Mono,ui-monospace,monospace;color:#ffffff8c;background:#1e1f22;padding:2px 7px;border-radius:3px;border:1px solid rgba(255,255,255,.06);transition:border-color .2s,color .2s}.demo-list-items{margin-top:6px}.demo-list-row{font-size:12px;color:#ffffff8c;line-height:1.8;display:flex;align-items:center;gap:6px;padding:2px 4px;border-radius:3px;transition:background .2s}.demo-list-name{font-weight:700;color:#e8eaf0}.demo-list-badge{font-size:9px;padding:1px 5px;border-radius:3px;font-weight:600;color:#fff;background:#248046}.demo-used-cmd{font-size:12px;color:#ffffff59;margin-bottom:2px}.demo-used-cmd strong{color:#ffffff8c;font-weight:600}.demo-ephemeral{display:flex;align-items:center;gap:6px;font-size:11px;color:#fff3;margin-top:6px}.demo-btns{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.demo-discord-btn{font-size:12px;font-weight:500;padding:5px 12px;border-radius:3px;color:#fff;transition:transform .2s,filter .2s,box-shadow .2s}.demo-discord-btn.green{background:#248046}.demo-discord-btn.gray{background:#4e5058}.demo-discord-btn.btn-press{transform:scale(.92);filter:brightness(.75)}.demo-discord-btn.btn-glow{box-shadow:0 0 14px #22d3ee66;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}.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-slash-cmd{color:#5865f2;font-weight:500}.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(34,211,238,.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)}}@media(max-width:640px){.demo-chat{height:460px}.demo-topic{display:none}.demo-embed,.demo-setup-embed,.demo-success-embed,.demo-info-embed,.demo-list-embed,.demo-usage-embed{max-width:100%}.demo-cursor,.demo-ripple{display:none}.demo-profile-grid{flex-direction:column;gap:4px}.demo-embed-thumb{width:48px;height:48px}}@media(max-width:400px){.demo-chat{height:420px}.demo-messages{padding:8px 10px;gap:8px}}