@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--dark-bg:#0a0e27;--dark-card:#1a1f3a;--dark-card-hover:#222847;--dark-text:#e4e6eb;--dark-text-secondary:#b0b3b8;--dark-border:#2d3348;--light-bg:#f0f2f5;--light-card:#fff;--light-card-hover:#f8f9fa;--light-text:#1c1e21;--light-text-secondary:#65676b;--light-border:#e4e6eb;--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#8b5cf6;--success:#10b981;--danger:#ef4444;--warning:#f59e0b;--gradient-1:linear-gradient(135deg,#667eea,#764ba2);--gradient-2:linear-gradient(135deg,#f093fb,#f5576c);--gradient-3:linear-gradient(135deg,#4facfe,#00f2fe);--gradient-4:linear-gradient(135deg,#43e97b,#38f9d7);--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #00000026;--shadow-lg:0 8px 32px #0003;--shadow-glow:0 0 20px #6366f14d}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}body.dark-mode{background:#0a0e27;background:var(--dark-bg);color:#e4e6eb;color:var(--dark-text)}body.light-mode{background:#f0f2f5;background:var(--light-bg);color:#1c1e21;color:var(--light-text)}.bubbles-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.bubble{animation:rise 15s ease-in infinite;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);border-radius:50%;bottom:-100px;height:40px;opacity:.1;position:absolute;width:40px}.dark-mode .bubble{opacity:.05}.bubble:nth-child(2){animation-delay:2s;animation-duration:18s;background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-2);height:20px;left:20%;width:20px}.bubble:nth-child(3){animation-delay:4s;animation-duration:12s;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-3);height:50px;left:40%;width:50px}.bubble:nth-child(4){animation-delay:0s;animation-duration:20s;background:linear-gradient(135deg,#43e97b,#38f9d7);background:var(--gradient-4);height:30px;left:60%;width:30px}.bubble:nth-child(5){animation-delay:3s;animation-duration:16s;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);height:25px;left:80%;width:25px}@keyframes rise{0%{bottom:-100px;opacity:.1;transform:translateX(0) scale(1)}50%{opacity:.15;transform:translateX(100px) scale(1.2)}to{bottom:110%;opacity:0;transform:translateX(-50px) scale(.8)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glow{0%,to{box-shadow:0 0 5px #6366f1,0 0 10px #6366f1;box-shadow:0 0 5px var(--primary),0 0 10px var(--primary)}50%{box-shadow:0 0 10px #6366f1,0 0 20px #6366f1;box-shadow:0 0 10px var(--primary),0 0 20px var(--primary)}}.fade-in{animation:fadeIn .6s ease-out forwards}.slide-in{animation:slideIn .5s ease-out forwards}.slide-down{animation:slideDown .5s ease-out forwards}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.dark-mode .auth-container{background:#0a0e27;background:var(--dark-bg)}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #fff3;border-radius:24px;box-shadow:0 8px 32px #0003;box-shadow:var(--shadow-lg);max-width:450px;padding:48px;position:relative;width:100%;z-index:1}.dark-mode .auth-card{background:#1a1f3af2;border:1px solid #2d3348;border:1px solid var(--dark-border)}.logo-container{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:32px}.logo-icon{animation:pulse 2s infinite;font-size:42px}.logo,.logo-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);-webkit-background-clip:text;background-clip:text}.logo{font-size:32px;font-weight:700;margin:0}.auth-tabs{background:#0000000d;border-radius:12px;display:flex;gap:12px;margin-bottom:32px;padding:6px}.dark-mode .auth-tabs{background:#0003}.auth-tab{align-items:center;background:#0000;border:none;border-radius:10px;color:#65676b;color:var(--light-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease}.dark-mode .auth-tab{color:#b0b3b8;color:var(--dark-text-secondary)}.auth-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.auth-tab:hover:not(.active){background:#6366f11a}.auth-form{display:flex;flex-direction:column;gap:20px}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:#6366f1;color:var(--primary);font-size:18px;left:18px;position:absolute;z-index:1}.input-group input{background:#ffffffe6;border:2px solid #6366f133;border-radius:12px;color:#1c1e21;color:var(--light-text);font-family:Inter,sans-serif;font-size:16px;padding:16px 16px 16px 52px;transition:all .3s ease;width:100%}.dark-mode .input-group input{background:#0d112899;border-color:#2d3348;border-color:var(--dark-border);color:#e4e6eb;color:var(--dark-text)}.input-group input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a;outline:none;transform:translateY(-2px)}.submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);border:none;border-radius:12px;box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;padding:16px 32px;transition:all .3s ease}.submit-btn:hover:not(:disabled){box-shadow:0 8px 32px #0003,0 0 20px #6366f14d;box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--light-border);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.dark-mode .header{background:#1a1f3af2;border-bottom:1px solid #2d3348;border-bottom:1px solid var(--dark-border)}.header-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 24px}.header-content,.logo-section{align-items:center;display:flex}.logo-section{gap:12px}.logo-icon-small{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;font-size:28px}.header .logo{font-size:24px;margin:0}.user-section{gap:16px}.theme-toggle,.user-section{align-items:center;display:flex}.theme-toggle{background:#0000;border:2px solid #6366f1;border:2px solid var(--primary);border-radius:12px;color:#6366f1;color:var(--primary);cursor:pointer;font-size:18px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.theme-toggle:hover{background:#6366f1;background:var(--primary);color:#fff;transform:rotate(180deg)}.user-info{align-items:center;background:#6366f11a;border-radius:12px;display:flex;gap:10px;padding:8px 16px}.user-icon{color:#6366f1;color:var(--primary);font-size:24px}.user-name{color:#1c1e21;color:var(--light-text);font-weight:600}.dark-mode .user-name{color:#e4e6eb;color:var(--dark-text)}.logout-btn{align-items:center;background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-2);border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.logout-btn:hover{box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.main-content{margin:32px auto;max-width:700px;padding:0 24px;position:relative;z-index:1}.create-post{background:#fff;background:var(--light-card);border:1px solid #e4e6eb;border:1px solid var(--light-border);border-radius:20px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:24px;padding:24px;transition:all .3s ease}.dark-mode .create-post{background:#1a1f3a;background:var(--dark-card);border-color:#2d3348;border-color:var(--dark-border)}.create-post:hover{box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.create-post h2{align-items:center;color:#1c1e21;color:var(--light-text);display:flex;font-size:20px;gap:10px;margin-bottom:16px}.dark-mode .create-post h2{color:#e4e6eb;color:var(--dark-text)}.post-input-wrapper{margin-bottom:16px;position:relative}.post-icon{color:#6366f1;color:var(--primary);font-size:18px;left:16px;position:absolute;top:16px}.create-post textarea{background:#ffffffe6;border:2px solid #6366f133;border-radius:12px;color:#1c1e21;color:var(--light-text);font-family:Inter,sans-serif;font-size:15px;padding:16px 16px 16px 48px;resize:vertical;transition:all .3s ease;width:100%}.dark-mode .create-post textarea{background:#0d112899;border-color:#2d3348;border-color:var(--dark-border);color:#e4e6eb;color:var(--dark-text)}.create-post textarea:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a;outline:none}.post-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;padding:12px 28px;transition:all .3s ease}.post-btn:hover:not(:disabled){box-shadow:0 4px 16px #00000026,0 0 20px #6366f14d;box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-2px)}.post-btn:disabled{cursor:not-allowed;opacity:.6}.feed h2{align-items:center;color:#1c1e21;color:var(--light-text);display:flex;font-size:20px;gap:10px;margin-bottom:20px}.dark-mode .feed h2{color:#e4e6eb;color:var(--dark-text)}.no-posts{background:#fff;background:var(--light-card);border:2px dashed #e4e6eb;border:2px dashed var(--light-border);border-radius:20px;padding:60px 40px;text-align:center}.dark-mode .no-posts{background:#1a1f3a;background:var(--dark-card);border-color:#2d3348;border-color:var(--dark-border)}.no-posts-icon{color:#6366f1;color:var(--primary);font-size:64px;margin-bottom:16px;opacity:.5}.no-posts p{color:#65676b;color:var(--light-text-secondary);font-size:16px}.dark-mode .no-posts p{color:#b0b3b8;color:var(--dark-text-secondary)}.post{background:#fff;background:var(--light-card);border:1px solid #e4e6eb;border:1px solid var(--light-border);border-radius:20px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);margin-bottom:20px;padding:24px;transition:all .3s ease}.dark-mode .post{background:#1a1f3a;background:var(--dark-card);border-color:#2d3348;border-color:var(--dark-border)}.post:hover{box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-md);transform:translateY(-4px)}.post-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.post-user{gap:12px}.avatar,.post-user{align-items:center;display:flex}.avatar{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);border-radius:50%;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);color:#fff;font-size:20px;height:48px;justify-content:center;width:48px}.post-user h3{color:#1c1e21;color:var(--light-text);font-size:16px;margin-bottom:4px}.dark-mode .post-user h3{color:#e4e6eb;color:var(--dark-text)}.post-time{align-items:center;color:#65676b;color:var(--light-text-secondary);display:flex;font-size:13px;gap:4px}.dark-mode .post-time{color:#b0b3b8;color:var(--dark-text-secondary)}.post-actions{display:flex;gap:8px}.post-actions button{align-items:center;background:#6366f11a;border:none;border-radius:10px;color:#6366f1;color:var(--primary);cursor:pointer;display:flex;font-size:14px;height:36px;justify-content:center;transition:all .3s ease;width:36px}.post-actions button:hover{background:#6366f1;background:var(--primary);color:#fff;transform:scale(1.1)}.post-content{color:#1c1e21;color:var(--light-text);font-size:15px;line-height:1.6;margin-bottom:16px}.dark-mode .post-content{color:#e4e6eb;color:var(--dark-text)}.edit-form{margin-bottom:16px}.edit-form textarea{background:#fff;background:var(--light-card);border:2px solid #6366f1;border:2px solid var(--primary);border-radius:12px;color:#1c1e21;color:var(--light-text);font-family:Inter,sans-serif;font-size:15px;margin-bottom:12px;padding:12px 16px;resize:vertical;width:100%}.dark-mode .edit-form textarea{background:#0d112899;color:#e4e6eb;color:var(--dark-text)}.edit-actions{display:flex;gap:10px}.cancel-btn,.save-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;font-weight:600;gap:6px;padding:10px 20px;transition:all .3s ease}.save-btn{background:#10b981;background:var(--success);color:#fff}.cancel-btn{background:#ef4444;background:var(--danger);color:#fff}.cancel-btn:hover,.save-btn:hover{box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-md);transform:translateY(-2px)}.post-footer{border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--light-border);border-top:1px solid #e4e6eb;border-top:1px solid var(--light-border);display:flex;gap:12px;margin-bottom:16px;padding:16px 0}.dark-mode .post-footer{border-color:#2d3348;border-color:var(--dark-border)}.action-btn{align-items:center;background:#6366f11a;border:none;border-radius:10px;color:#65676b;color:var(--light-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .3s ease}.dark-mode .action-btn{color:#b0b3b8;color:var(--dark-text-secondary)}.action-btn:hover{background:#6366f133;transform:translateY(-2px)}.like-btn.liked{background:#6366f133;color:#6366f1;color:var(--primary)}.like-btn.liked i{animation:pulse .5s ease}.comments{margin-bottom:16px}.comment{background:#6366f10d;border-radius:12px;display:flex;gap:12px;margin-bottom:10px;padding:14px;transition:all .3s ease}.comment:hover{background:#6366f11a}.comment-avatar,.comment-avatar-small{align-items:center;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--gradient-3);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.comment-avatar-small{font-size:14px;height:32px;width:32px}.comment-content{flex:1 1}.comment-content strong{color:#1c1e21;color:var(--light-text);display:block;font-size:14px;margin-bottom:4px}.dark-mode .comment-content strong{color:#e4e6eb;color:var(--dark-text)}.comment-content p{color:#1c1e21;color:var(--light-text);font-size:14px;margin-bottom:4px}.dark-mode .comment-content p{color:#e4e6eb;color:var(--dark-text)}.comment-time{align-items:center;color:#65676b;color:var(--light-text-secondary);display:flex;font-size:12px;gap:4px}.dark-mode .comment-time{color:#b0b3b8;color:var(--dark-text-secondary)}.comment-form{align-items:center;display:flex;gap:12px}.comment-form input{background:#fff;background:var(--light-card);border:2px solid #6366f133;border-radius:12px;color:#1c1e21;color:var(--light-text);flex:1 1;font-size:14px;padding:12px 16px;transition:all .3s ease}.dark-mode .comment-form input{background:#0d112899;border-color:#2d3348;border-color:var(--dark-border);color:#e4e6eb;color:var(--dark-text)}.comment-form input:focus{border-color:#6366f1;border-color:var(--primary);box-shadow:0 0 0 4px #6366f11a;outline:none}.comment-form button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-size:16px;height:44px;justify-content:center;transition:all .3s ease;width:44px}.comment-form button:hover{box-shadow:0 4px 16px #00000026,0 0 20px #6366f14d;box-shadow:var(--shadow-md),var(--shadow-glow);transform:translateY(-2px) scale(1.05)}@media (max-width:768px){.auth-card{padding:32px 24px}.header-content{flex-direction:column;gap:16px;text-align:center}.user-section{flex-wrap:wrap;justify-content:center}.main-content{margin:20px auto;padding:0 16px}.post-header{flex-direction:column;gap:12px}.post-actions{justify-content:flex-end;width:100%}.action-btn{font-size:13px;padding:8px 12px}.action-btn span{display:none}.bubble{height:30px;width:30px}}@media (max-width:480px){.auth-card{padding:24px 20px}.logo{font-size:24px}.logo-icon{font-size:32px}.create-post,.post{padding:16px}.theme-toggle{font-size:16px;height:40px;width:40px}.logout-btn{font-size:13px;padding:8px 12px}.user-info{font-size:13px;padding:6px 10px}.user-icon{font-size:18px}.user-name{font-size:13px}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f0f2f5;background:var(--light-bg)}.dark-mode ::-webkit-scrollbar-track{background:#0a0e27;background:var(--dark-bg)}::-webkit-scrollbar-thumb{background:#6366f1;background:var(--primary);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#4f46e5;background:var(--primary-hover)}.fa-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.41ccbdb3.css.map*/