*{box-sizing:border-box;margin:0;padding:0}body{color:#333;background-color:#f5f5f5;font-family:sans-serif}.container{max-width:600px;margin:0 auto;padding:16px}.auth-box{background:#fff;border-radius:8px;margin-top:64px;padding:32px;box-shadow:0 2px 8px #0000001a}.auth-box h1{text-align:center;margin-bottom:24px;font-size:24px}.form-group{margin-bottom:16px}.form-group label{color:#555;margin-bottom:4px;font-size:14px;display:block}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;width:100%;padding:8px 12px;font-size:16px}.btn{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-size:14px;display:inline-block}.btn-primary{color:#fff;background-color:#1d9bf0;width:100%;padding:12px;font-size:16px}.btn-secondary{color:#333;background-color:#e0e0e0}.btn-danger{color:#fff;background-color:#e0245e}.error{color:#e0245e;margin-bottom:12px;font-size:14px}.link{text-align:center;margin-top:16px;font-size:14px}.link a{color:#1d9bf0;text-decoration:none}.header{background:#fff;border-bottom:1px solid #ddd;justify-content:space-between;align-items:center;padding:12px 16px;display:flex;position:sticky;top:0}.header h1{font-size:20px}.post-form{background:#fff;border-radius:8px;margin-bottom:16px;padding:16px;box-shadow:0 1px 4px #00000014}.post-form textarea{resize:none;border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:8px;padding:8px;font-size:16px}.post-form-actions{justify-content:flex-end;display:flex}.post-card{background:#fff;border-radius:8px;margin-bottom:12px;padding:16px;box-shadow:0 1px 4px #00000014}.post-card .author{margin-bottom:8px;font-weight:700}.post-card .body{margin-bottom:12px;line-height:1.6}.post-actions{align-items:center;gap:12px;display:flex}.comments{border-top:1px solid #eee;margin-top:12px;padding-top:12px}.comment-item{border-bottom:1px solid #f0f0f0;padding:6px 0;font-size:14px}.comment-form{gap:8px;margin-top:8px;display:flex}.comment-form input{border:1px solid #ddd;border-radius:4px;flex:1;padding:6px 10px;font-size:14px}