:root,[data-theme=light]{--bg-primary:#f4f6fb;--bg-secondary:#fff;--bg-tertiary:#eef1f7;--bg-glass:#ffffffd1;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--text-inverse:#fff;--border-color:#e2e8f0;--border-light:#f1f5f9;--accent-1:#e53935;--accent-2:#ff6f61;--accent-3:#ff8a80;--accent-gradient:linear-gradient(135deg, #e53935 0%, #ff6f61 60%, #ff8a80 100%);--accent-gradient-hover:linear-gradient(135deg, #c62828 0%, #e53935 60%, #ff6f61 100%);--purple:#7c3aed;--purple-light:#ede9fe;--blue:#2563eb;--blue-light:#dbeafe;--green:#059669;--green-light:#d1fae5;--gold:#d97706;--gold-light:#fef3c7;--card-shadow:0 2px 12px #00000012, 0 1px 3px #0000000d;--card-shadow-hover:0 12px 40px #00000021, 0 4px 12px #00000012;--glass-blur:blur(16px);--gradient-card-1:linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-card-2:linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-card-3:linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--gradient-card-4:linear-gradient(135deg, #fa709a 0%, #fee140 100%);--gradient-card-5:linear-gradient(135deg, #a18cd1 0%, #fbc2eb 100%);--gradient-warm:linear-gradient(135deg, #f6d365 0%, #fda085 100%);--gradient-sunset:linear-gradient(135deg, #fccb90 0%, #d57eeb 100%);--story-ring:conic-gradient(#e53935, #ff6f61, #ffd54f, #4caf50, #2196f3, #9c27b0, #e53935);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px}[data-theme=dark]{--bg-primary:#0d0d1a;--bg-secondary:#161625;--bg-tertiary:#1c1c30;--bg-glass:#161625e0;--text-primary:#f0f0f8;--text-secondary:#a0a8c0;--text-muted:#5a6080;--text-inverse:#0d0d1a;--border-color:#252540;--border-light:#1e1e34;--accent-1:#ff6f61;--accent-2:#ff8a80;--accent-3:#ffab91;--accent-gradient:linear-gradient(135deg, #ff6f61 0%, #ff8a80 60%, #ffab91 100%);--accent-gradient-hover:linear-gradient(135deg, #e53935 0%, #ff6f61 60%, #ff8a80 100%);--purple:#a78bfa;--purple-light:#a78bfa26;--blue:#60a5fa;--blue-light:#60a5fa1f;--green:#34d399;--green-light:#34d3991f;--gold:#fbbf24;--gold-light:#fbbf241f;--card-shadow:0 2px 16px #00000059, 0 1px 4px #00000040;--card-shadow-hover:0 12px 48px #0000008c, 0 4px 16px #00000059;--gradient-card-1:linear-gradient(135deg, #a855f7 0%, #ec4899 100%);--gradient-card-2:linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--gradient-card-3:linear-gradient(135deg, #22c55e 0%, #14b8a6 100%);--gradient-card-4:linear-gradient(135deg, #f43f5e 0%, #eab308 100%);--gradient-card-5:linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--gradient-warm:linear-gradient(135deg, #f59e0b 0%, #ef4444 100%);--gradient-sunset:linear-gradient(135deg, #f97316 0%, #a855f7 100%);--story-ring:conic-gradient(#ff6f61, #ffd54f, #34d399, #60a5fa, #a78bfa, #ff6f61);--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.6;transition:background .3s,color .3s;overflow-x:hidden}@media (max-width:768px){input:not([type=checkbox]):not([type=radio]),textarea,select{font-size:16px!important}}#root{text-align:left;width:100%;max-width:100%;margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{background:var(--accent-1);color:#fff}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width:768px){body{font-size:14px}}@media (max-width:480px){body{font-size:13.5px}.home-page,.feed-page,.profile-page,.bp,.biz-dashboard-page,.auth-page,.my-profile-page{overflow-x:hidden}}img,video,iframe,svg{max-width:100%}.biz-video-modal{z-index:9999;background:#000000e0;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.biz-video-modal video{border-radius:12px;outline:none;max-width:90vw;max-height:90vh}.biz-video-modal__close{color:#fff;cursor:pointer;opacity:.8;background:0 0;border:none;font-size:28px;line-height:1;position:absolute;top:20px;right:24px}.biz-video-modal__close:hover{opacity:1}.chat-float-btn{color:#fff;cursor:pointer;z-index:999;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:50%;width:60px;height:60px;font-size:28px;transition:all .3s;position:fixed;bottom:90px;right:20px;box-shadow:0 4px 12px #00000026}.chat-float-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #0003}.chat-float-btn:active{transform:scale(.95)}.chat-panel{z-index:998;background:#fff;border-radius:12px;flex-direction:column;width:350px;height:500px;animation:.3s ease-out slideUp;display:flex;position:fixed;bottom:160px;right:20px;box-shadow:0 5px 30px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chat-header{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;padding:16px;display:flex}.chat-header h3{margin:0;font-size:16px;font-weight:600}.chat-close-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;padding:0;font-size:20px;transition:all .2s;display:flex}.chat-close-btn:hover{opacity:.8}.chat-messages{background:#f8f9fa;flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.chat-welcome{text-align:center;color:#999;margin:auto;font-size:14px}.chat-msg{align-items:flex-start;gap:8px;animation:.3s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-msg.user{justify-content:flex-end}.chat-msg.user .msg-text{color:#fff;background:#667eea}.chat-msg.bot .msg-text{color:#333;background:#e8e8e8}.msg-avatar{text-align:center;min-width:24px;font-size:18px}.msg-text{word-wrap:break-word;border-radius:8px;max-width:80%;padding:8px 12px;font-size:13px;line-height:1.3}.chat-input-area{background:#fff;border-top:1px solid #eee;border-radius:0 0 12px 12px;gap:6px;padding:12px;display:flex}.chat-input{border:1px solid #ddd;border-radius:6px;outline:none;flex:1;padding:8px 12px;font-size:13px;transition:all .2s}.chat-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a}.chat-input:disabled{background:#f5f5f5}.chat-send-btn,.chat-new-btn{color:#fff;cursor:pointer;background:#667eea;border:none;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .2s;display:flex}.chat-send-btn:hover:not(:disabled),.chat-new-btn:hover{background:#764ba2;transform:scale(1.05)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-new-btn{color:#667eea;background:#f5f5f5}.chat-new-btn:hover{color:#fff;background:#667eea}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-track{background:#f1f1f1}.chat-messages::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.chat-messages::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:480px){.chat-panel{width:calc(100% - 40px);height:400px}.chat-float-btn{width:50px;height:50px;font-size:24px}}