.container{margin:0 auto;max-width:1200px;padding:1rem}body{background:#f5f6fa;color:#333;font-family:Helvetica Neue,Arial,sans-serif;margin:0}nav ul{align-items:center;background:#007bff;display:flex;list-style:none;margin:0;padding:20px}nav ul li{margin-right:20px}nav ul li a{color:#fff;font-weight:700;text-decoration:none}nav ul li a:hover{color:#ffcc5b}footer{border-top:1px solid #eee;color:#888;margin-top:40px;text-align:center}footer,form{background:#fff;padding:20px}form{border-radius:10px;box-shadow:0 0 10px #0003;display:flex;flex-direction:column;gap:15px;margin:40px auto;max-width:400px}form button,form input,form textarea{border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:10px}form button{background:#007bff;border:none;color:#fff;font-weight:700;transition:background .3s ease}form button:hover{background:#0056b3}.posts-wrapper{padding:20px}.posts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.post-card{background:#fff;border-radius:10px;box-shadow:0 0 10px #0003;padding:20px;transition:transform .2s ease}.post-card:hover{transform:translateY(-5px)}.post-card h3{color:#007bff;margin-bottom:10px}.post-card p{color:#555}.post-card .tags{color:#888;font-style:italic;margin-top:10px}.profile-wrapper{background:#fff;border-radius:10px;box-shadow:0 0 10px #0003;margin:40px auto;max-width:400px;padding:20px;text-align:center}.profile-wrapper h1{color:#007bff;margin-bottom:20px}.profile-wrapper p{color:#555}.profile-container{margin:2rem auto;max-width:1200px;padding:2rem}.profile-grid{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem}.profile-form,.profile-preview{background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 8px #0000000d;flex:1 1 48%;padding:1.5rem}.profile-form label{display:block;font-weight:700;margin-top:1rem}.profile-form input,.profile-form textarea{border:1px solid #ccc;border-radius:5px;margin-top:.25rem;padding:.5rem;width:100%}.profile-form button{background-color:#4169e1;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:1.5rem;padding:.6rem 1.2rem}.profile-form button:hover{background-color:#0056b3}body,html{background:linear-gradient(90deg,#f0f4f8,#e9eff5);color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;margin:0;padding:0}.home-page{align-items:center;display:flex;height:100%;justify-content:center;padding:2rem;text-align:center}.home-content{background:#fff;border-radius:12px;box-shadow:0 8px 16px #0000001a;max-width:500px;overflow:hidden;padding:2.5rem 1.5rem;width:100%}.home-content h1{color:#222;font-size:2rem;margin-bottom:1rem}.highlight{color:#0d6efd}.home-content p{font-size:1rem;margin:1rem 0}.btn{background-color:#0d6efd;border-radius:6px;box-sizing:border-box;color:#fff;display:inline-block;margin:.5rem;max-width:100%;padding:.6rem 1.2rem;text-align:center;text-decoration:none;transition:background-color .3s ease;white-space:nowrap}.btn:hover{background-color:#084298}body.dark-mode{background:#121212;color:#f5f5f5}body.dark-mode nav ul{background:#1e1e1e}body.dark-mode nav ul li a{color:#f5f5f5}body.dark-mode nav ul li a:hover{color:#ffcc5b}body.dark-mode .home-content,body.dark-mode .post-card,body.dark-mode .profile-form,body.dark-mode .profile-preview,body.dark-mode form{background-color:#1e1e1e;box-shadow:0 0 10px #ffffff0d;color:#f5f5f5}body.dark-mode .home-content h1,body.dark-mode .post-card h3,body.dark-mode .profile-wrapper h1{color:#90cdf4}body.dark-mode .home-content p,body.dark-mode .post-card p,body.dark-mode .profile-wrapper p{color:#ccc}body.dark-mode footer{background:#1e1e1e;border-top:1px solid #444;color:#999}body.dark-mode .btn,body.dark-mode .profile-form button,body.dark-mode form button{background-color:#0d6efd;color:#fff}body.dark-mode .btn:hover,body.dark-mode .profile-form button:hover,body.dark-mode form button:hover{background-color:#084298}body.dark-mode input,body.dark-mode textarea{background-color:#2a2a2a;border:1px solid #555;color:#fff}.read-more-btn{background:none;border:none;color:#007bff;cursor:pointer;font-weight:700;margin-top:5px;padding:0}.read-more-btn:hover{text-decoration:underline}@media (max-width:1024px){.container{padding:1rem}nav ul{flex-wrap:wrap;gap:10px;justify-content:center}}@media (max-width:768px){form{max-width:90%}.posts-grid{grid-template-columns:1fr}.profile-grid{flex-direction:column}.profile-form,.profile-preview{flex:1 1 100%}.home-content{padding:2rem 1.5rem}.home-content h1{font-size:1.6rem}.btn{margin-bottom:1rem;width:100%}}@media (max-width:480px){nav ul{align-items:center;flex-direction:column}nav ul li{margin-bottom:10px;margin-right:0}.post-card{padding:15px}.post-card h3{font-size:1.1rem}.home-content{border-radius:8px;box-shadow:none}.home-content h1{font-size:1.4rem}.home-content p{font-size:.95rem}.btn{display:block;margin:.5rem 0;width:100%}.home-content{padding:2rem 1rem}}.reaction-btn{background:#f9f9f9;border:1px solid #eee;border-radius:20px;cursor:pointer;font-size:20px;margin-right:8px;padding:8px 12px;transition:background .2s ease,transform .1s ease}.reaction-btn:hover{transform:scale(1.05)}.reaction-btn.active{background:#fff0f0;border-color:#ff3040}.comments-section{margin-top:20px}.toggle-comments-btn{background:none;border:none;color:#007bff;cursor:pointer;font-weight:700;margin-bottom:10px}.toggle-comments-btn:hover{text-decoration:underline}.comments-list{margin-top:12px}.comment{background:#f8f9fa;border-radius:8px;margin-bottom:12px;padding:12px}.comment strong{display:block;margin-bottom:4px}.comment small{color:#777}.add-comment-form{display:flex;gap:10px;margin-top:16px}.add-comment-form input{border:1px solid #ccc;border-radius:6px;flex:1 1;padding:10px}.add-comment-form button{background:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:10px 14px}.add-comment-form button:hover{background:#0056b3}body.dark-mode .reaction-btn{background:#2a2a2a;border-color:#444;color:#fff}body.dark-mode .reaction-btn.active{background:#402020;border-color:#ff5a5a}body.dark-mode .comment{background:#2a2a2a}body.dark-mode .toggle-comments-btn{color:#90cdf4}
/*# sourceMappingURL=main.e122d367.css.map*/