@font-face{font-family:Whitney;src:url(https://cdn.skyra.pw/whitney-font/v2/Book.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Whitney;src:url(https://cdn.skyra.pw/whitney-font/v2/Medium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Whitney;src:url(https://cdn.skyra.pw/whitney-font/v2/Semibold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Whitney;src:url(https://cdn.skyra.pw/whitney-font/v2/Bold.woff) format("woff");font-weight:700;font-style:normal}:root{color-scheme:dark}html,body,#root{width:100%;height:100%;margin:0}body{font-family:Whitney,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#313338;color:#dbdee1}*{box-sizing:border-box}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#4e5058;border-radius:9999px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#6d6f78}.animate-fade-in{animation:fadeIn .18s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.device-shell{background:#0b0b0d;border:1px solid #111214;box-shadow:0 24px 60px #00000059}.device-screen{background:#313338;border:1px solid #1e1f22;overflow:hidden}.device-screen-inner{overflow-y:auto;overflow-x:hidden;height:100%;width:100%}.device-phone .preview-chat{font-size:15px}.device-tablet .preview-chat,.device-desktop .preview-chat{font-size:14px}.preview-chat{width:100%;min-width:0;color:#dbdee1}.preview-message{display:flex;gap:12px;width:100%;min-width:0}.preview-message-avatar{flex:0 0 auto;border-radius:9999px;overflow:hidden;background:linear-gradient(135deg,#5865f2,#4752c4);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.preview-message-main{min-width:0;width:100%}.preview-message-header{display:flex;align-items:center;gap:8px;min-width:0;flex-wrap:wrap}.preview-badge{background:#5865f2;color:#fff;border-radius:4px;font-weight:700;font-size:10px;padding:1px 4px;line-height:1.2;text-transform:uppercase}.preview-timestamp{color:#949ba4;font-size:12px}.preview-content{margin-top:2px;color:#dbdee1;word-break:break-word;white-space:normal}.preview-embeds{display:flex;flex-direction:column;gap:8px;margin-top:8px;width:100%}.preview-embed{display:flex;width:100%;min-width:0;background:#2b2d31;border-radius:4px;overflow:hidden}.preview-embed-bar{width:4px;flex:0 0 auto}.preview-embed-body{padding:12px;min-width:0;width:100%}.preview-embed-author{display:flex;align-items:center;gap:8px;margin-bottom:6px;min-width:0}.preview-embed-author img,.preview-embed-footer img{border-radius:9999px}.preview-embed-title{font-weight:700;color:#fff;margin-bottom:6px;line-height:1.25;word-break:break-word}.preview-embed-title a,.preview-embed-author a,.preview-content a,.preview-embed-description a,.preview-field-value a{color:#00a8fc;text-decoration:none}.preview-embed-title a:hover,.preview-embed-author a:hover,.preview-content a:hover,.preview-embed-description a:hover,.preview-field-value a:hover{text-decoration:underline}.preview-embed-description{color:#dbdee1;line-height:1.35;word-break:break-word}.preview-fields{margin-top:10px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px 10px;width:100%}.preview-field{min-width:0}.preview-field-title{color:#fff;font-weight:700;margin-bottom:2px;word-break:break-word}.preview-field-value{color:#dbdee1;word-break:break-word}.preview-embed-image{margin-top:10px;border-radius:8px;overflow:hidden;border:1px solid #1e1f22}.preview-embed-image img,.preview-embed-thumb img{display:block;width:100%;height:auto}.preview-embed-footer{margin-top:10px;display:flex;align-items:center;gap:6px;color:#949ba4;font-size:12px;min-width:0;flex-wrap:wrap}.preview-embed-layout{display:flex;min-width:0;width:100%}.preview-embed-thumb{flex:0 0 auto;padding:12px 12px 12px 0}.preview-embed-thumb img{width:80px;height:80px;object-fit:cover;border-radius:6px}.preview-components{margin-top:8px;display:flex;flex-direction:column;gap:8px}.preview-button-row{display:flex;flex-wrap:wrap;gap:8px}.preview-button{min-height:32px;border-radius:4px;border:1px solid transparent;font-size:14px;font-weight:500;padding:7px 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;white-space:normal;text-align:center}.preview-button i{font-size:11px;opacity:.75}.preview-button-disabled{opacity:.5}.preview-phone .preview-message{gap:10px}.preview-phone .preview-message-avatar{width:36px;height:36px}.preview-phone .preview-badge{font-size:9px}.preview-phone .preview-content{font-size:15px}.preview-phone .preview-embed-body{padding:10px}.preview-phone .preview-embed-thumb{padding:10px 10px 10px 0}.preview-phone .preview-embed-thumb img{width:64px;height:64px}.preview-phone .preview-fields{grid-template-columns:repeat(1,minmax(0,1fr))}.preview-phone .preview-button-row{gap:6px}.preview-phone .preview-button{min-height:36px;font-size:14px;padding:8px 12px}.preview-tablet .preview-message-avatar,.preview-desktop .preview-message-avatar{width:40px;height:40px}.preview-tablet .preview-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-desktop .preview-fields{grid-template-columns:repeat(12,minmax(0,1fr))}.preview-desktop .preview-button-row{flex-wrap:nowrap}.preview-desktop .preview-button{white-space:nowrap}.preview-inline-3{grid-column:span 4 / span 4}.preview-inline-2{grid-column:span 6 / span 6}.preview-inline-1,.preview-inline-full{grid-column:span 12 / span 12}.dc-md code{background:#1e1f22;padding:0 4px;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.dc-md pre{background:#1e1f22;border-radius:6px;padding:10px;overflow-x:auto}.dc-md blockquote{margin:6px 0;padding-left:10px;border-left:4px solid #4e5058;color:#c9d0d6}.dc-md .mention{background:#5865f21f;color:#c9cdfb;border-radius:3px;padding:0 4px}
