.markdown-body{background-color:#0f172a!important;background-image:radial-gradient(circle at 0% 0%,rgba(2,132,199,0.15) 0%,transparent 50%),radial-gradient(circle at 100% 100%,rgba(234,88,12,0.12) 0%,transparent 50%)!important;color:#cbd5e1!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif!important;font-size:14px!important;line-height:1.65!important;}
.app-container,.main-container,.message-list,.chat-container{overflow-x:hidden!important;max-width:100%!important;}
::-webkit-scrollbar{width:6px;height:6px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:rgba(56,189,248,0.2);border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background:#38bdf8;}
::selection{background:rgba(2,132,199,0.25);color:#ffffff;}.zn-cold{color:#64748b!important;font-weight:700;}.zn-hot{color:#f43f5e!important;font-weight:900;font-style:italic;text-shadow:0 0 8px rgba(244,63,94,0.3);}
.markdown-body details{width:100%!important;margin-bottom:16px!important;background:rgba(15,23,42,0.75)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(56,189,248,0.25)!important;border-radius:16px!important;overflow:hidden!important;color:#cbd5e1!important;box-shadow:0 10px 30px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.05)!important;transition:all 0.3s cubic-bezier(0.25,1,0.5,1);}
.markdown-body details:hover{border-color:#38bdf8;box-shadow:0 12px 36px rgba(2,132,199,0.15)!important;}
.markdown-body details > summary{padding:12px 20px!important;background:linear-gradient(90deg,rgba(15,23,42,0.9),rgba(30,41,59,0.6))!important;cursor:pointer!important;list-style:none!important;font-weight:800!important;font-size:14px!important;color:#38bdf8!important;border-bottom:1px solid rgba(56,189,248,0.25)!important;min-height:42px!important;display:flex!important;align-items:center!important;transition:all 0.25s ease!important;letter-spacing:0.5px;}
.markdown-body details > summary::-webkit-details-marker{display:none!important;}
.markdown-body details > summary::before{content:'[+]';margin-right:10px;font-family:monospace;font-size:12px;color:#ea580c;transition:all 0.2s ease;}
.markdown-body details[open] > summary::before{content:'[-]';color:#38bdf8;}
.markdown-body details > summary:hover{background:rgba(30,41,59,0.8)!important;color:#60a5fa!important;}
.markdown-body details[open] > summary{border-bottom:1px solid #38bdf8!important;background:linear-gradient(90deg,rgba(30,41,59,0.9),rgba(15,23,42,0.6))!important;color:#60a5fa!important;}
.markdown-body details[open] > :not(summary){padding:20px 22px!important;color:#cbd5e1!important;font-size:13.5px!important;background:rgba(9,13,26,0.75)!important;word-break:break-word!important;overflow-wrap:break-word!important;white-space:normal!important;max-width:100%!important;}
.zn-panel{font-family:-apple-system,system-ui,sans-serif;color:#cbd5e1;}
.zn-panel span:first-child{font-weight:900;color:#38bdf8;font-size:14px;letter-spacing:0.5px;}
.zn-grid{display:grid;grid-template-columns:auto 1fr;gap:4px 12px;margin:8px 0 12px 0;padding:12px 16px;background:rgba(0,0,0,0.4);border-radius:12px;border:1px dashed rgba(56,189,248,0.3);}
.zn-grid span:nth-child(odd){font-weight:800;color:#38bdf8;}
pre{font-family:'SF Mono',Menlo,Consolas,monospace;font-size:12px;padding:14px;white-space:pre-wrap;word-break:break-all;color:#38bdf8;background:#040711;border-radius:0 0 12px 12px;box-shadow:inset 0 4px 12px rgba(0,0,0,0.5);line-height:1.6;}
table{width:100%!important;border-collapse:collapse!important;font-size:12px;background:#090d16!important;border:1px solid rgba(56,189,248,0.25)!important;border-radius:12px!important;overflow:hidden!important;display:block;overflow-x:auto;}
th,td{border:1px solid rgba(56,189,248,0.2)!important;padding:8px 12px;}
th{background:rgba(2,132,199,0.15)!important;color:#38bdf8!important;font-weight:800;}
.zn-audit-box{display:flex;flex-direction:column;gap:12px;}
.zn-audit-black,.zn-audit-lust,.zn-audit-body{padding:12px 14px;border-radius:0 12px 12px 0;box-shadow:inset 0 0 10px rgba(0,0,0,0.2);}
.zn-audit-black{border-left:4px solid #0284c7;background:rgba(2,132,199,0.08);}
.zn-audit-lust{border-left:4px solid #ea580c;background:rgba(234,88,12,0.08);}
.zn-audit-body{border-left:4px solid #0d9488;background:rgba(13,148,136,0.08);}
.zn-audit-label {display:block;font-size:11px;font-weight:900;color:#94a3b8;letter-spacing:1px;margin-bottom:4px;}
.zn-audit-content{font-size:13.5px;color:#f1f5f9;}
.zn-phone-screen{background:#020617;border:4px solid #1e293b;border-radius:28px;padding:8px;max-width:320px;margin:0 auto;box-shadow:0 15px 35px rgba(0,0,0,0.5);}
.zn-phone-notch{width:90px;height:18px;background:#1e293b;border-radius:0 0 12px 12px;margin:0 auto 6px;}
.zn-phone-status-bar{display:flex;justify-content:space-between;padding:2px 14px 6px;font-size:10px;color:#64748b;}
.zn-phone-content{background:#0f172a;border-radius:18px;padding:12px;display:flex;flex-direction:column;gap:10px;}
.zn-comment-item{display:flex;gap:8px;padding-bottom:8px;border-bottom:1px dashed #334155;}
.zn-comment-item:last-child{border-bottom:none;padding-bottom:0;}
.zn-comment-avatar{width:26px;height:26px;border-radius:6px;color:#fff;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.zn-comment-body{flex:1;min-width:0;}
.zn-comment-meta{display:flex;justify-content:space-between;margin-bottom:2px;}
.zn-comment-user{font-size:11px;font-weight:800;color:#cbd5e1;}
.zn-comment-time{font-size:9px;color:#64748b;}
.zn-comment-text{font-size:12px;color:#94a3b8;line-height:1.55;}
.group .bg-gray-100\/90,.ai-message .bg-gray-100\/90{background:rgba(15,23,42,0.85)!important;border:1px solid rgba(56,189,248,0.25)!important;border-radius:20px!important;padding:16px 20px!important;box-shadow:0 10px 25px rgba(0,0,0,0.3)!important;color:#e2e8f0!important;}
.group .bg-gray-100\/90 p,.ai-message p{color:#e2e8f0!important;}
.flex.items-center.gap-2.pb-2 > button,button.primary-btn,button.generate-btn,button[type="submit"],.markdown-body button{background:linear-gradient(135deg,#0284c7,#0369a1)!important;color:#fff!important;border:1px solid #0369a1!important;border-radius:40px!important;padding:10px 24px!important;font-size:13px!important;font-weight:800!important;min-height:40px!important;box-shadow:0 4px 15px rgba(2,132,199,0.3)!important;transition:all 0.25s cubic-bezier(0.2,0.8,0.2,1)!important;cursor:pointer!important;letter-spacing:0.5px;}
.flex.items-center.gap-2.pb-2 > button:hover,button.primary-btn:hover,button.generate-btn:hover,.markdown-body button:hover{transform:translateY(-2px)!important;box-shadow:0 8px 20px rgba(2,132,199,0.5)!important;background:linear-gradient(135deg,#0ea5e9,#0284c7)!important;}
#ai-chat-input,input.modern-input,textarea.modern-input,.player-info-box,.message-input{background-color:rgba(15,23,42,0.7)!important;backdrop-filter:blur(4px)!important;border:1.5px solid rgba(56,189,248,0.2)!important;border-radius:30px!important;color:#fff!important;padding:14px 22px!important;font-size:14px!important;min-height:52px!important;width:100%!important;outline:none!important;transition:all 0.2s ease!important;box-shadow:inset 0 2px 6px rgba(0,0,0,0.3)!important;}
#ai-chat-input:focus,input.modern-input:focus,textarea.modern-input:focus{border-color:#38bdf8;box-shadow:inset 0 2px 8px rgba(0,0,0,0.4),0 0 12px rgba(2,132,199,0.3)!important;}
@media (max-width:768px){.zn-phone-screen{max-width:100%;}details[open] > :not(summary){padding:14px 16px!important;}}