*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;line-height:1.6;color:#333;background:#f8f9fa}.container{max-width:800px;margin:0 auto;padding:0 1rem}.navbar{background:#2c3e50;padding:1rem 0;margin-bottom:2rem}.navbar .container{display:flex;justify-content:space-between;align-items:center}.navbar .brand{color:#fff;text-decoration:none;font-weight:bold;font-size:1.2rem}.navbar .nav-links{display:flex;align-items:center;gap:1rem}.navbar .nav-links a,.navbar .nav-links .btn-link{color:#ecf0f1;text-decoration:none}.navbar .nav-links .username{color:#bdc3c7;font-size:0.9rem}.navbar .nav-links .btn-link{background:none;border:none;cursor:pointer;font-size:1rem}.flash{padding:0.75rem 1rem;margin-bottom:1rem;border-radius:4px}.flash-notice{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.flash-alert{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:0.25rem;font-weight:500}.form-group input[type="text"],.form-group input[type="email"],.form-group input[type="password"],.form-group textarea{width:100%;padding:0.5rem;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.form-group textarea{min-height:100px;resize:vertical}.btn{display:inline-block;padding:0.5rem 1rem;background:#3498db;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;text-decoration:none}.btn:hover{background:#2980b9}.btn-danger{background:#e74c3c}.btn-danger:hover{background:#c0392b}.btn-sm{padding:0.25rem 0.5rem;font-size:0.85rem}.card{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:1.5rem;margin-bottom:1.5rem}.card-header{font-size:1.25rem;font-weight:600;margin-bottom:1rem;padding-bottom:0.5rem;border-bottom:1px solid #dee2e6}.post-item{padding:0.75rem 0;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:flex-start}.post-item:last-child{border-bottom:none}.post-item .post-content{flex:1}.post-item .post-content .post-title{font-weight:600}.post-item .post-content .post-body{color:#666;font-size:0.9rem;margin-top:0.25rem}.post-item .post-content .post-meta{color:#999;font-size:0.8rem;margin-top:0.25rem}.hero{text-align:center;padding:3rem 1rem}.hero h1{font-size:2.5rem;margin-bottom:1rem}.hero p{color:#666;font-size:1.1rem;margin-bottom:1.5rem}.errors{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24;padding:1rem;border-radius:4px;margin-bottom:1rem}.errors ul{margin-left:1.25rem}.spinner{display:none;color:#999;font-style:italic}