body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);margin:0}code{background-color:#f5f5f5;border-radius:4px;font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;padding:2px 4px}a,code{color:#2e7d32}a{text-decoration:none;transition:color .3s ease}a:hover{color:#1b5e20;text-decoration:underline}.alert{animation:slideIn .3s ease;border-radius:8px;margin-bottom:20px;padding:12px}.alert-success{background-color:#c8e6c9;border-left:4px solid #2e7d32;color:#1b5e20}.alert-error{background-color:#ffebee;border-left:4px solid #d32f2f;color:#c62828}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loading{animation:spin .8s linear infinite;border:3px solid #e8f5e9;border-radius:50%;border-top-color:#2e7d32;display:inline-block;height:20px;width:20px}@keyframes spin{to{transform:rotate(1turn)}}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.App,body{min-height:100vh}.App-header{align-items:center;background:#fff;box-shadow:0 1px 4px #00000014;display:flex;justify-content:space-between;padding:20px 40px;position:sticky;top:0;z-index:100}.App-header h1{color:#2c3e50;font-size:1.6rem;font-weight:600;margin:0}.user-menu{align-items:center;display:flex;gap:15px}.username{color:#5a6c7e;font-size:.9rem;font-weight:500}.login-header-btn,.logout-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 20px;transition:all .2s ease}.login-header-btn:hover,.logout-btn:hover{background:#43a047;transform:translateY(-1px)}.App-main{margin:0 auto;max-width:800px;padding:40px 20px}.welcome-screen{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;padding:60px 40px;text-align:center;width:100%}.welcome-screen h2{color:#2c3e50;font-size:1.8rem;font-weight:500;margin-bottom:12px}.welcome-screen p{color:#7f8c8d;font-size:1rem;margin-bottom:30px}.get-started-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:10px 28px;transition:all .2s ease}.get-started-btn:hover{background:#43a047;transform:translateY(-1px)}.post,.posts-feed{width:100%}.post{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;margin-bottom:20px;padding:24px;transition:all .2s ease}.post:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.post h4{color:#2c3e50;font-size:1.25rem;font-weight:600;margin:0 0 12px}.post p{color:#5a6c7e;line-height:1.6;margin-bottom:16px}.post small{border-top:1px solid #ecf0f1;color:#95a5a6;display:block;font-size:.8rem;padding-top:12px}.fab{align-items:center;background:#4caf50;border:none;border-radius:28px;bottom:30px;box-shadow:0 2px 8px #00000026;color:#fff;cursor:pointer;display:flex;font-size:24px;height:56px;justify-content:center;position:fixed;right:30px;transition:all .2s ease;width:56px;z-index:1000}.fab:hover{background:#43a047;box-shadow:0 4px 12px #4caf504d;transform:scale(1.05)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .2s ease;background:#fff;border-radius:12px;max-width:500px;padding:28px;position:relative;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{align-items:center;background:none;border:none;color:#bdc3c7;cursor:pointer;display:flex;font-size:22px;height:28px;justify-content:center;position:absolute;right:16px;top:16px;transition:color .2s ease;width:28px}.modal-close:hover{color:#7f8c8d}.auth-tabs{border-bottom:1px solid #ecf0f1;display:flex;gap:8px;margin-bottom:24px}.auth-tabs button{background:none;border:none;color:#7f8c8d;cursor:pointer;font-size:15px;font-weight:500;padding:10px 20px;transition:all .2s ease}.auth-tabs button.active{border-bottom:2px solid #4caf50;color:#4caf50;margin-bottom:-1px}.auth-form-modal{display:flex;flex-direction:column;gap:16px}.auth-form-modal input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:12px 14px;transition:all .2s ease;width:100%}.auth-form-modal input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.auth-form-modal button{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;margin-top:8px;padding:12px;transition:all .2s ease}.auth-form-modal button:hover:not(:disabled){background:#43a047}.auth-form-modal button:disabled{cursor:not-allowed;opacity:.6}.create-post-form{display:flex;flex-direction:column;gap:16px}.create-post-form h2{color:#2c3e50;font-size:1.4rem;font-weight:500;margin-bottom:8px}.create-post-form input,.create-post-form textarea{border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;padding:12px 14px;transition:all .2s ease}.create-post-form input:focus,.create-post-form textarea:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf501a;outline:none}.create-post-form textarea{min-height:140px;resize:vertical}.create-post-form button{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:500;padding:12px;transition:all .2s ease}.create-post-form button:hover:not(:disabled){background:#43a047}.create-post-form button:disabled{cursor:not-allowed;opacity:.6}.empty-state{background:#fff;border-radius:12px;padding:60px 40px;text-align:center;width:100%}.empty-state p{color:#95a5a6;font-size:1rem;margin-bottom:20px}.create-first-btn{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 24px;transition:all .2s ease}.create-first-btn:hover{background:#43a047}@media (max-width:768px){.App-header{padding:15px 20px}.App-header h1{font-size:1.3rem}.App-main{padding:20px 15px}.welcome-screen{padding:40px 20px}.welcome-screen h2{font-size:1.5rem}.post{padding:18px}.post h4{font-size:1.1rem}.fab{bottom:20px;font-size:22px;height:50px;right:20px;width:50px}}
/*# sourceMappingURL=main.2307483b.css.map*/