body{background:linear-gradient(135deg,#fd5949,#d6249f,#285aeb);font-family:Poppins,sans-serif}.auth-container{align-items:center;display:flex;height:100vh;justify-content:center}.auth-card{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0003;padding:40px;text-align:center;width:320px}.auth-card h2{margin-bottom:20px}.auth-card input{border:1px solid #ddd;border-radius:10px;margin:10px 0;padding:12px;width:100%}.auth-card button{background:linear-gradient(45deg,#ff416c,#ff4b2b);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:12px;width:100%}.toggle-text{color:#0095f6;cursor:pointer;margin-top:15px}body{background:#fafafa;display:flex;font-family:Segoe UI,sans-serif;justify-content:center;margin:0}#root{max-width:900px;width:100%}.navbar{background:#c9cacc;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:12px 20px;position:sticky;top:0;z-index:10}.logo{font-size:20px;font-weight:700}.profile{color:#555;cursor:pointer;font-size:14px}.feed-container{margin:0 auto;max-width:600px;padding:20px}.create-post-card{background:#fff;border:1px solid #ddd;border-radius:15px;box-shadow:0 2px 10px #0000000d;margin:0 auto 20px;max-width:500px;padding:15px}.create-header{align-items:center;display:flex;justify-content:space-between}.create-header h3{margin:0}.tabs span{background:#f0f2f5;border-radius:20px;cursor:pointer;font-size:12px;margin-left:10px;padding:5px 12px}.tabs .active{background:#0095f6;color:#fff}.create-input input{border:none;font-size:15px;outline:none;padding:12px 0;width:100%}.image-preview img{border-radius:12px;margin-top:10px;width:100%}.create-actions{justify-content:space-between;margin-top:10px}.create-actions,.left-icons{align-items:center;display:flex}.left-icons{gap:10px}.upload-btn{background:#f0f2f5;border-radius:20px;cursor:pointer;font-size:13px;padding:6px 12px;transition:.2s}.upload-btn:hover{background:#e4e6eb}.post-btn{background:#0095f6;border:none;border-radius:20px;color:#fff;cursor:pointer;padding:8px 20px;transition:.3s}.post-btn:disabled{background:#ccc;cursor:not-allowed}.post-btn:hover{background:#07c}.post-card{background:#cde0e1;border:1px solid #ddd;border-radius:15px;box-shadow:0 2px 10px #0000000d;margin:0 auto 20px;max-width:500px;transition:.2s}.post-card:hover{transform:translateY(-3px)}.post-header{display:flex;font-weight:700;justify-content:space-between;padding:12px}.post-image{border-radius:10px;width:100%}.post-actions{display:flex;gap:15px;padding:10px}.post-actions button{background:none;border:none;cursor:pointer;font-size:14px}.comment-section{padding:10px}.comment{font-size:14px;margin-bottom:5px}.comment-input{display:flex;gap:10px;margin-top:5px}.comment-input input{background:#f0f2f5;border:none;border-radius:10px;flex:1 1;outline:none;padding:8px}@media (max-width:768px){body{display:block}#root{max-width:100%}.feed-container{padding:10px}.create-post-card,.post-card{max-width:100%}}
/*# sourceMappingURL=main.c8c7e8db.css.map*/