*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background-color:#f0f2f5;color:#333}.app-header{width:100%;background-color:#fff;padding:15px 0;text-align:center;box-shadow:0 1px 5px #0000001a;position:sticky;top:0;z-index:999}.logo{font-size:32px;font-weight:700;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.Ti{font-size:35px;position:relative;top:5px;right:5px;color:purple}main{display:flex;flex-direction:column;gap:30px;align-items:center;padding:20px}.action-buttons{display:flex;justify-content:center;gap:10px;margin-bottom:10px}.plus-button{font-size:2rem;padding:5px 15px;background-color:#4caf50;color:#fff;border-radius:50%;border:none;cursor:pointer;transition:background-color .3s ease}.plus-button:hover{background-color:#388e3c}.search-user-button{padding:10px 15px;font-size:1rem;background-color:#fffc37;color:#fff;border:none;border-radius:50px;cursor:pointer}.search-user-button:hover{background-color:#97a500}.search-button{padding:10px 15px;font-size:1rem;background-color:#0095f6;color:#fff;border:none;border-radius:50px;cursor:pointer}.search-button:hover{background-color:#007bb5}.create-post-container{width:100%;max-width:600px;background-color:#fff;padding:20px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.create-post-container h2{font-size:24px;margin-bottom:20px;text-align:center}.upload-form{display:flex;flex-direction:column;align-items:center}.file-input,.text-input,.caption-input{width:100%;max-width:300px;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:8px;font-size:1rem}.caption-input{resize:vertical;height:80px}.upload-button{padding:10px 20px;background-color:#0095f6;border:none;color:#fff;font-size:16px;border-radius:5px;cursor:pointer;transition:background-color .2s}.upload-button:hover{background-color:#007bb5}.message{text-align:center;margin-top:15px;color:#007bb5}.show-posts-container{width:100%;max-width:1200px;margin:0 auto 50px;padding:20px;text-align:center}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:20px}.post-card{background-color:#fff;border-radius:10px;box-shadow:0 8px 16px #00000026;overflow:hidden;transition:transform .2s ease;display:inline-block;width:100%;max-width:280px}.post-card:hover{transform:scale(1.02)}.post-image-container{width:100%;height:150px;overflow:hidden;display:flex;justify-content:center;align-items:center}.post-image{width:100%;height:100%;object-fit:cover}.post-footer{display:flex;flex-direction:column;align-items:flex-start;padding:10px;margin-top:10px}.post-caption{font-weight:500;font-size:.95rem;color:#333}.delete-button{background-color:#f44336;color:#fff;border:none;padding:6px 12px;font-size:.9rem;border-radius:5px;cursor:pointer;transition:background-color .2s ease;margin-top:8px}.delete-button:hover{background-color:#d32f2f}.search-user-container{margin-top:30px;text-align:center}.search-input{padding:8px 15px;font-size:1rem;width:200px;margin-right:10px;border-radius:5px;border:1px solid #ccc}.search-btn{padding:8px 15px;font-size:1rem;background-color:#0095f6;color:#fff;border:none;border-radius:5px;cursor:pointer}.search-btn:hover{background-color:#007bb5}.search-results{margin-top:20px}.error-message{color:red;font-size:1.2rem}.camera-button{padding:10px 15px;margin-left:10px;font-size:1rem;background-color:#e91e63;color:#fff;border:none;border-radius:50px;cursor:pointer}.camera-button:hover{background-color:#c2185b}.post-time{font-size:10px;padding:3px;position:relative;right:3px}.create-post-container{max-width:600px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:1.5rem;box-shadow:0 8px 30px #0000001a;text-align:center;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.create-post-container h2{font-size:1.8rem;color:#333;margin-bottom:1.5rem}video,canvas{border-radius:1rem;box-shadow:0 4px 15px #0000001a;max-width:100%;margin-bottom:1.2rem}.text-input,.caption-input{width:100%;padding:.8rem 1rem;margin:.5rem 0;font-size:1rem;border:1px solid #ddd;border-radius:.8rem;background-color:#f9f9f9;resize:none}.upload-button{padding:.7rem 1.5rem;margin:.5rem;background-color:#4a90e2;color:#fff;font-weight:600;border:none;border-radius:.8rem;cursor:pointer;transition:background-color .3s ease}.upload-button:hover{background-color:#357abd}@media (max-width: 600px){.create-post-container{padding:1rem}.upload-button{display:block;width:100%;margin:.5rem 0}}